@charset "utf-8";
/* CSS Document */

section.banner {
    display: block;
    width: 100%;
    overflow: hidden;
}
.banner {
    position: relative;
}
.bannertext {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.hmbo_wrap {
    width: 100%;
}
.desk-view { width: 100%;}
.bnr_overlay {
    position: relative;
}
.bnrtxt {
    display: flex;
    flex-wrap: wrap;
}

.bnr-box {
    padding-bottom: 0px;
    text-align: left;
    height: 100%;
    display: flex;
    max-width: 100%;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    padding-right: 0;
    flex-direction: column;
    justify-content: center;
    max-width:37.5%;
    margin: 0 auto;
}

.bnr_heading {
    font-size: 80px;
    line-height: 80px;
    color: #fff;
    position: relative;
    text-align: center;
    margin: 22px 0 18px;
    text-align: center;
    width: 100%;
    text-transform: capitalize;
    font-family: 'Prata';

}
.bnr_small_tit {
    font-size: 26px;
    color: #fff;
    line-height: 32px;
    font-weight: normal;
    margin-bottom: 35px;
}
.bnr_left_text {
    position: relative;
    padding-left: 135px;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgb(1 85 158 / 95%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bnr_content { text-align: center;}
.bnr_content img { margin: 0 auto;}
.banner3 .bnr-box { width: 50%; margin: auto 0 0;max-width: 50%;}
.banner3 .bnr_left_text:after {
    position: absolute;
    content: "";
    width: 107%;
    height: 100%;
    background: rgb(1 85 158 / 95%);
    right: 0;
    top: 0;
    left: -45px;
    border-right: 12px solid #2681D1;
    transform: skew(-3deg, 0deg);
    z-index: -1;
}

.banner3  .bnr_left_text { background: transparent;}
.ban_xs {
    display: none !important;
}

.banner2 .bnr_left_text:after { content: none;}
.banner2 .bnr_left_text { padding:0;  background: transparent;}
 .banner2 .bnr_heading  { color: #01559E; text-align: center;}
.banner2 .bnr_small_tit { color: #000000;margin: 0;padding: 14px 0;border-top: 1px solid #fff;}
.banner2 .bnr-box { margin: auto 0 0; max-width: 54%;}
.banner2 .bnr_content { border: 1px solid #fff; width: 550px; text-align: center; position: relative;}
.banner2 .smile_img {
    position: absolute;
    top: -30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #85bbd3;
    display: inline-block;
    width: 176px;
    height: 60px;
    /* padding: 0 20px; */
}
img.bnr-img.left_round_shap {
    bottom: -13%;
    left: -3%;
    transform: rotate(13deg);z-index: 1;opacity: 1;
}

.js_hmbanner .slideingdiv:not(:first-child) { display: none;}
.js_hmbanner.slick-initialized .slideingdiv { display: block;}

.js_hmbanner  .slick-prev.slick-arrow {
    left: 15px;
}
.js_hmbanner .slick-next.slick-arrow {
    right: 15px;
}
.about_top_content .right_border:after { height: calc(100% - 10px); }


/* home types */

@media (max-width: 1599.99px) {
    .bnr_heading {
        font-size: 63px;
        line-height: 66px;
    }
    .bnr_small_tit {
        font-size: 22px;
    }
    img.bnr-img.left_round_shap {opacity: 0.7; }
    .banner3 .bnr_left_text:after { left: -21px;}
}

@media (max-width: 1439.99px) {
    img.bnr-img.left_round_shap {
        opacity: 0.7;
        max-width: 300px;
    }
    
}

@media (max-width: 1199.99px) {
   
    .bnr_heading {
        font-size: 44px;
        line-height: 50px; 
        margin: 18px 0;
    }

    .banner2 .bnr_content {width: 490px; }
    
}
@media (max-width: 991.99px) {

    .bnr_small_tit {
        font-size: 16px;margin-bottom: 17px; line-height: 32px;
    } 
    .bnr_heading {
        font-size: 38px;
        line-height: 44px;
        margin: 18px 0 10px;
    }
    .banner2 .bnr_content {
        max-width: 400px;
    }
    img.bnr-img.left_round_shap {
        opacity: 0.5;
    }
    .banner2 .smile_img { top: -37%;}
    img.desk-view {
        height: 400px;
        object-fit: cover;
    }

    .bnr_left_text { width: 100%;background: rgb(1 85 158 / 86%); }
    .bnr-box { max-width: 100%;}
    
}
@media (max-width: 767.99px) {

    .banner2 .bnr_content {
        max-width: 355px; margin: 0 10px;
    }
    .banner3 .bnr-box {
        width: 65%; 
        max-width: 65%;
    }
    img.bnr-img.left_round_shap {
        opacity: 0.2;
    }
    .banner2 .bnr-box {
        margin: auto 0 0 20px;
    }
}

@media (max-width: 575.98px) {

    img.left_round_shap, .right_round_shap { display: block;}
    img.desk-view {
        height: 380px;
    }
    .banner2  img.desk-view {
        object-position: 17%;
    }
    .banner2 .bnr-box {
        max-width: 100%;
    }
    .banner2 .smile_img {
        top: -41%;background: transparent;
    }
    .banner2 .bnr-box {
        margin: auto 0 0 0px;
    }
    .banner3 .bnr_left_text:after {background: rgb(1 85 158 / 80%); }
    .banner3 .bnr-box {
        width: 75%;
        max-width: 75%;
    }
    .bnr_small_tit {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 28px;
    }
    .banner3 .bnr-box {
        width: 85%;
        max-width: 85%;
    }
}