@media only screen and (max-width: 768px) {
.carousel_Action {
display: none;
}
}


nav *{
    max-width: 100%!important;
}
nav{
    z-index: 1001;
}
.wrapper_custom{
    max-width: 100%!important;
  
}
/* Devtwo Changes start  */

.quick-link-font{
    color: whitesmoke;
    font-size: 11px;   
    font-weight: 200;
}
.location-img{
    position: absolute;
    left: -45px;
    top: 0;
    height: 56%;
    width: 35%;
    object-fit: cover;
    overflow: visible;
}
.email-link-font{
    font-size: small;
    color: whitesmoke;
    margin-left: 75px;
    margin-bottom: 0;
    font-weight: 200;
}
.btn-send-message{
    font-size: x-small;
    font-weight: 900;
    padding: 0px 20px !important;
}
.border-radius-input{
    border-radius: 10px !important;
}
.contact-formGroup{
    padding-right: 0 !important;
}
/* Devtwo Changes end  */
.contactbtn_new{
font-size: 1.2rem!important;
font-weight: 700;
border-radius: 8px;
padding: 10px 25px;
border-width: 0px;
background-color: #FBB03B;
color: #0F364C;
cursor: pointer;
transition: 0.3s;
font-family: 'Phantom Shrine'!important;
font-family: auto;
height: min-content;
line-height: 1rem;
}
.contactbtn_new:hover{
    color:#fff;
}

@media only screen and (max-width: 971px) {
.contactbtn_new{
display: none;
}
}
.logo{
    height: 100px;
    max-width: 200px;
    margin: 0;
    padding: 0;
}
.logo .img-fluid{
    max-width: 200px;
    margin: 0;
    padding: 0;
}
.nav-links li a.active{
   font-weight: 600;
   color: #000;
}

    .herosection_svc{
        background-color: #FBB03B;
        width: 100%;
        display: flex;
        overflow-x: hidden;
    }
    .herosection_svc .content{
        padding: 50px 0;
        font-size: 3.5rem;
        color: #0e354b;
        line-height: 4.5rem;
    }
    .herosection_svc .content span{
        font-weight: 900;
    }
        .content2{
    display: flex;
    justify-content: end;
    padding: 50px 0;
        }
        .content1{
            display: flex;
    align-items: center;
        }
    .content_box_wbg{
        background-color: #0e354b;
        margin: auto 0 auto 0;
        color: #fff;
        font-size: 2.5rem;
        padding: 30px 50px 30px 50px;
        width: 100%;
        line-height: 2.6rem;
    }
    .mobile-views, .contactbtn_new_btn{
	display:none;
}


    @media only screen and (max-width: 971px) {
        .herosection_svc{
        display: block;
    }
    .contactbtn_new_btn{
        display: flex!important;
        justify-content: center!important;
    }
    .content1{
            display: block;
            width: 100%;
        }


        .herosection_svc .content{
        display: block;
        font-size: 2.5rem;
        color: #0e354b;
        line-height: 3rem;
        width: 100%;
        margin: 0;
        text-align: center;
        padding-bottom: 0;
    }
    .content2{
    display: block;
    width: 100%;
    padding: 50px 0;
    text-align: center;
        }
        }

        .social{
            position: relative;
            z-index: 999;
        }

        .our-webcoderskull.team-img{
            width: 100%!important;
        }


/* .section-2{
    background-position: 50%;
} */
#about img{
    padding: 40px 80px 40px 0;
    }
@media only screen and (max-width: 1200px) {
    #about img{
        margin: 0!important;
        padding: 0!important;

        }
        .teamcol{
            margin: 50px 30px;
            }

}

@media (min-width: 600px) and (max-width: 778px) {
    #introduction .marginbottom {
    margin-bottom: 30px;
    }
  }

@media (min-width: 768px) and (max-width: 992px) {
    .description span {
      font-size: clamp(40px, 5vw, 70px)!important;
      white-space: nowrap;
    }
    #introduction .card-header{
        font-size: clamp(20px, 2vw, 40px)!important;
    }
  }

.description span{
    font-size: clamp(70px, 5vw, 90px);
    white-space: nowrap;
}
#services,#whatthey_section{
    width: 100%;
}
#about img{
    padding: 15px;
}

.teamGridw .avatar{
    height: 150px;
}
.teamWrapper {
    margin: 0!important;
    padding: 100px 0;
}
.section-5:nth-of-type(2n) {
    background-position: right bottom;
}

@media only screen and (max-width: 300px) {
    .teamcol{
    margin: 50px 0;
    }
    #about img {
        padding: 5px;
    }

}

@media only screen and (max-width: 900px) {
    #about img {
        padding: 0!important;
    }
    .saying_section{
        width: 100%;
    }
    .saying_section .col-md-6{
        width: 100%!important;
    }
    .section-5:nth-of-type(2n) {
        background-position: right bottom!important;
    }
    #team, .our-webcoderskull{
        width: 100%;;
    }

    .profile-pic-left {
        width: 100px;
        height: 100px;
        left: -50px;
    }
    .content-left {
        margin-left: 73px;
        width: 50%!important;
        height: 312px;
    }
    .profile-pic-right{
        width: 100px;
        height: 100px;
    }
    .section-11{
        height: 820px;
    }
    .section-3{
        height: 1200px;
    }
    .section-3q{
        height: 450px!important;
        margin-bottom: 557px!important;
    }

    .saying_section .col-md-6:nth-child(1) {
        margin: 0 0 10px 0;
    }

    .saying_section .col-md-6:nth-child(2) {
        margin: 50px 0 30px 0;
    }

    .saying_section .col-md-6:nth-child(3) {
        margin: 80px 0 90px 0;
    }

    .saying_section .col-md-6:nth-child(4) {
        margin: 100px 0;
    }
    .card-1 {
        padding-bottom: 30px!important;
        padding-top: 30px !important;
    }

    #abc img{
        padding: 0 100px 50px 100px!important;
    }
    .about-h1 {
        font-size: 55px!important;
    }
    .hard_working{
        font-size: clamp(40px,4vw, 50px)!important;
    }
    .our-webcoderskull .main{
        margin: auto;
    }

    .our-webcoderskull ul.row{
        gap: 0 !important;;
    }
    .team-card {
        width: 105%!important;
    }
    .wid-Email{
        margin-top: -280px!important;
    }
    .mov-address-call,.mov-address-email {
        margin-left: 0!important;
    }
    .mov-address-email img{
        width: calc(80px + 10vw)!important;
        
    }
    .mov-address-call{
        margin-top: -180px;
    }
    .contact-img1{
        width: calc(80px + 10vw)!important;
    }
    .contact-img3{
        width: calc(80px + 10vw)!important;
        height: calc(80px + 10vw)!important;
        margin-top: -50px!important;
        
    }
    .call-section {
        margin-top: -108px !important;
    }
 
    #footer .col-md-7 .quick-link{
    display: flex;
    width: 100%;
    margin: auto;
    justify-content: center;
    margin-top: 70px;
    padding-bottom: 20px;
    }

    #footer .col-md-3 h3{
    padding-top: 30px;
    }
    .twitter {
        margin-top: 0px;
        float: right;
        width: 332px;
        height: 120px;
    }

    .carousel__item--selected {
        display: block;
        height: 100%!important;
        /* height: 170px; */
    }

    .contact-container-h3 {
    width: 165px;
    }
.cta{
    width: 100%;
}

}

@media (min-width: 900px) and (max-width: 1300px) {
    section {
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
    }
    #about img {
        padding: 0px!important;
    }
    .top-section-3q {
        top: -270px;
    }
   
    .our-webcoderskull ul.row{
        gap: 0!important;
    }
    .twitter {
        margin-top: -55px;
        float: right;
        width: 332px;
        height: 120px;
    }
    .our-webcoderskull{
        padding-top: 0!important;
    }
  }

  .our-webcoderskull img{
    width: 100%!important;
}

@media only screen and (min-width: 1300px) {
    .our-webcoderskull ul.row{
        gap: 5em!important;
    }
    .twitter {
        margin-top: -55px;
        float: right;
        width: 332px;
        height: 120px;
    }
    .our-webcoderskull{
        padding-top: 0!important;
    }
    .logo{
        width: 280px;
    }
    .padding35{
        margin-top: 120px;
    }
 


}
.custommargin{
    margin-top: 20px;
}

@media (min-width: 600px) and (max-width: 900px) {
.wid-Email {
    margin-top: 112px!important;
}
.column .quick-link div,.mov-address-email div{
    margin-left: 170px!important;
}
.section-3 {
    height: 543px;
}
.section-2{
    background-position: right bottom;
}
.section-4 {
    background-position: right bottom;
}
.cta-we {
    margin-top: -70px;
}
.our-webcoderskull .container{
    width: 100%!important;
    padding: 0;
    max-width: 100%;
}
}
@media (min-width: 900px) and (max-width: 1025px) {
    .our-webcoderskull .container{
        width: 100%!important;
        padding: 0;
        max-width: 100%;
    }
}
@media only screen and (max-width: 500px) {
    .contact-container {
        margin-top: -380px;
    }
}
@media only screen and (max-width: 468px) {
    .svSection2 h2{
        font-size: 2rem!important;
        font-weight: 600;
    }
    .svSection2  p{
        font-size: 1.3rem!important;
    }
    .svSection2 h2{
        font-size: 2rem!important;
        font-weight: 600;
    }
    .svSection2  p{
        font-size: 1.3rem!important;
    }
    .svSection3{
        padding: 40px 0!important;
    }
  
        .svSection3 .svimgbox {
            width: 100%!important;
            display: flex;
            justify-content: center;
        }
        .svSection3{
            padding: 40px 0!important;
        }
        
}
@media (min-width: 468px) and (max-width: 768px) {
    .svSection2 h2{
        font-size: 2rem!important;
        font-weight: 600;
    }
    .svSection2  p{
        font-size: 2.3rem!important;
    }    .svSection2 h2{
        font-size: 2rem!important;
        font-weight: 600;
    }
    .svSection2  p{
        font-size: 2rem!important;
    }
    .svSection2 .svConttent{
        padding: 0 15px;
        }
        .svSection3 .svimgbox {
            width: 100%!important;
            display: flex;
            justify-content: center;
        }
        .svSection3{
            padding: 50px 60px!important;
        }

}
@media only screen and (max-width: 768px) {
    .svSection2{
        width: 100%!important;
        display: block!important;
        padding: 50px 60px!important;
    }
    .svSection3{
        width: 100%!important;
        display: block!important;

    }
    .svSection3 .svimgbox{
        width: 300px;
}
.svSection3 .svConttent{
    margin-top: 20px;
    padding: 0 15px!important;
}
.svSection3 .svConttent tr td:nth-child(1){
    min-width: 55px!important;
}
    .svSection2 .svConttent{
        margin-top: 20px;
        padding: 0 15px;
    }
    .svSection2 .svimgbox{
        padding-right: 0!important;
}

}

.svSection2{
    display: flex;
    align-items: center;
    padding: 50px 50px;
    width: 100%;
    box-sizing: border-box;
}
.svSection2 .svConttent{
padding: 0 25px;
align-items: center;
}

.svSection2 h2{
    font-size: 2.5rem;
    font-weight: 600;
}
.svSection2 .svimgbox{
padding-right: 20px;
}
.svSection2 .svimgbox img{
    width: 100%;
    border-radius: 30px;
}


.svSection2 .svimgbox{
max-width: 500px;
}
.svwhatwedooffer{
    display: flex;
    align-items: center;
    padding: 0 50px;
    color: #0F364C;
}
/* .svwhatwedooffer h2{
font-size: 3rem;
font-weight: 600;
padding: 20px 0;
} */

.svSection3{
    background-color: #0e354b;
}
.svSection3 .svConttent{
    padding: 0 0 0 50px;
    align-items: center;
    color: #FBB03B;
    }
.svSection3 .svConttent .steps{
    padding: 0 10px;
    color: #fff;
    }
.svSection3 .svConttent .linka{
    color: #fff;
    }
.svSection3 .svConttent .linka a{
    font-weight: bold;
    }

    .svSection3 .svimgbox img{
        width: 300px;
    }


   .svSection3{
        display: flex;
        align-items: center;
        padding: 0 50px;
        width: 100%;
        box-sizing: border-box;
    }
    .partnershipAlert{
        display: flex;
        justify-content: space-between;
        padding: 0 50px;
        margin-top: 40px;
        max-height: max-content
    
    }

    .partnershipAlert .partner_right .partner_head h2,.svwhatwedooffer h2{
        font-size: 4rem;
        font-weight: 600;
    }
    .partnershipAlert .partner_right .partner_head h2 span{
        font-size: 4.5rem;
        font-weight: bolder;
    }
    .partnershipAlert .partner_left{
        float: right;
        width: 30%;
        text-align: right;
    }
    .partnershipAlert .partner_left .partner_mainlogo .partnertimg{
        width: 230px!important;
        height: 200px;
    }
    .partnerdata_right{
        background-color: #0F364C;
        color: #fff;
        width: 50%;
        height: auto;
        padding: 60px;
    }

    .partnerdata_left{
        background-color: #FBB03B;
        color: #0e354b;
        width: 50%;
        height: 100%;
        padding: 60px;
        font-size: 2rem;
        height: 100%;
    }
    .partnerdata_left p span{
        font-weight: 600;
        line-height: 1.2;
    }
    .partnerdata_left p{
        line-height: 0.9;
    }

    .partnerdata_right{
        font-size: 2.7rem;
        font-weight: 600;

    }

    @media (min-width: 468px) and (max-width: 769px) {
        .partnershipAlert{
            display: block!important;
        }
        .partnerdata_right{
            width: 100%!important;
    
        }
        .partnerdata_left p{
            width: 100%!important;
        }
        .svSection2 .col-md-8,.svSection2 .col-md-4,.svSection3 .col-md-8 ,#partcontsec .partnerdata_left
        ,.partnershipAlert .partner_left {
            width: 100%!important;
        }
        .svSection2 .svimgbox{
            max-width: 100%;
        }
        .partnerdata_left,.partner_right,.partner_left{
            width: 100%!important;
            float: none!important;
        }
        .partner_mainlogo{
            display: flex;
            justify-content: center;
            margin-top: 10px;
        }
        .svConttent{
            font-size: 1.5rem;
        }
        .svSection3 .svConttent tr td:nth-child(1){
            min-width: 85px!important;
        }

    }

    @media only screen and (max-width: 468px) {
        .partnershipAlert{
            display: block!important;
            
        }
        #partcontsec{
            margin-top: 0!important;
            padding: 0;
        }
        .partnerdata_right{
            width: 100%!important;
    
        }
        .partnerdata_left,.partner_right,.partner_left{
            width: 100%!important;
            float: none!important;
        }
        .partnershipAlert .partner_right .partner_head h2,.svwhatwedooffer h2 {
            font-size: 3rem;
        }
        .partnershipAlert .partner_right .partner_head h2 span {
            font-size: 2.8rem;
        }
        .partner_mainlogo{
            display: flex;
            justify-content: center;
            margin-top: 10px;
        }
        .partner_logos img{
            width: 100%;
        }
        .partnershipAlert .partner_left .partner_mainlogo .partnertimg {
            width: 180px!important;
            height: 160px;
        }

        .partnerdata_right,.partnerdata_left {
            font-size: 1.8rem;
            padding: 60px 15px;
        }
        .svSection2{
            padding: 50px 15px!important;
        }

    

    }
    .svwhatwedoofferimg img{
        width: 100%;
    }

 .barcodbox{
    display: flex;
    justify-content: end;
    padding: 20px;
 }

 @media only screen and (max-width: 900px) {
#main{
    margin-top: 0!important;
}

 }

 @media only screen and (min-width: 776px) {
    .mov-address-email{
        margin-top: 76px!important;
     }
     .mov-address-call{
        margin-top: 68px!important;
     }
}
 #main{
    margin-top: 120px;
 }
 #about .h1-font h1{
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .hard_working{
    font-size: 4rem;
 }
 .center{
    display: flex!important;
    justify-content: center;
    align-items: center;
 }
 .partnerdata_left p:not(:nth-child(1)){
    font-size: 1.8rem;
 }

 .footerlinks a{
    width: 50px;
    height: 50px;
    background-color: #FBB03B;
    color: #0e354b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
 }
 .footerlinks a i{
    color: #0e354b;
    font-size: 30px;
 }
 .footerlinks a:hover{
    color: #0e354b;
    background-color: #f09e19;
    font-size: 30px;
    transition: 0.4s ease;
 }
 .mov-address-call p{
    white-space: nowrap;
 }
.carousel{
    width: 100%;
}
.carousel .our-webcoderskull{
    width: 100%;
}
 .carousel_Action{
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 0;
    left: 0;
    width: 100%;
    height: 97%;
 }
 .carousel_Action div{
    width: 8%;
    max-width: 200px;
    min-width: 50px;
    /* background-color: rgba(255, 0, 0, 0.266); */
    color: #000;
    font-size: 30px;
    cursor: pointer;
    transition: 0.4s ease-in;
 }
 /* 🔻 Hide arrows on screens smaller than 768px */
@media only screen and (max-width: 768px) {
    .carousel_Action {
        display: none;
    }
}
 .carousel_Action div:nth-child(1):hover{
color: #f09e19;
 }
 .carousel_Action div:nth-child(2):hover{
    color: #f09e19;
}

@media (min-width: 1025px) and (max-width: 1350px) {
    .contactbtn_new {
        padding: 10px 10px!important;
        font-size: 1rem!important;
    }
    .nav-links li a {
        font-size: 1rem;
    }

 
}

@media only screen and (max-width: 1300px) {
    .carousel_Action {
        margin-top: 0!important;
        /* padding-top: 0!important; */
    }

}
@media (min-width: 799px) and (max-width: 1025px) {
    .nav-links li {
        padding: 9px 5px;
    }
    .contactbtn_new {
        padding: 10px 5px!important;
        font-size: 0.9rem!important;
    }
    .nav-links li a {
        font-size: 0.9rem;
    }
}

.contextusimg img{
 
    height: 110%;
    max-height: 120px;
    
}

.email-link-font1{
    font-size: small;
    color: whitesmoke;
    margin-bottom: 0;
    font-weight: 200;
}
@media (min-width: 799px) and (max-width: 1025px) {
#ContactUI .quick-link img{
max-height: 40px!important;
padding: 30px!important;
}


}