* {outline: none;  
    font-family: "Manrope", sans-serif; 
 }
 p,h1,h2,h3,h4,h5,h6 {margin-bottom: 0;}
 a {text-decoration: none !important;}
 .container { max-width: 1550px!important; padding: 0 15px; margin: 0 auto;}
 .navbar-brand a {box-sizing: border-box;}
 button {border: 0; outline: none !important;}
 section { padding-top: 100px;}
 p {font-size: 16px; color: #000000;}
 .btn:focus,.btn.focus {box-shadow: none;}
 .h-100vh { height: 100vh;}
 .fixed { position: fixed!important; top: 0; left: 0; width: 100%; background: #fff; z-index: 22; 
    transition: 1s all; height: 90px; padding: 0 0.2rem;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);}
 .top{ height:50px; width:50px; background :#5AA2E0; display:flex; align-items:center;
    justify-content: center; color: #fff !important; position:fixed!important;  bottom:-5rem;  right:5rem; 
    opacity: 0; transition:.3s all;  z-index: 11; } 
 .active .top {opacity: 1;  bottom: 3rem;} 
 ::selection{background-color: #0D1B54;color: #FF7A00;}
 .mb6rem { margin-bottom: 6rem; }
 .zi-1 {
    z-index: 1;
 }
 /* ===== Scrollbar CSS =====  */
 /* Firefox */
 * {scrollbar-width: auto; scrollbar-color: #0D1B54 #FFFFFF; }
 /* Chrome, Edge, and Safari */
 *::-webkit-scrollbar { width: 5px;}
 *::-webkit-scrollbar-track {background: #FFFFFF; }
 *::-webkit-scrollbar-thumb {background-color: #0D1B54; border-radius: 10px; border: 1px solid #0D1B54;}



 /* new */
.main_head_bg{ background-image: url(../images/top_bg.jpg);background-repeat: no-repeat;  background-size: 100% 100vh; position: relative;}
.main_head_bg::before{position: absolute; content: " "; opacity: 0.60; background: #000;  width: 100%; height: 100vh;}
.linked_social a{font-size: 22px; color: #FFFFFF; margin-right: 20px;transition: 0.3s all;}
.linked_social a:hover{color: #FF7A00;}
.left_side_top{display: flex;align-items: center; margin-left: auto;}
.menu_opn{display: flex;align-items: center;}
.menu_opn p{font-size: 12px;  color: #FFFFFF;  font-weight: 300;}
.navbar {justify-content: unset;}
.main_menu a{font-size: 14px;  color: #FFFFFF !important; font-weight: 600; margin: 0 1.5rem;}
.other_pages .main_menu a {color: #0D1B54 !important;}
/* menu opn */
#menuArea input { display: none;}
.open { background-color: #fff;  width: 33px; height: 2px;display: block;  border-radius: 0px; cursor: pointer;
    position: relative;  top: 55%;}
.open:after { content: ""; background-color: #fff;width: 33px;  height: 2px; display: block;
    border-radius: 0px; position: relative; top: -11px; transform: rotate(0deg);  transition: all 0.3s ease;  left: 20px;}
.open:before { content: ""; background-color: #fff; width: 14px; height: 2px; display: block; border-radius: 0px; position: relative; top: -8px;
        transform: rotate(0deg); transition: all 0.3s ease; left: 0px; }
.menuOpen { width: 70px; height: 70px; display: block; cursor: pointer;   float: right;z-index: 99;
background: rgba(0, 0, 0, 0.3);  border-radius: 50%; position: relative;  padding: 0 10px;}

#menuArea .close-text { display: none; z-index: 99; color: white; }
#menuToggle:checked ~ .menuOpen .open { background-color: transparent;}  
#menuToggle:checked ~ .menuOpen .open:before { content: ""; background-color: white; transform: rotate(45deg);
    position: absolute; top: -5px; left: 16px; z-index: 1;  width: 20px;}
#menuToggle:checked ~ .menuOpen .open:after { content: ""; background-color: white; transform: rotate(-45deg);
    position: relative; top: -5px; right: 0; z-index: 1; width: 20px; height: 2px;  left: 16px;}

#menuToggle:checked ~ .menuEffects ul { opacity: 1;}  
#menuToggle:not(:checked) ~ .menuEffects ul { transform: translateY(-100%);}
.menuEffects ul {transform: translateY(0%); transition: all 1s;}
#menuToggle:checked ~ .menuEffects {opacity: 1;visibility: visible; transition: opacity 1s;z-index: 11; display: grid;
    align-items: end;}
#menuToggle:checked ~ .close-text { display: block; }

#menuToggle:checked ~ .menuEffects .btm_menu_sec { opacity: 1;transition: 1s all;}  
#menuToggle:not(:checked) ~ .menuEffects .btm_menu_sec { opacity: 0;}

.top_menu_sec{display: flex;  align-items: center;  padding: 1rem 0rem 2rem 0rem;}
.menu_sec{display: flex; align-items: center;justify-content: center;}
.menu_sec a{font-size: 18px; color: #fff; margin-right: 4rem; font-weight: 300;transition: 0.3s all;}
.menu_sec a:hover{color: #FF7A00;}
.menu_sec a:last-child{ margin-right: 0rem;}

#menuToggle:not(:checked) ~ .menuEffects .navbar-brand img{transition: 5s all;opacity: 0;transform: scaleX(1);}
#menuToggle:checked ~ .menuEffects .navbar-brand img{opacity: 1;} 
.fixed-position {  overflow-y: hidden;}


.layout-small-padding { padding: 0 6rem; }
.layout-padding { padding: 0 11rem; }

.menu { position: fixed; width: 100vw;height: 100vh;top: 0; left: 0; background:#0D1B54;}
.menu label { width: 30px;height: 30px; position: absolute;right: 20px;top: 20px; background-size: 100%; cursor: pointer;}
.menu .menuContent { position: relative; }
.menuContent ul{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.menu ul { list-style: none; padding: 0; margin: 0 auto;}
.menu ul li a { text-decoration: none; transition: color 0.2s;font-size: 100px;color: #FFFFFF;position: relative; font-weight: bold;}
@media (min-width:576px) {
    .menu ul li a.active::before,
    .menu ul li a:hover::before {  position: absolute; content: ""; width: 40%; color: #FF7A00; background: #FF7A00;
        height: 10px; right: 20px; bottom: 0; border-radius: 10px;transition: 0.3s all;}
}
.menuContent li span{font-size: 100px;color: #FFFFFF;margin: 0 0.5rem 0 0;}

#counter-section {gap: 10%;}

  /* .menu ul li a:hover { color: #ff8702;} */
/* .menu ul li:hover {  background: white;} */
.menuEffects {  opacity: 0;  visibility: hidden;  transition: opacity 1s, visibility 1s;}
#menuArea{ text-align: center; margin-left: 12px; display: flex; align-items: center; gap: 10px; }
.linked_sec_menu{text-align: left;padding-left:8rem;}
.linked_sec_menu p{font-size: 25px;color: #FFFFFF;margin-bottom: 1rem;}
.linked_sec_menu a{ font-size: 40px; color: #FFFFFF; margin-right: 3rem;transition: 0.3s all;}
.linked_sec_menu a:hover{color: #FF7A00; }
.linked_sec_menu a:last-child{ margin-right: 0rem;}
.talk_buisness_Sec{ background: #FFFFFF 0% 0% no-repeat padding-box; padding: 3rem 2rem; border-radius: 31px 0 0 0;
    display: flex;  align-items: center; justify-content: space-between;}
.talk_buisness_Sec h6{ font-size: 25px; color: #000000;  font-weight: normal; text-align: left; margin-bottom: 1rem;}
.talk_buisness_Sec p{ font-size: 18px; color: #000000;  text-align: left;}

/*
border-radius: 2px;
height: 50px;
width: 50px;
line-height: 50px;
text-decoration: none;
text-align: center;
opacity: 0;
position: fixed;
right: 50px;
bottom: 50px;
z-index: 1030;
visibility: hidden;
*/
/* section header */
.top_header_Section{height: calc(100vh - 110px);  display: grid; align-items: end; padding: 70px 0px; position: relative;}
.top_heading_sec h4{font-size: 80px; color: #FF7A00; font-weight: 900;}
.top_heading_sec h5{ font-size: 35px; color: #FFFFFF; font-weight: bold; }
.top_heading_sec h4 img{ position: relative;}
.top_heading_sec p{ font-size: 16px; color: #FFFFFF; margin-top: 1rem;}
.top_heading_sec_two img{max-height: 80px; min-height: auto;}
.new_project_btn {padding: 1rem 3.5rem; color: #FFFFFF; background: #FF7A00 0% 0% no-repeat padding-box; border-radius: 10px; text-decoration: none; font-size: 15px;position: fixed; right: 5%; bottom: 75px; z-index: 10;}
.button_work {  display: inline-flex;  height: 70px; width: 300px; margin: 2rem 0rem 0rem 0rem ; color: #FFFFFF;
    background: var(--unnamed-color-ff7a00) 0% 0% no-repeat padding-box;
    background: #FF7A00 0% 0% no-repeat padding-box;  border-radius: 10px;  text-decoration: none; 
    font-size: 18px; align-items: center; justify-content: center;overflow: hidden;}  
.button_work a{ color: #FFFFFF; text-decoration: none; width: 100%; justify-content: space-between;  display: flex;
    align-items: center; padding: 0rem 1.5rem;  font-weight: normal;}
.button_work a i{font-size: 40px;}
#button-2, #button-3 { position: relative; overflow: hidden; cursor: pointer; }  
#button-2 a, #button-3 a { position: relative;transition: all .35s ease-Out;}  
#slide, #slide3 {  width: 100%;  height: 100%; left: -350px; background: #0D1B54;  position: absolute; transition: all .8s ease-Out; bottom: 0;}  
#button-2:hover #slide, #button-3:hover #slide3 {  left: 0;}  
#button-2:hover a, #button-3:hover a { color: #FFFFFF;}
.marquee_highlight{ background: #000000; display: flex; padding: .7rem; position: absolute; bottom: 0; width: 100%; color: #FFFFFF;}
.marquee_highlight img{ margin: 0 1rem;}
.marquee { overflow: hidden; white-space: nowrap; width: 100%; box-sizing: border-box; }
.marquee-content { display: inline-block; animation: marquee 20s linear infinite; color: #FFFFFF;}
.marquee_highlight .marquee-content a{ color: #FFFFFF; }
.other_logo_slider .marquee-content {animation: marquee 20s linear infinite;}
@keyframes marquee { 
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}
@keyframes up-down{ 0% { transform:  translate(0,0)  ; } 50% { transform:  translate(0px,-20px) ;} 100% { transform:  translate(0,0);}}
.up-down{ animation: up-down linear 4s;  animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: up-down linear 4s;
    -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: up-down linear 4s;  -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%; -o-animation: up-down linear 4s; -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%; -ms-animation: up-down linear 4s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%; max-width: 200px;}
    
/* section 2 */
.main_quote_sec {position: relative; padding: 120px 0; background-image: url(../images/bg_quote.png); background-repeat: no-repeat;
     background-position: right 120px bottom 0px; overflow-x: hidden;}
.main_quote_sec .hello_txt{position: relative;}
.main_quote_sec .hello_txt::before { position: absolute; content: "HELLO."; font-size: 290px; color: #0D1B54; opacity: 0.06;top: 0px; left:4rem;font-weight: 600; font-family: "Poppins"; line-height: .67;}
.left_main_text h6{font-size: 38px; color: #0D1B54; font-weight: 800;}
.left_main_text h5{ font-size: 21px; color: #0D1B54; font-weight: 800; margin: 2.5rem 0rem; line-height: normal;}
.left_main_text p{font-size: 17x;color: #000000;font-weight: normal;margin-bottom: 1rem;}
.main_quote_sec .count_number{font-size: 110px; font-weight: 600; color: #0D1B54;}
.color_sign{color: #FF7A00;font-size: 110px; font-weight: 600;}
.decimal{ color: #FF7A00; }
.main_quote_sec .count_text{font-size: 18px; font-weight: 600; color: #0D1B54; border-top: 1px solid #000000; padding-top: 20px;}
.main_quote_sec .other_logo_slider img{ margin: 0 1.2rem; }

/* section 3 */
.main_slider_Section{background-image: url(../images/slider_mian_bg.png);background-repeat: no-repeat;position: relative;padding: 200px 0px;margin-top: -45px;}
.main_slider_Section::before{ position: absolute; content: "Work."; font-size: 302px;color: #fff; opacity: 0.06;  top: 20%; left: 50%; transform: translate(-50%, -50%);z-index: 1; font-weight: 600; font-family: "Poppins";}
.mian_slider{z-index: 1;}
.mian_slider_img{position: relative;    margin-bottom: 7rem; margin-top: 3rem;}
.mian_slider_img img{border-radius: 30px;  border: 10px solid rgba(255, 255, 255, 0.3);position: relative;}
.btm_slider_img{    position: absolute;  right: 20px; top: 240px;}
.mian_slider h4{font-size: 38px; color: #FFFFFF; font-weight: 600; margin-bottom: 10px; font-family: "Poppins";}
.mian_slider h4 span{color: #FF7A00; font-family: "Poppins";}
.mian_slider p{font-size: 18px;color: #FFFFFF;text-align: center;    margin: 1rem 0rem;}
.btn_know{font-size: 20px;  color: #FF7A00; display: block; align-items: center; font-weight: 600; margin: auto;transition: 0.3s all; font-family: "Poppins";}
.btn_know:hover{color: #FFFFFF;}
.btn_know i{font-size: 17px; color: #fff;margin-left: 10px;  background: #FF7A00; padding: 12px;border-radius: 10px;}
.main_slider_sec.owl-carousel .owl-item img{width: auto;}
.move_img{ position: absolute; right: 330px; top: 270px;z-index: 9;}
img.vert-move { -webkit-animation: mover 2s infinite  alternate;  animation: mover 2s infinite  alternate;}
img.vert-move { -webkit-animation: mover 2s infinite  alternate; animation: mover 2s infinite  alternate;}
@-webkit-keyframes mover { 0% { transform: translateY(0); }  100% { transform: translateY(-10px); }}
@keyframes mover {  0% { transform: translateY(0); }  100% { transform: translateY(-10px); }}
.main_slider_sec.owl-carousel .owl-nav button.owl-prev{position: absolute; left: 0px;background-color: #FF7A00;
      border-radius: 0 20px 20px 0;  margin: 0; top: 50%;  transform: translatey(-50%);}
.main_slider_sec.owl-carousel .owl-nav button.owl-prev img {padding: 3rem 1rem;}
.main_slider_sec.owl-carousel .owl-nav button.owl-next{position: absolute;right: 0px;
    background-color: #FF7A00; border-radius: 20px 0px 0px 20px;  margin: 0; top: 50%;  transform: translatey(-50%);}
.main_slider_sec.owl-carousel .owl-nav button.owl-next img {padding: 3rem 1rem;}


/* section4 */
.main_count_down_sec{background-image: url(../images/count_down_bg.png);background-repeat: no-repeat;padding: 25rem 0px 17.5rem 0px;
    margin-top: -220px; background-size: 100% 100%;}
.main_count_down_sec h5{font-size: 38px; color: #0D1B54; font-weight: 800;margin: 1rem 2rem 2rem 2rem;}
.main_count_down_sec p{font-size: 18px;color: #000000;    font-weight: normal;}
.work_on {gap: 20px;}
.work_on img{ transition: 0.3s;box-shadow: 0px 0px 30px #0000001C;border-radius: 50%;padding: 5px;}
.work_on img:hover{transform: scale(1.1);outline: 2px solid #fff; }


/* section 5 */
.main_service_sec{position: relative; 
    overflow-x: hidden;
    /*padding: 200px 0 200px 0px; background-image: url(../images/bg_top.png);
    background-repeat: no-repeat; background-position: bottom left 10%;
*/}
.main_service_sec::before{position: absolute; content: "Services."; font-size: 315px;color: #0D1B54; opacity: 0.06; top: 0; left: 7%; z-index: 1; font-weight: 600; font-family: "Poppins";}
.detail_service h4{font-size: 30px;color: #0D1B54;font-weight: 800;margin-bottom: 2.5rem;margin-top: 8rem;}
.detail_service p{font-size: 15px;color: #000000;}
.side_box_main{padding: 40px;border-radius: 10px;transition: 0.5s all;}
.side_box_main:hover{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 10px 10px 20px #00000029;}
.side_box_main h6{font-size: 38px;color: #0D1B54;font-weight: 800;margin: 1rem 0rem 2rem 0rem;}
.side_box_main h6 span{color: #FF7A00;}
.side_box_main p{font-size: 18px;color: #000000;font-weight: 500;}
button.button_know, a.button_know{font-size: 14px;color: #FF7A00 !important; background: transparent;  margin: 1rem 0; font-weight: 700; display: block;}
button.button_know i, a.button_know i{font-size: 14px;color: #FFFFFF;background: #FF7A00 0% 0% no-repeat padding-box; padding: 6px;border-radius: 8px;}
.side_left_main .zig_zac_img {position: absolute; left: 9.70%; top: 34.6%; z-index: 1;}
.side_left_main .mian_left {position: absolute; left: 0; top: 36%;}
.side_left_main .btm_roung_img{position: absolute; left: 2%; top: 53.5%; z-index: 1;}

/* section 6 */
.main_quotetext_sec .quotetext_symbol{ color: #F05A28; font-weight: 700; line-height: 1;}
.main_quotetext_sec .quotetext_symbol svg{width: 95px;}
.main_quotetext_sec .quotetext_text{ color: gray; font-size: 95px; font-weight: 700; line-height: 1;}

/* section 7 */
.main_blog_sec{position: relative; padding-top: 7rem; overflow-x: hidden;}
.main_blog_sec::before{position: absolute; content: "Blogs."; font-size: 280px;color: #0D1B54; opacity: 0.06; top: 0; left: 6%; z-index: 1; font-weight: 600; font-family: "Poppins";}
.blog_slider.owl-carousel .owl-nav button.owl-prev{position: absolute; left: 0px;background-color: #FF7A00;
    border-radius: 0 20px 20px 0;  margin: 0; top: 50%;  transform: translatey(-50%);}
.blog_slider.owl-carousel .owl-nav button.owl-prev img {padding: 3rem 1rem;}
.blog_slider.owl-carousel .owl-nav button.owl-next{position: absolute;right: 0px;
  background-color: #FF7A00; border-radius: 20px 0px 0px 20px;  margin: 0; top: 50%;  transform: translatey(-50%);}
.blog_slider.owl-carousel .owl-nav button.owl-next img {padding: 3rem 1rem;}
.blog_slider .owl-stage{ padding: 2.5rem 0rem; }
.detail_service p{font-size: 15px;color: #000000;}
.blog_box_main{padding: 25px;border-radius: 10px;transition: 0.5s all; width: 430px; margin-left: auto; margin-right: auto;}
.blog_box_main:hover{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 10px 10px 20px #00000029;}
.blog_box_main h6{font-size: 31px;color: #0D1B54;font-weight: 800;margin: 1rem 0rem; line-height: 1;}
.blog_box_main h6 span{color: #FF7A00;}
.blog_box_main p{font-size: 16px;color: #000000; font-weight: 500; word-wrap: break-word;-webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
.blog_box_main img{width: 100%; border-radius: 8px;}

/* section 8 */
.main_faqs_sec{position: relative; padding-top: 7rem; margin-top: 6rem;}
.main_faqs_sec::before{position: absolute; content: "FAQs."; font-size: 315px;color: #0D1B54; opacity: 0.06; top: -60px; left: 7.5%; font-weight: 600; font-family: "Poppins";}
#faqToggle .card{ border: unset; border-top: 1px solid #C9C9C9;  border-radius: 0;}
#faqToggle .card-header{ border: unset; background-color: unset; padding: 1.7rem 0px 1rem 0px;}
#faqToggle .card-header a{ font-size: 20px; font-weight: 700; color: #0D1B54; padding: .375rem 7rem .375rem 0rem; line-height: 1.5; display: inline-block; position: relative;}
#faqToggle .card-body{ font-size: 16px; color: #000000; padding: 0px 0px 2rem 0px; line-height: 1.5;}
#faqToggle .card-header a:before { position: absolute; right: 0; font-family: FontAwesome; content: "\f068" !important; color: #FF7A00; }
#faqToggle .card-header a.collapsed:before { position: absolute; right: 0; content: "\f067" !important; }

/* section 9 */
.main_testimonial_Section {background-image: url(../images/slider_mian_bg.png), url(../images/bg_top.png); background-repeat: no-repeat, no-repeat; position: relative; padding: 285px 0px;
    margin-top: 2rem; background-position: center center, left top; overflow-x: hidden;
}

.main_testimonial_Section::before { position: absolute; content: "Testimonials.";font-size: 180px;color: #fff; opacity: 0.06; top: 10.5%; left: 4%; font-weight: 600; font-family: "Poppins";}
.main_testimonial_Section .move_img {position: absolute;right: 230px; bottom: 250px; z-index: 9;top: unset;}

.right_text_slider{ width: 90%;  margin-left: auto;}
.right_text_slider img{max-width: 150px; height: 150px; border-radius: 50%; margin-bottom: 1rem;}
.right_text_slider h5{font-size: 38px; color: #FFFFFF; font-weight: 800;}
.right_text_slider h5 span{  color: #FF7A00;margin: 0 0.5rem;}
.right_text_slider h6{font-size: 23px; color: #FF7A00; font-weight: 500; margin: 0.5rem 0rem 2rem 0;}
.right_text_slider p{ font-size: 18px;  color: #FFFFFF; font-weight: 300;}
.btm_main_slider .row{z-index: 1;}
.btm_main_slider.owl-carousel .owl-nav button.owl-prev{position: absolute;  left:0px; top: 50%; transform: translatey(-50%);
      background-color: #FF7A00;  border-radius: 0 20px 20px 0;  margin: 0;}
.btm_main_slider.owl-carousel .owl-nav button.owl-prev img {padding: 3rem 1rem;}
.btm_main_slider.owl-carousel .owl-nav button.owl-next{position: absolute;right: 0px; top: 50%;  transform: translatey(-50%);
    background-color: #FF7A00; border-radius: 20px 0px 0px 20px;  margin: 0;}
.btm_main_slider.owl-carousel .owl-nav button.owl-next img {padding: 3rem 1rem;}
.btm_main_slider{position: relative;}

/* section 10 */
.lets_talk_sec{background: #FF7A00 0% 0% no-repeat padding-box;padding-top: 150px;padding-bottom: 80px; margin-top: -220px;}
.talk_sec_main h5{font-size: 65px;  color: #FFFFFF; font-weight: 600;  margin-bottom: 0.5rem;}
.talk_sec_main p{font-size: 18px; color: #FFFFFF; font-weight: 500;}
.get_quote_btn{text-align: end;}
.get_quote_btn .button_work {  display: inline-flex;  height: 70px; width: 300px; margin: 0rem 0rem 0rem 0rem ; color: #FFFFFF;
    background: var(--unnamed-color-ff7a00) 0% 0% no-repeat padding-box; background: #0D1B54 0% 0% no-repeat padding-box; 
     border-radius: 10px;text-decoration: none;  font-size: 18px; align-items: center; justify-content: center;overflow: hidden;}  
.get_quote_btn .button_work:hover {box-shadow: 10px 10px 20px #00000029;}  
.get_quote_btn .button_work a{ color: #FFFFFF; text-decoration: none; width: 100%; justify-content: space-between;  display: flex;
    align-items: center; padding: 0rem 1.5rem;  font-weight: normal;}
.get_quote_btn .button_work a i{font-size: 40px;}
.get_quote_btn #button-3 { position: relative; overflow: hidden; cursor: pointer; }  
.get_quote_btn #button-3 a { position: relative;transition: all .35s ease-Out;}  
.get_quote_btn #button-3:hover a { color: #FFFFFF;}

/* section 11 */
.link_sec { background-image: url(../images/like_hand.png); background-repeat: no-repeat; background-size: contain; background-position: right bottom; padding: 6rem 9rem; margin: 2rem 0;}
.link_sec .title { font-size: 18px; color: #0D1B54; margin-bottom: 0.5rem; font-weight: 700; margin-top: 1rem;}
.link_sec .title span { color: #FF7A00; }
.link_sec .link { color: #000000; margin-bottom: 10px; display: inline-block; font-weight: 500;}

/* footer */
.footer_logo{max-width: 100%;}
.footer_logo_sec img{margin-bottom: 2rem;}
.main_footer_Section{background-color: #232323;}
.add_sec h6{font-size: 18px;color: #FFFFFF;margin-bottom: 0.5rem;font-weight: 600;}
.add_sec h6 span{color: #FF7A00;}
.add_sec p{font-size: 14px;color: #FFFFFF; margin-bottom: 0.8rem;}
.add_sec p.orng{font-size: 13px;color: #FF7A00;margin-bottom: 0.3rem;}
.main_linked_sec h6{font-size: 18px; color: #FFFFFF; margin-bottom: 0.5rem; font-weight: 600;}
.main_linked_sec h6 span{color: #FF7A00;}
.linked_main a{ font-size: 16px; color: #FFFFFF;margin-right: 20px;  margin-top: 1rem;transition: 0.3s all;}
.linked_main a:hover{color: #FF7A00; }
.right_footer{padding-bottom: 1.5rem; border-bottom: 1px solid #3E3E3E;}
.linked_main a:last-child{margin-right: 0px;}
.linked_phn a{font-size: 14px; color: #FFFFFF;}
.linked_social_footer a{font-size: 26px;color: #FFFFFF;margin-right: 10px;transition: 0.3s all;}
.linked_social_footer a:last-child{margin: 0;}
.linked_social_footer a:hover{color:#FF7A00;}
.linked_social_footer{display: flex;align-items: center;justify-content: space-between;}
.linked_main{margin-top: 0.5rem;}
.copy_right_Sec{background-color: #000000;}
.copy_right_Sec p{font-size: 14px;color: #9B9B9B; padding: 1rem 0;}
.copy_right_Sec a{font-size: 14px;color: #9B9B9B; padding: 1rem 0 1rem 2rem; display: inline-block;}
.copy_right_Sec a:hover{color: #FF7A00; }


/* ************************************************************ aboutus ***************************************************************** */
.other_pages .menuOpen{ background: #FF7A00;}
.other_pages .menu_opn p{ color: #0D1B54;}
.other_pages .linked_social a{ color: #0D1B54;}
.other_pages .linked_social a:hover{ color: #FF7A00;}
.top_head_sec{  background: #0D1B54; padding: 6rem 4rem; border-radius: 150px 0px 150px 0px;}
.top_head_sec h5{ font-size: 55px; color: #fff; font-weight: bold;display: flex;align-items: end;}
.top_head_sec h5 span{ color: #FF7A00;}
.left_main_text h6 span{color: #FF7A00;} 
.mian_round{  background: #0D1B54;  padding: 90px 40px; border-radius: 100%; text-align: center;height: 100%; display: grid;
    align-items: center;max-width: 350px;  height: 350px;}
.mian_round h5{font-size: 35px; color: #fff; font-weight: 600;margin-bottom: 0.5rem;}
.mian_round h5 span{color: #FF7A00;}
.mian_round p{ font-size: 18px;color: #FFFFFF;  font-weight: normal;}

.col-container {  display: table; width: 100%;}
.col {display: grid; margin: 5px;align-items: center;}
.mian_founder_sec{text-align: center;}
.mian_founder_sec img{max-width: 300px;height: auto;}
.mian_founder_sec h5{font-size: 40px;color: #0D1B54;margin: 1rem 0rem 0rem 0rem ;font-weight: 600;}
.mian_founder_sec small{font-size: 23px;color: #0D1B54;}
.mian_founder_sec p{font-size: 16px;color: #000;margin-top: 1rem;}
.lets_talk_other {background-image: url(../images/other_footer.png);  background-size: cover;  padding: 200px 0px 100px 0px; margin: 50px 0;}
.mian_modal_sec::before { content: "Our Model."; font-size: 250px; color: #0D1B54; opacity: 0.1; z-index: 1;  position: absolute;
    top: 9%;  left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;  font-weight: 500;}
.mian_modal_sec{position: relative;margin-top: 200px;}
.main_about_Sec{position: relative;}
.main_about_Sec::before{position: absolute; content: "About Us."; font-size: 240px; color: #FFFFFF; opacity: 0.1; top: 0;
     left: 195px;font-weight: 900;}
.main_right_img{position: relative;padding: 100px 0px;}
.right_main{position: absolute; right: 0;top: 0;}
.side_main_left{ max-width: 520px;}
.right_main .about_round{ position: absolute; bottom: 10%; left: -11%; max-width: 180px;}
.right_main .about_tri{ position: absolute;top: 51%; left: 66%; max-width: 150px;height: auto;}


/* service */
.main_about_Sec.sevice_main::before{position: absolute; content: "Services"; font-size: 240px; color: #FFFFFF; opacity: 0.1; top: 0; left: 195px;font-weight: 900;}
.other_pages .side_box_main:hover{box-shadow: unset;}
.detil_service  ul{  padding-left:0rem; list-style: none;}
.detil_service  ul li{font-size: 16px;  color: #000000; font-weight: 500;position: relative;}
.detil_service  ul li::before{ content: "\f068"; /* FontAwesome Unicode */ font-family: FontAwesome;  display: inline-block;
    margin: 0 0.5rem;  width: var(--icon-space);}
.img_service_right img{object-fit: none;}


    /* blog */
.main_about_Sec.blog_mian::before{position: absolute; content: "Blog."; font-size: 200px; color: #FFFFFF; opacity: 0.1; top: 0; left: 4rem;font-weight: 900;}
.mian_blog_sec{position: relative;}
.mian_blog_sec img{border-radius: 20px;position: relative;margin-bottom: 1rem;width: 100%;transition: 0.3s all;}
.mian_blog_sec img:hover{ box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);    margin-top: -10px;}
.title_sec h4{font-size: 30px;color: #343434;font-weight: 600;margin-bottom: 0.5rem;}
.title_sec h6{font-size: 18px;color: #C7C7C7;font-weight: 600;}
.share_icon{position: absolute;  right: 30px; top: 30px; }
.load_more a{font-size: 25px;color: #0D1B54;font-weight: 800;}


/* blog-detail */
.mian_blog_detail img{border-radius: 20px;margin-bottom: 1rem;}
.blog_detail_sec h5 { font-size: 50px;  color: #343434;margin-bottom: 1rem;}
.blog_detail_sec h6 {font-size: 18px;color: #C7C7C7; margin: 0 0 1rem 0;}
.blog_detail_sec p {font-size: 18px;color: #000000; margin: 1rem 0;}
.title_blog h5{font-size: 38px;color: #0D1B54;font-weight: 800;}
.title_share h5{ font-size: 18px; color: #000000; margin-bottom: 1rem;}
.title_details h6{ font-size: 30px; color: #343434;font-family: 'Noto Serif Georgian';
      margin: 0 0 1rem 0; text-align: center; font-weight: 800;font-style:italic;}


/* careers */
.main_about_Sec.careers_main::before{position: absolute; content: "Careers."; font-size: 240px; color: #FFFFFF; opacity: 0.1; top: 0; left: 195px;font-weight: 500;}
.panel-title > .btn-link:before { float: right !important; content:"- Minimise"; color: #FF7A00;font-size: 15px;font-weight: 500;}
.panel-title > .btn-link.collapsed:before {float: right !important;  content: "+ Know More"; color: #FF7A00; font-size: 15px;font-weight: 500;font-weight: 500;}
.accordian_Sec #accordion .card-header {background-color: transparent;border-bottom: unset;    padding: 1.5rem 2rem;}    
.accordian_Sec #accordion .card .btn.btn-link{ text-decoration: unset; text-align: left; 
width: 100%;font-size: 15px;color: #000000;font-weight: 800;padding: 0;}
.accordian_Sec .card{  background-color: #F6F6F6;border-radius: 20px; margin-bottom: 1rem;  border: transparent;}
.accordian_Sec .card .card-header h4{font-size: 20px;color: #0D1B54;font-weight: 800;}
.accordian_Sec .card .card-header h6{font-size: 18px;color: #878787;margin: 0.5rem 0;}
.card{  background-color: transparent; }
.title_accordian h6{font-size: 18px;color: #000;font-weight: 800;margin-bottom: 0.5rem;}
.title_accordian p{font-size: 16px;color: #000;font-weight: normal;}
.title_accordian ul{padding-left: 1rem;}
.title_accordian ul li{font-size: 16px;color: #000;}


/* team option */
.main_about_Sec.Team_main::before{position: absolute; content: "Team."; font-size: 240px; color: #FFFFFF; opacity: 0.1; top: 0; left: 195px;font-weight: 500;}
.team_detil_title h5{ font-size: 40px;  color: #000000; font-weight: 800; margin-bottom: 0.2rem;}
.team_detil_title p{ font-size: 15px; color: #6C6C6C; width: 70%; margin-bottom: 2rem;}
.team_detail img{border-radius: 50%;margin: 1rem 0rem;transition: 0.3s all;padding: 5px;}
.team_detail img:hover{ transform: scale(1.1);}
    /* outline: 2px solid #6C6C6C;} */
.team_detail{text-align: center;}
.team_detail h5{font-size: 35px;color: #0D1B54;font-weight: 600;margin-bottom: 0.2rem;}
.team_detail small{font-size: 15px;color: #6C6C6C;}


/* contactus */
.main_about_Sec.contactus_mail::before{position: absolute; content: "Contact Us."; font-size: 200px; color: #FFFFFF; opacity: 0.1; top: 0; left: 4rem;font-weight: 900;}
.title_contact h5{font-size: 25px;color: #FF7A00;margin-bottom: 1rem;}
.title_contact p{    font-size: 18px; color: #000; margin: 1rem 0 2rem 0rem;}
.help_Sec h4{font-size: 18px;color: #0D1B54;font-weight: 700;margin: 0 0 2rem 0;}
.development-buttons label.bnt_help{ color: #0D1B54;font-weight: normal;text-align: center;
    border:1px solid #FF7A00;border-radius: 35px;  padding: 0.5rem 2rem; cursor: pointer;}
.development-buttons label.bnt_help:hover{color: #FFFFFF;border:1px solid #FF7A00;background-color: #FF7A00;}
.development-buttons { display: grid; gap: 20px; grid-template-columns: auto auto auto; }
.contact_detail h5{font-size: 25px;color: #0D1B54;font-weight: 600;}
.contact_detail h5 span{color: #FF7A00;}
.contact_detail p{font-size: 14px;color: #000;font-weight: normal;}
.contact_detail h4{font-size: 16px;color: #000;font-weight: 600;}
.contact_detail{margin: 2rem 0;}
.btm_contact_form .form-group{border: 1px solid #DEDEDE; border-radius: 12px; margin-bottom: 1.8rem;}
.btm_contact_form label {font-size: 14px; color: #0D1B54; font-weight: 600; margin: 0 2rem 0.2rem 1rem;
    background: #ffff; DISPLAY: block; margin-top: -9px; width: max-content; padding: 0 0.5rem;  margin-bottom: 0;}
.btm_contact_form .form-control{padding:0 1.4rem;  border: unset;   background: transparent; font-size: 14px;
    color: #A8A8A8;  height: 40px;  border-radius: 0;  box-shadow: unset;}
.btm_contact_form textarea.form-control{height:unset!important;resize: unset;}


.main_loader{  background:#0D1B54; z-index: 999999999;   width: 100%;  height: 100vh;
    position: fixed; overflow: hidden; transition: 1s; background-size: 100%; top: 0;}
.main_loader .logo_main_loader,.main_loader .logobig_main_loader{
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main_loader .container{ position: absolute;   margin-left: auto;margin-right: auto; left: 0; right: 0;
     text-align: center; width: 30%; bottom: 10%;}
.main_loader .loader_center_point{ position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
#progress { position: relative; width: 100%; height: 2px; border-radius: 6px; box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.1);}
#bar { position: absolute;  width: 1%;  height: 100%;  background: linear-gradient(to right, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.5));
    background: white; transition: .8s;}
#name { display: flex; justify-content: center; align-items: center; color: white;  padding: 1rem; font-size: 16px;}
.main_loader svg{ position: absolute; top: 45%; left: 50%;  transform: translate(-50%, -50%);}
body.scrollYstop{overflow: hidden;}


.other_pages #menuToggle:checked ~   .menuOpen { background: rgba(0, 0, 0, 0.3);}
.other_pages .navbar-brand img{max-width: 280px;  height: auto;}
.menu .bg_img_view{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  z-index: -1;opacity: 1;}

/* service details */
.main_about_Sec.sevice_detail_main::before{position: absolute; content: "Software."; font-size: 240px; color: #FFFFFF; opacity: 0.1; top: 0;
    left: 195px;font-weight: 500;}
.details_top h6{font-size: 60px; color: #0D1B54; font-weight: bold; margin-bottom: 1rem;}
.details_top p{ font-size: 18px; color: #000000; font-weight: 500;}
.details_top h6 span{color: #FF7A00;}
.top_abs_sec{position: absolute;  top: -15%; right: 10%;}


/* comming soon */

.main_about_Sec.mian_center_sec::before {
position: absolute; content: "coming soon";  font-size: 190px;
color: #FFFFFF;  opacity: 0.1; top: 25px;  left: 195px; font-weight: 500;}

    
/* Start: Portfolio pages */
.portfolio-content {
    padding-top: 4rem;
}
.portfolio-bg-title{
    position: absolute;
    font-family: "Poppins";
    font-weight: 700;
    font-size: 180px;
    opacity: 0.06 !important;
    color: #23337B;
    text-align: center;
    width: -webkit-fill-available;
    line-height: 1.4;
}
.portfolio-bg-title span{
    color: #FF7A00;
    font-family: "Poppins";
}
.portfolio-cut-screen-first {
    padding-top: 10rem;
}

.portfolio-content-parent {
    position: relative;
    display: table;
    margin-bottom: 18rem;
}

.portfolio-content-child {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
}
.portfolio-content .title-first .dot,
.portfolio-content .title-second .dot,
.portfolio-content .title-third .dot{
    color: #FF7A00;
    font-family: "Poppins";
}
.portfolio-content .desc-first{
    font-size: 18px;
    font-family: "Poppins";
    line-height: 1.4;
    margin-top: 1.5rem;
}

.portfolio-content .title-second{
    font-size: 38px;
    font-weight: 700;
    color: #FFFFFF;
    font-family: "Poppins";
    text-align: center;
    padding: 0 2rem;
    line-height: 1.5;
}
.portfolio-content .desc-second{
    font-size: 18px;
    color: #FFFFFF;
    font-family: "Poppins";
    text-align: center;
    margin-top: 1.5rem;
}
.portfolio-content .second-screen{
    margin-top: 4rem;
}
.portfolio-content .third-screen{
    margin-top: 4rem;
}

.portfolio-content .desc-third{
    font-size: 18px;
    font-family: "Poppins";
    text-align: center;
    margin-top: 2rem;
}

.portfolio-content .title-first{
    font-size: 38px;
    font-weight: 700;
    font-family: "Poppins";
    line-height: 1.1;
}
.portfolio-content .title-third{
    font-size: 38px;
    font-weight: 700;
    font-family: "Poppins";
    line-height: 1.5;
    text-align: center;
    margin-top: 5rem;
    padding: 0 2rem;
}
.portfolio-content.section-second {
    padding-top: 4rem;
    margin-top: 4rem;
    position: relative;
}
.portfolio-content.section-second:before{
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    right: 0;
    width:100%;
    height:33%;
    content:"";
}

.portfolio-content .website-link {
    font-weight: 700;
    font-size: 26px;
    margin-top: 6rem;
    display: inline-block;
}

.portfolio-content-child2{
    padding: 22rem 0 22rem 12rem;
}

.portfolio-content .content-bg {
    position: relative;
    margin-right: -15px;
    margin-left: -15px;
    padding-top: 9rem;
}
.portfolio-content .content-bg:before {
    position:absolute;
    z-index:0;
    top:-7rem;
    left:0;
    right: 0;
    width:100%;
    height:100%;
    content:"";
}
.screen3-image {
    margin-top: 6rem;
}
.screen4-image {
    margin-top: 6rem;
}
.portfolio-content .app-link {
    padding: 1.5rem;
    border-radius: 9px;
    margin: .5rem;
}
.store-link {
    text-align: center;
    margin-top: 6rem;
}

.maybach-content .title-first, 
.maybach-content .title-third,
.maybach-content .website-link {
    color: #BBA46E;
}
.maybach-content.section-second {
    background-image: url("../images/maybach_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 65%;
}
.maybach-content.section-second:before{
    background-color:#BBA46E;
}

.carbonsix-content .title-first,
.carbonsix-content .title-third,
.carbonsix-content .website-link {
    color: #0D1B54;
}
.carbonsix-content.section-second,
.mhc-content.section-second,
.smartzone-content.section-second,
.gu3d-content.section-second {
    background-image: url("../images/carbonsix_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 65%;
}
.carbonsix-content.section-second:before{
    background-image: linear-gradient(#333F55, #0B0E13);
}

.mhc-content .title-first, 
.mhc-content .title-third,
.mhc-content .website-link {
    color: #4D4740;
}
.mhc-content.section-second:before{
    background-color: #4D4740;
}

.smartzone-content .title-first,
.smartzone-content .title-third,
.smartzone-content .website-link {
    color: #EC2427;
}
.smartzone-content.section-second:before{
    background-color: #EC2427;
}

.gu3d-content .title-first{
    color: #5AA2E0;
}
.gu3d-content .title-third,
.gu3d-content .website-link {
    color: #0D1B54;
}
.gu3d-content.section-second:before{
    background-color: #06A7E2;
}

.thequickspace-content .title-first,
.thequickspace-content .title-third,
.thequickspace-content .website-link {
    color: #011302;
}
.thequickspace-content .portfolio-sidebar-bg{
    background-image: url("../images/thequickspace_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.thequickspace-content .content-bg:before,
.thequickspace-content .app-link {
    background-color: #011502;
}

.ticketwings-content .title-first,
.ticketwings-content .title-third,
.ticketwings-content .website-link {
    color: #0D1B54;
}
.ticketwings-content .portfolio-sidebar-bg{
    background-image: url("../images/ticketwings_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.ticketwings-content .content-bg:before,
.ticketwings-content .app-link {
    background-image: radial-gradient(#2D1D71, #0F0636);
}

.fivedollar-content .title-first,
.fivedollar-content .title-third {
    color: #0D1B54;
}
.fivedollar-content .website-link {
    color: #D20000;
}
.fivedollar-content .portfolio-sidebar-bg{
    background-image: url("../images/fivedollar_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.fivedollar-content .content-bg:before,
.fivedollar-content .app-link {
    background-color: #D20000;
}

.bidashift-content .title-first,
.bidashift-content .title-third,
.bidashift-content .website-link {
    color: #0D1B54;
}
.bidashift-content .portfolio-sidebar-bg {
    background-image: url("../images/bidashift_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.bidashift-content .content-bg:before,
.bidashift-content .app-link {
    background-image: linear-gradient(#0E559F, #429FFF);
}

.bluecollar-content .title-first,
.bluecollar-content .title-third,
.bluecollar-content .website-link {
    color: #0D1B54;
}
.bluecollar-content .portfolio-sidebar-bg {
    background-image: url("../images/bluecollar_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.bluecollar-content .content-bg:before {
    background-color: #004E8B;
}
.bluecollar-content .app-link {
    background-image: linear-gradient(#2A6BA3, #2E417B);
}

.ddd-content .title-first,
.ddd-content .title-third {
    color: #0052CC;
}
.ddd-content .portfolio-sidebar-bg {
    background-image: url("../images/ddd_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.ddd-content .content-bg:before,
.ddd-content .app-link {
    background-color: #0052CC;
}
.ddd-content .website-link {
    color: #0D1B54;
}

.epicteams-content .portfolio-bg-title {
    color: #FF9D4A;
}
.epicteams-content .title-first,
.epicteams-content .title-third {
    color: #0D1B54;
}
.epicteams-content .portfolio-sidebar-bg {
    background-image: url("../images/epicteams_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.epicteams-content .content-bg:before,
.epicteams-content .app-link {
    background-image: linear-gradient(#FFBD31, #FF6969, #FF46C8);
}
.epicteams-content .website-link {
    color: #E68643;
}

.fairfundit-content .portfolio-bg-title,
.fairfundit-content .title-first {
    color: #FF9D4A;
}
.fairfundit-content .title-third,
.fairfundit-content .website-link {
    color: #0D1B54;
}
.fairfundit-content .portfolio-sidebar-bg {
    background-image: url("../images/fairfundit_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.fairfundit-content .content-bg:before,
.fairfundit-content .app-link {
    background-image: linear-gradient(#FFAA40, #FF8D00);
}

.kissntells-content .title-first,
.kissntells-content .title-third,
.kissntells-content .website-link {
    color: #0D1B54;
}
.kissntells-content .portfolio-sidebar-bg {
    background-image: url("../images/kissntells_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.kissntells-content .content-bg:before,
.kissntells-content .app-link {
    background-image: linear-gradient(#CBA45F, #AE8742);
}
.kissntells-content .portfolio-sidebar-bg img{
    display: block;
    margin: auto;
}

.lightonleadership-content .title-first,
.lightonleadership-content .title-third,
.lightonleadership-content .website-link {
    color: #0D1B54;
}
.lightonleadership-content .portfolio-sidebar-bg {
    background-image: url("../images/lightonleadership_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.lightonleadership-content .content-bg:before,
.lightonleadership-content .app-link {
    background-color: #F76909;
}

.meza-content .title-first,
.meza-content .title-third,
.meza-content .website-link {
    color: #D62426;
}
.meza-content .portfolio-sidebar-bg {
    background-image: url("../images/meza_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.meza-content .content-bg:before,
.meza-content .app-link {
    background-color: #D62326;
}

.rosterd-content .title-first,
.rosterd-content .title-third,
.rosterd-content .website-link {
    color: #0D1B54;
}
.rosterd-content .portfolio-sidebar-bg {
    background-image: url("../images/rosterd_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.rosterd-content .content-bg:before,
.rosterd-content .app-link {
    background-image: linear-gradient(#0368AC, #024877);
}

.vicinity-content .title-first,
.vicinity-content .title-third,
.vicinity-content .website-link {
    color: #0D1B54;
}
.vicinity-content .portfolio-sidebar-bg {
    background-image: url("../images/vicinity_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.vicinity-content .content-bg:before,
.vicinity-content .app-link {
    background-image: linear-gradient(#0253B3, #18A4E0);
}

.xtrahelp-content .title-first {
    color: #0D1B54;
}
.xtrahelp-content .title-third,
.xtrahelp-content .website-link {
    color: #F79C1C;
}
.xtrahelp-content .portfolio-sidebar-bg {
    background-image: url("../images/xtrahelp_bg_sidebar.png");
    background-repeat: no-repeat;
    background-position: 0 95%;
}
.xtrahelp-content .content-bg:before,
.xtrahelp-content .app-link {
    background-image: linear-gradient( rgba(236, 147, 52, .77), #EA9335);
}

.white-footer {
    background-color: #FFFFFF;
}
.white-footer .img_footer img{
    height: 121px;
    margin-bottom: 1.8rem;
}
.white-footer .right_footer{
    border-bottom: 1px solid #DBDBDB;
}
.white-footer .add_sec h6,
.white-footer .main_linked_sec h6,
.white-footer .linked_social_footer a {
    color: #0D1B54;
    font-family: "Poppins";
    font-weight: 700;
}
.white-footer .add_sec p.orng {
    font-family: "Poppins";
    font-weight: 600;
}
.white-footer .add_sec p,
.white-footer .linked_phn a,
.white-footer .linked_main a,
.white-footer.copy_right_Sec p {
    color: #000000;
    font-family: "Poppins";
    font-weight: 500;
}
.white-footer .add_sec p.orng {
    color: #FF7A00;
}
.white-footer.copy_right_Sec {
    margin: 2rem 0 1.5rem 0;
}

/* End: Portfolio pages */

.development-buttons input[type=checkbox] {
  display: none;
}

.development-buttons input:checked + label {
    color: #FFFFFF;
    background-color: #FF7A00;
}
.contact-submit-btn {
    display: inline-flex;
    padding: 1.2rem 5rem;
    color: #FFFFFF;
    background: #0D1B54;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
}
.contact-submit-btn:hover {
    box-shadow: 10px 10px 20px #00000029;
}

.fa.fa-spinner.fa-spin {
    line-height: 1.5;
}

.portfolio_slider_Section {
    background-image: url(../images/slider_mian_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 120px 0px;
    margin-top: -45px;
}
.portfolio_slider_Section::before {
    position: absolute;
    content: "Work.";
    font-size: 302px;
    color: #fff;
    opacity: 0.06;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-weight: 600;
    font-family: "Poppins";
}

.slider-main-title{
    color: #FF7A00;
    font-size: 2.1rem;
    font-weight: 800;
    text-align: center;
}

.slider-main-desc{
    color: #FFFFFF !important;
    font-size: 2.1rem !important;
    text-align: center !important;
    font-size: 16px !important;
}

.slider_img_part {
    position: relative;
    margin-bottom: 0rem;
    margin-top: 3rem;
}
.portfolio_slider_Section .slider_img_part img{
    width: auto;
}

.portfolio_slider_Section .slider_img2 {
    text-align: right;
    text-align: -webkit-right;
    margin: -18rem 6rem 0 0;
}

.portfolio_slider_Section .slider_img3 {
    position: absolute;
    right: 0px;
    top: 400px;
}

.portfolio_slider_Section .slider_btn_part{
    margin-top: 6rem;
}
.slider_btn_part .store-link{
    display: flex;
    margin-top: unset;
}
.slider_btn_part .app-link {
    padding: .7rem 1.2rem;
    border-radius: 9px;
    margin: .5rem;
    display: block;
    width: fit-content;
}
.slider_btn_part .app-link img{
    width: auto;
}

.slider_btn_part .website-link {
    font-weight: 700;
    font-size: 26px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: inline-block;
    color: #E68643;
}

.epicteams-link .app-link {
    background-image: linear-gradient(#FFBD31, #FF6969, #FF46C8);
}

.ticketwings-link .app-link {
    background-image: radial-gradient(#2D1D71, #0F0636);
}

.thequickspace-link .app-link {
    background: #011502;
}

.fairfunditapp-link .app-link {
    background-image: linear-gradient(#FFAA40, #FF8D00);
}

.fairfunditapp-link .app-link {
    background-color: #0052CC;
}

.ddd-link .app-link {
    background-color: #0052CC;
}

.bluecollar-link .app-link {
    background-image: linear-gradient(#2A6BA3, #2E417B);
}

.bidashift-link .app-link {
    background-image: linear-gradient(#0E559F, #429FFF);
}

.fivedollar-link .app-link {
    background-color: #D20000;
}

.xtrahelp-link .app-link {
    background-image: linear-gradient(rgba(236, 147, 52, .77), #EA9335);
}

.rosterd-link .app-link {
    background-image: linear-gradient(#0368AC, #024877);
}

.meza-link .app-link {
    background-color: #D62326;
}

.lightonLeadership-link .app-link {
    background-color: #F76909;
}


/* Thank you page */
    .main_about_Sec.thankyou_main::before {
        position: absolute; content: "Thank You";  font-size: 190px;
        color: #FFFFFF;  opacity: 0.1; top: 25px;  left: 195px; font-weight: 900;
    }

    .thankyou_page .text1 {
        color: #F76909;
        font-size: 55px;
        font-weight: 900;
        margin: 1.5rem 0;
    }

    .thankyou_page .text2 {
        color: #F76909;
        font-size: 25px;
        font-weight: 900;
        margin: 1.5rem 0;
    }

    .thankyou_page .text3 {
        font-size: 21px;
    }

    .blue-btn, .blue-btn:hover {
        display: inline-flex;
        padding: 1.2rem 5rem;
        color: #FFFFFF;
        background: #0D1B54;
        border-radius: 10px;
        font-size: 20px;
        font-weight: 500;
    }
/* ./ Thank you page */

.blog_detail_sec p, .blog_detail_sec h3,  .blog_detail_sec h2{
    width: 100%;
    margin: 0 0 1rem 0;
}