.banner-swiper{background-color:transparent !important;overflow:hidden;position:relative;--swiper-theme-color:#fff;--swiper-navigation-color:#fff;--swiper-pagination-bullet-width:3.75rem;--swiper-pagination-bullet-height:.25rem;--swiper-pagination-bullet-inactive-opacity:1}
.banner-swiper .swiper-slide,.banner-swiper .swiper-wrapper{background-color:transparent !important}
.banner-swiper .swiper-slide{overflow:hidden}
.banner-swiper .slide-bg-container{overflow:hidden;position:relative;align-items:center;background:transparent no-repeat center;background-size:cover;display:flex;z-index:1;will-change:transform,background-image}
.banner-swiper .content-wrap-left{justify-content:flex-start;text-align:left}
.banner-swiper .content-wrap-center{justify-content:center;text-align:center}
.banner-swiper .content-wrap-center .text-wrap{max-width:50rem}
.banner-swiper .content-wrap-right{justify-content:flex-end;text-align:right}
.banner-swiper .container{position:relative;z-index:2}
.banner-swiper .text-wrap{color:#fff;max-width:37.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.5)}
@media (min-width:1024px){.banner-swiper .text-wrap{margin-top:1.875rem}
}@media (max-width:1023px){.banner-swiper .text-wrap{padding:1.875rem 0}
}.banner-swiper .text-wrap .sub-title{font-size:0.8rem;margin-bottom:0.5rem;animation-delay:0.1s}
.banner-swiper .text-wrap .title{color:#fff;font-size:1rem;margin-bottom:0.5rem;line-height:1.3;animation-delay:0.2s}
.banner-swiper .text-wrap .description{font-size:1rem;line-height:1.4;margin-bottom:1rem;animation-delay:0.3s}
@media (min-width:768px){.banner-swiper .text-wrap .sub-title{font-size:2rem;margin-bottom:0.8rem}
    .banner-swiper .text-wrap .title{font-size:4rem;margin-bottom:0.7rem;line-height:1.1}
    .banner-swiper .text-wrap .description{font-size:1.2rem;margin-bottom:2rem}
}.banner-swiper .text-wrap a.btn{background-color:#fff;border:1px solid #222;font-size:0.8rem;font-weight:700;padding:0.5rem 1rem;margin-top:0.5rem;animation-delay:0.4s}
.banner-swiper .text-wrap a.btn:hover{background-color:#222;color:#fff}
@media (min-width:768px){.banner-swiper .text-wrap a.btn{margin-top:1.5rem;padding:1rem 2rem}
}.banner-pagination{position:absolute !important;bottom:1rem !important;left:50% !important;transform:translateX(-50%) !important;z-index:30 !important;display:flex !important;justify-content:center !important;gap:.5rem !important}
.banner-pagination .swiper-pagination-bullet{background-color:rgba(255,255,255,0.4) !important;border-radius:2px !important;overflow:hidden !important;position:relative !important;width:3.75rem !important;height:0.25rem !important;opacity:1 !important;margin:0 !important}
.banner-pagination .swiper-pagination-bullet span{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:100%;transform:scaleX(0);transform-origin:left center;transition:transform 0.1s ease;will-change:transform}
@media (min-width:1024px){.banner-pagination{bottom:1.25rem !important}
}.banner-swiper .text-wrap > *{transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94),opacity 0.6s cubic-bezier(0.25,0.46,0.45,0.94);transform:translateZ(0);will-change:transform,opacity}
.banner-swiper .swiper-slide:not(.swiper-slide-active) .text-wrap > *{opacity:0;transform:translateY(30px)}
.banner-swiper .swiper-slide-active .text-wrap > *{opacity:1;transform:translateY(0)}
.banner-swiper[data-effect="default"] .slide-bg-container{transform:scale(1.1732);transform-origin:center center;transition:transform 3s cubic-bezier(.23,1,.32,1)}
.banner-swiper[data-effect="default"] .swiper-slide-active .slide-bg-container{transform:scale(1)}
.banner-swiper[data-effect="default"] .text-wrap{z-index:3}
.banner-swiper[data-effect="coverflow"] .swiper-slide{background-position:center;background-size:cover;width:auto;height:100%}
@media (min-width:1024px){.banner-swiper[data-effect="coverflow"] .swiper-slide{width:70%}
}.banner-swiper[data-effect="creative"] .swiper-wrapper,.banner-swiper[data-effect="cards"] .swiper-wrapper{perspective:75rem}
.banner-swiper[data-effect="creative"] .swiper-slide,.banner-swiper[data-effect="cards"] .swiper-slide{overflow:hidden}