@charset "utf-8";
.banenr-switch-carousel{position:relative;width:100%;overflow:hidden;touch-action:pan-y;}
.banenr-switch-track{display:flex;width:100%;position:relative;}
.banenr-switch-slide{position:absolute;top:0;left:0;width:100%; opacity:0;transition:opacity 0.8s ease,transform 0.8s ease;user-select:none;overflow:hidden}
.banenr-switch-slide.active{opacity:1;z-index:1;position:relative}
.banenr-picture{width: 100%; overflow: hidden; position: relative; aspect-ratio: 192/65; min-height: 250px;}
.banenr-picture::before{content:'';width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,0.5),transparent,rgba(0,0,0,0.47));position:absolute;left:0;top:0;z-index:9;pointer-events:none}
.banenr-picture picture,.banenr-picture img{width:100%;height:100%;object-fit:cover; position: absolute; inset: 0; transition: all 20s;}

.banenr-switch-caption{position:absolute;top:50%;right:7%;transform:translateY(-30%);width:90%;max-width:520px;background:rgba(225,228,233,0.9);border-left:4px solid #C00000;padding:30px 35px;box-shadow:0 10px 30px rgba(0,0,0,0.1);z-index:10; opacity:0; transition:opacity 0.5s ease-in-out 0.3s,transform 0.5s ease-in-out 0.3s}
.caption-title{color:#1c2a43;font-family:'Poppins',sans-serif;font-weight:200;font-size:32px;line-height:1.2;margin-bottom:30px;}
.banner-link{display:inline-flex;align-items:center;font-weight:700;font-size:16px;color:#006eb7;text-transform:uppercase;letter-spacing:0.5px}
.banner-link .arrow{margin-left:10px;font-size:20px;transition:margin-left 0.3s}
.banner-link:hover .arrow{margin-left:15px}
.banner2 .banenr-switch-caption,.banner3 .banenr-switch-caption{right: auto; left: 8%;}
.banenr-switch-slide.active .banenr-switch-caption{opacity: 1; transform: translateY(-50%);}
/* dots */
.banenr-switch-dots{width: 100%; position:absolute; bottom:15px; left:0; display:flex; justify-content:center; z-index:4;}
.banenr-switch-dots .dot-indicator{width:10px; height:10px; border-radius:50%; background-color: var(--bg-hover); cursor:pointer; transition:all 0.3s ease; margin: 5px; opacity: .5;}
.banenr-switch-dots .dot-indicator.active{background-color: var(--bg-hover);opacity: 1;}
/* btn */
.banenr-switch-prev,.banenr-switch-next{width: 40px; position:absolute; left: -100%; top:50%; transform:translateY(-50%); cursor:pointer; transition:all 0.3s ease-in-out; display:flex; line-height: 1; z-index: 5;}
.banenr-switch-next{left: auto; right:-100%;}
.banenr-switch-prev>img,.banenr-switch-next>img{width: 100%; height: auto;}
.banenr-switch-prev:hover>img,.banenr-switch-next:hover>img{opacity: .8;}
.banenr-switch-carousel:hover .banenr-switch-prev{left: 30px;}
.banenr-switch-carousel:hover .banenr-switch-next{right: 30px;}
@media (max-width: 1199.98px){
}@media (max-width: 991.98px){
.banenr-switch-caption{padding: 20px 25px;}  
.caption-title{font-size: 28px; margin-bottom: 1.625rem;}
}@media (max-width: 767.98px){
.caption-title{font-size: 24px; margin-bottom: 1.25rem;}
}@media (max-width: 575.98px){
.banner-link{font-size: .875rem;}
.banenr-switch-caption {padding: 15px 20px;}
.caption-title{font-size: 20px; margin-bottom: 1rem;}

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