.main-logo img{
    width: 180px;
    height: 52px;
}

a:hover{
    color: #18a1d8;
}
/* .burger-icon {
    display: none;
} */

.banner-hero {
    padding: 0px 65px 0px 15px;
    position: relative;
    max-width: 1450px;
}

.banner-hero .block-banner {
    position: relative;
    z-index: 12;
    padding: 60px 120px 60px 60px;
}
.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top {
    padding: 20px 30px 20px 30px;
}
main.main {
    padding-top: 150px;
}

.main-head {
    font-size: 68px;
    line-height: 1.2;
}

.section-title{
    font-size: 48px !important;
}

.banner-hero::before {
    background-color: #eefaff;
}

.banner-hero .text-small-primary{
    color: #0f80ad;
}

.sect_padding{
    padding: 100px 0px;
}

b{
    font-weight: 800;
}

.card-grid .card-heading {
    min-height: auto;
    font-size: 18px;
    line-height: 1.2;
}

.card-grid {
    border: 0.88px solid rgba(6, 18, 36, 0.1);
    background: #ffffff;
    border-radius: 12px;
    padding: 25px 20px;
    margin-bottom: 30px;
}

.block-job-bg::before{
    height: 95%;
    background: rgb(218 241 249) url(../imgs/page/about/bg-inner-job.svg) no-repeat;
}

li{
    font-size: 18px;
    line-height: 1.4;
}

.text-center.del-icons {
    background-color: #ebf4f7;
    width: 70px;
    height: 70px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.del-icons img {
    width: 30px;
}

.small-card {
    padding: 15px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
}

.small-card-img img{
    width: 35px;
    margin-top: 4px;
}

.small-card h6{
    min-height: auto;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 500;
}

.we-hire .box-info-job {
    margin-top: -60px;
    padding: 0px;
}

.list-cards{
    max-width: 991px;
    margin: auto;
}

.box-mw-80{
    max-width: 800px;
    margin: auto;
}

.boxy-sect{
    background-color: #0c5b79;
    padding: 60px;
    border-radius: 30px;
}

.card-count{
    background-color: #276e8b;
    border: 1px solid #56879a;
    padding: 25px;
    height: 100%;
    border-radius: 10px;
}

.card-count h3{
    color: #fff;
    margin-bottom: 15px;
}

.card-count h6{
    font-weight: 600;
    color: #fff;
}

.card-count p{
    color: #fff;
}

.btn-yellow{
    color: #000;
    background-color: #ffd655;
}

.main-cta {
    background-color: #ffd655 !important;
    border: 1px solid #f6e6b9;
    color: #000 !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.btn{
    font-weight: 500 !important;
}
h1, h2, h3, h4, h5, h6{
    line-height: 1.3 !important;
}

/*------------------ Diff Table ----------------*/
.center-box{
    width: 20%;
}


.diff-box.one{
    border:2px solid #a6c7d5;
    width: 50%;
    border-radius: 10px;
}

.diff-box.two{
    border: 2px solid #e5e5e5;
    width: 50%;
    border-radius: 10px;
    margin-right: 32px;
}

.diff-box.one .diff-card{
    background-color: #e7f8ff;
    border-bottom: 1px solid #125b784f;
    padding: 20px;
}

.diff-box.two .diff-card{
    background-color: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px;
}

.diff-card.no-border{
    border-bottom: 0px !important;
}

.diff-card h3{
    font-size: 28px;
    font-weight: 700;
}

.diff-card h4{
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 400;
}

.diff-card p{
    font-size: 18px;
}

.diff-card.first{
    border-radius: 10px 10px 0px 0px;
}

.diff-card.last{
    border-radius: 0px 0px 10px 10px;
}
.vs-box{
    background-color: #fff;
    padding: 14px 26px;
    border-radius: 50px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position: absolute;
    width: 84px;
}

.diff-box-wrapper{
    /* gap: 32px; */
    width: 75%;
}

.center-box h3{
    font-size: 24px;
}
.theme-txt{
    color: #0c5b79;
}


.footer{
    background-color: #f5f8fa;
    padding-top:50px;
}

.foot-logo{
    width: 180px;
}

.contact-info li{
    font-size: 14px;
    color: #666666;
    position: relative;
    padding-left: 20px;
    margin-bottom: 14px !important;
}

.contact-info li::before{
    content: '\F3E7';
    font-size: 14px;
    color: #0c5b79;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: 'bootstrap-icons';
}

.contact-info .one::before{
    content: '\F5B4';
    font-family: 'bootstrap-icons';
}

.contact-info .two::before{
    content: '\F32C';
    font-family: 'bootstrap-icons';
}
.contact-info .three::before{
    content: '\F3E7';
    font-family: 'bootstrap-icons';
}
.footer .footer-bottom a:hover{
    color: #32b2e3;
}

a.icon-socials i {
    font-size: 16px;
    padding: 10px 12px;
    border: 1px solid #e0e1e2;
    border-radius: 50px;
}

.banner-hero .heading-banner {
    color: #1f2938;
    line-height: 1.2 !important;
}

.content-job-inner{
    padding: 0px;
}

.fs-18{
    font-size: 18px;
}

.call-info{
    display: block;
}

.form-box {
    padding: 60px;
    background-color: #e2eff7;
    border-radius: 30px;
    border: 1px solid #a9c3cd;
}

.cont-details-box {
    padding: 30px;
    border-radius: 15px;
    background-color: #eefaff;
    border: 1px solid #cfe6ef;
}

.bord-x{
    border-left: 1px solid #cee6ef;
    border-right: 1px solid #cee6ef
}

.sect_padding-contact{
    padding: 0px 0px 100px;
}

.input-style label, .textarea-style label{
    color: #3d3d3d;
    font-size: 14px;
}
#scrollUp{
    bottom: 80px;
}
/* #phone-error {
    position: unset !important;
} */

/* .video-sec-ctn{
    padding-bottom: 230px;
} */


.vdo-inner video{
    border-radius: 16px;
    width: 65%;
    height: auto;
}
/* ------------------------------------- Cust Responsive ----------------------*/
@media (max-width:1500px) {
    .banner-hero .banner-inner .banner-imgs .web-dev-icon{
        display: none;
    }
}

@media (max-width:1399px) {
    .block-job-bg::before{
        height: 100%;
    }
    .box-info-job{
        padding-left: 30px !important;
        padding-right: 40px !important;
    }
    .call-info{
        display: none !important;
    }
    .btn-head{
        margin-left: 0 !important;
    }
    .diff-box-wrapper{
        width: 85%;
    }
}

@media (max-width:1199px) {
    main.main {
        padding-top: 125px;
    }
    .banner-hero .block-banner {
        padding: 60px 100px 60px 60px;
    }
    .banner-hero .banner-inner .banner-imgs .web-dev-icon {
        right: -64px;
    }
    .banner-hero .banner-inner .banner-imgs .tick-icon {
        right: -26px;
    }
    .we-hire .box-info-job{
        margin-top: 0px;
    }
    .block-job-bg::before{
        height: 110%;
    }
    .main-head {
        font-size: 48px;
    }
    .section-title{
        font-size: 48px !important;
    }  
    .ocs-ctn h4 {
        font-size: 22px !important;
    }  
}


@media (max-width:991px) {
    .block-job-bg::before{
        display: none;
    }
    .we-hire .box-info-job{
        padding-top:30px;
        padding-left: 0px !important;
    }
    .header-right {
        padding-right: 0px;
    }
    .btn-head{
        display: none;
    }
    .banner-hero{
        padding: 0px 15px 0px 15px;
    }
    .content-job-inner{
        padding-top: 30px;
    }
    .banner-hero.hero-1 h1 {
        font-size: 48px;
    }
    .section-title{
        font-size: 48px !important;
    } 
    .box-info-job{
        padding-right: 0px !important;
    }
    .block-job-bg {
        padding: 0px;
    }
    .sect_padding {
        padding: 70px 0px;
    }
    .diff-box{
        width: 100% !important;
    }
    /* .center-box {
        width: 100%;
    } */
    .vs-box{
        padding:6px 26px;
    }
    /* .diff-box-wrapper {
        gap: 65px;
    } */
    .sticky-bar.stick{
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .header {
        padding: 24px 0;
    }
    main.main {
        padding-top: 100px;
    }
    header .main-header .header-left .header-logo {
        margin-right: 0px;
    }
    .cust-mt-top{
        margin-top: 30px;
    }
    .bord-x{
       border-right: 0;
    }

    .sect_padding-contact{
        padding: 40px 0px 70px;
    }
    .cont-details-box{
        margin-top: 30px !important;
    }
    .diff-box.two{
        margin-right: 0px;
        margin-bottom: 32px;
    }
    .swiper-pagination-customs:hover{
        background: url(../imgs/slider/swiper/dot.svg) no-repeat 0px 0px;
        width: 10px;
        height: 10px;
        margin-left: 4px;
        margin-right: 4px;
    }
    #scrollUp{
        bottom: 100px;
    }
    .vdo-inner video{
        width: 100%;
        height: auto;
    }
}



@media (max-width:767px) {
.header {
    padding: 20px 0 !important;
}
main.main {
    padding-top: 90px;
}
.section-title{
    font-size: 38px !important;
} 
.boxy-sect {
    padding: 40px;
}
.banner-hero.hero-1 .block-banner {
    max-width: 540px;
    padding: 40px 15px;
}
.banner-hero.hero-1 h1 {
    font-size: 42px;
}
.section-title{
    font-size: 42px !important;
} 
.contact-det{
    margin-bottom: 20px;
}
.cpy-ryt{
    margin-bottom: 20px;
}
.footer-social{
    text-align: center;
}
#scrollUp {
    bottom: 20px;
}
.cust-mt-top{
    margin-top: 0px;
}
.bord-x{
    border-left: 0;
 }
 .form-box {
    padding: 40px;
    border-radius: 20px;
}
.sect_padding-contact{
    padding: 20px 0px 40px;
}


}



@media (max-width:575px) {
    .banner-hero.hero-1 .block-banner{
        padding: 50px 0px;
    }

    .sect_padding {
        padding: 40px 0px;
    }
    .block-job-bg::after{
        display: none;
    }
    .box-image-findjob::before{
        display: none;
    }

    .boxy-sect {
        padding: 30px 25px;
        border-radius: 12px;
    }
    .main-head {
        font-size: 28px;
    }
    .section-title{
        font-size: 28px !important;
    }
    .banner-hero.hero-1 h1 {
        font-size: 32px;
    }
    .diff-card h4 {
        font-size: 20px;
    }
    .diff-card h3 {
        font-size: 24px;
    }
    .diff-card p {
        font-size: 16px;
    }
    .card-count h3 {
        font-size: 32px;
    }
    .menu-footer{
        margin-bottom: 20px;
        margin-top: 10px !important;
    }
    .menu-footer.contact-info{
        margin-bottom: 0px;
        margin-top: 10px !important;
    }
    .form-box {
        padding: 25px;
        border-radius: 12px;
    }
    .cont-details-box{
        margin-top: 15px !important;
    }
    .cont-details-box {
        padding: 20px;
        border-radius: 12px;
    }
    .header {
        padding: 14px 0 !important;
    }
    .swiper-pagination-custom {
        bottom: 10px;
    }
    .mobile-header-wrapper-style{
        width: 100% !important;
    }
   
   
    
}

@media (max-width:450px) {
    .main-logo img {
        width: 150px;
        height: 44px;
    }
    .mobile-header-wrapper-style{
        width: 250px;
    }
    .user-account a img {
        width: 120px;
    }
    .burger-icon.burger-close {
        position: fixed;
        right: 35px;
        top: 33px;
    }
    .form-box {
        padding: 25px 15px;
        border-radius: 12px;
    }
    .diff-box-wrapper{
        width: 100%;
    }
}
@media (max-width:400px) {
    .diff-box-wrapper{
        position: relative;
    }
    .vs-box {
        position: absolute;
        bottom: 48%;
    }
   
}
@media (max-width:375px) {
    #scrollUp {
        bottom: 35px;
    }
    .vs-box {
        display: none;
    }
}

@media (max-width:325px) {
    .vs-box {
        bottom: 827px;
    }
}

@media (max-width:300px) {
    .vs-box {
        bottom: 51%;
    }
}