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

section.banner {
    display:block;
    width: 100%;overflow: hidden;
}
.banner {
    position: relative;
}
.banner .container {
    max-width:100%;padding: 0;
}
.bannertext {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background:rgb(6 6 6 / 34%);
}
.bannertext:after { position: absolute;content: "";width: 100%;height: 45%;background: linear-gradient(180deg, rgb(0 0 0 / 95%), transparent);bottom: 0;left: 0;top: 0;}
.bnrtxt {display: flex;flex-wrap: wrap;justify-content: center;}
.hmbo_wrap {display: flex;align-items:center;justify-content: center;}
.bnr-box { padding-bottom: 0px; max-width:975px;text-align: center;margin: 0 auto;height: 100%;display: flex;
align-items: center; position: relative; z-index: 1;flex-wrap: wrap;flex-direction: column; justify-content: center; } 
.bannertit.title_xlg { 
    font-size:60px;
    line-height: 60px;
    text-transform:uppercase;
    color: #fff; 
    position: relative;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 0px;
    font-weight: 600;
    width: 100%;
    font-family: 'Teko';
}
.bannertit.title_xlg span:after {bottom: 18px; }
.bnr_top {font-size: 16px;  font-weight: 600; color: #fff; text-align: center; display: inline-block;  text-transform: uppercase; letter-spacing: 0.6px; position: relative;margin-bottom: 20px;}
.rect{ width: 6px; height: 6px; background: #fff; transform: rotate(45deg);display: inline-block; margin: 2px 12px;}
.bnr_top_text { position: relative;display: inline-block;width: 100%;max-width: 700px; margin-bottom: 20px;}
.bnr_top span { background: #fff;display: inline-block;  width: 65px; height: 65px; border-radius: 100%; text-align: center; line-height: 65px;display: flex; justify-content: center; margin: 0 auto 10px;}
.bnr_top label { font-style: italic; text-transform: capitalize; font-size: 18px;font-weight: 500;}
.bnr_top:not(:last-child) {padding-right: 74px; position: relative;}
.bnr_top:not(:last-child):after { position: absolute;content: "";width: 104%;height: 1px;background: #fff;top: 33px;left: 0;z-index: -1;}
.bnr_btn:after { position: absolute; content: ""; width:98px; height:91px; background: url(../images/arrow-shap.svg);left: -103px;top: -36px;}
.bnr-box .bnr_btn {position: relative;margin: 38px 0 0;}

.ban_xs,  .mob-view {display: none !important;}
.bnr-box .btn_white { color: #123054;}
.bnr-box .btn_white:hover { color: #fff;}
.bnr_btn .btn_org, .bnr-box .btn_white { min-width: 210px;margin: 0 8px;padding: 10px 21px;}
.js_hmbanner .slick-track > li .ban_desk { width: 100%;}
.js_hmbanner .slick-prev, .js_hmbanner  .slick-next{top: auto; bottom: 22px; z-index: 9; width: 40px; height: 40px; border-radius: 100%; border: 1px solid #fff;}
.js_hmbanner  .slick-next{ right: 60px; }
.js_hmbanner .slick-prev { left: auto; right: 125px;}
.mob-view , .mob_prod_img{ display: none !important;}
img.desk-view {width: 100%;}








/*responsive styles*/
@media (max-width: 1199px) { 

 .bannertit.title_xlg {
        font-size: 38px;
        line-height: 38px;
    }
    .bnr-box {padding-top: 70px; }
    .bannertit.title_xlg { padding: 0 40px;}
    .bnr-box .bnr_btn {margin: 15px 0 0; }
    .bnr_top_text {margin-bottom: 0px; }
}

@media (max-width: 991px) {
    .bannertit.title_xlg {
        font-size: 40px;
        line-height: 35px;
    }

  
    
    .bannertit.title_xlg {
        font-size: 34px;
        line-height: 38px;
    }
    img.desk-view {
    width: 100%;
    height: 500px;object-fit: cover;
}
}

@media (max-width: 768px) {
    .mob-view {
        right: 0;
        bottom: 0;
        max-height: 100%;
        max-width: inherit;
        left: 0;
        top: 0;
        width: 100%;
        object-fit: cover;
        z-index: -1;
        overflow: hidden;
        object-position: 0%;
        display: block!important;
        height: 450px;
    }

    .bannertit {
        font-size: 26px;
        margin-bottom: 6px;
        line-height: 50px;
    }
/*    .desk-view { display: none !important;}*/

    .bannertit.title_xlg span:after {
        bottom: 5px;
    }
    .bnr_top_text:after, .bnr_top_text:before { content: none;}
   
    .bnr_btn:after {
        content: none;
    }
    .bnr_btn a { font-size: 14px; min-width: 158px;height: 40px;}
    .bnr-box { justify-content: flex-end;padding-bottom: 80px;}
}

@media (max-width: 580px) {

.bannertit.title_xlg {
    font-size: 26px;
    line-height: 30px;
    padding: 0 12px;
    }

    .bnr_top:not(:last-child) {
        padding-right: 40px;
    }

    img.desk-view {
        height: 550px;
    }

}

@media (max-width: 480px) {
    
    
    
    }

@media (max-width: 360px) {
    .bnr_btn .btn_org,
    .bnr-box .btn_white {
        min-width: 150px;
        margin: 0 0px;
        padding: 10px 8px;
    }
}