
.banner-simple {
    position: relative;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 80px;
    overflow: hidden;
    z-index: 1
}

.banner-simple>.container-xl,
.swiper-slide>.container-xl {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2
}

.banner-simple>video,
.banner-simple .swiper-slide>video {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.banner-simple>.img-fluid,
.banner-simple .swiper-slide>.img-fluid {
    display: block;
    margin: auto;
    object-fit: cover;
    height: 100%;
    width: 100%
}




.overlay {
    background: var(--overlay-color);
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.overlay>.link-text {
    font-size: 0
}


   html,body{height:100%;overflow-y: overlay;}
        .banner-simple-banner{height:calc( 100% - 71px );color:#fff}
        .banner-simple-banner .inner-content{max-width:992px;text-align:center;position: relative;z-index: 5;padding:0 16px;margin:auto}
        .banner-simple-banner h1{font-size: 40px;margin-bottom: 20px;font-weight:600}
        .banner-simple-banner h1::after{background:#fff;width:60px;height:4px;display:block;margin:20px auto 0;content:""}
        .banner-simple-banner p{margin-bottom:8px;font-size:19px;line-height:2}
        .banner-simple-banner .more-wrapper{margin-top:30px;}
        .banner-simple-banner .more{color:#fff;padding:12px 34px;border:none;display:inline-block;margin: 0 30px 15px 0;background: #ea5432;}
        .banner-simple-banner .more:hover{background: #ea8432;}
        @media(max-width:1200px) {
           .banner-simple-banner{height:500px}
        }
        @media(max-width:992px) {
           .banner-simple-banner{height:400px}
           .banner-simple-banner .inner-content{padding:0}
           .banner-simple-banner h1{font-size:22px;margin-bottom:12px}
           .banner-simple-banner h1::after{display:none}
           .banner-simple-banner p{font-size:12px}
           .banner-simple-banner .more-wrapper{margin-top:20px}
           .banner-simple-banner .more{padding:8px 24px 6px;font-size:13px;margin:0 10px 0 0}
        }


       
        
        
        .banner-simple-samples{height:550px;text-align:center;--container-width:1260px;text-align:center;color:#fff;}
        .banner-simple-samples h2{font-size:36px;font-weight:600;margin:0 auto 21px;font-family:var(--title-font-family);text-transform:uppercase;max-width:700px}
        .banner-simple-samples p{line-height:2;font-size:16px;margin-bottom:26px}
        .banner-simple-samples button{padding:10px 40px;background:var(--main-color);border-radius:6px;color:#fff;font-weight:600;text-transform:uppercase;border:none;letter-spacing:1px;transition:all ease 0.3s}
        .banner-simple-samples button:hover{background:var(--sub-color)}
        @media(max-width:992px){
            .banner-simple-samples{height:400px}
            .banner-simple-samples h2{font-size:24px;margin-bottom:16px}
            .banner-simple-samples p{font-size:13px;margin-bottom:21px}
            .banner-simple-samples button{padding:7px 25px}
        }

        
        
.banner-simple {
    position: relative;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 80px;
    overflow: hidden;
    z-index: 1
}

.banner-simple>.container-xl,
.swiper-slide>.container-xl {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2
}

.banner-simple>video,
.banner-simple .swiper-slide>video {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.banner-simple>.img-fluid,
.banner-simple .swiper-slide>.img-fluid {
    display: block;
    margin: auto;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.overlay {
    background: var(--overlay-color);
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.overlay>.link-text {
    font-size: 0
}
