.section-hero-banner .media{position:relative;padding-bottom:calc(100vh - 40px)}.section-hero-banner .media img,.section-hero-banner .media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.section-hero-banner .banner-wrapper{position:relative}.section-hero-banner .banner-wrapper .section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.section-hero-banner .banner-wrapper .content{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0}.section-hero-banner .banner-wrapper .content .heading-wrapper{display:flex;flex-direction:column;gap:8px;color:var(--primary-white)}.section-hero-banner .banner-wrapper .content.layout-center{display:flex;flex-direction:column;text-align:center}.section-hero-banner .banner-wrapper .btn-wrapper{display:flex;gap:8px}.section-hero-banner .banner-wrapper .btn-wrapper.bottom-pos{position:absolute;bottom:68px;left:50%;transform:translate(-50%);display:flex;justify-content:center;z-index:2}.section-hero-banner .swiper-pagination-bullet{height:4px;width:4px;border-radius:0;background:var(--primary-white);margin:0!important;opacity:.4!important;transition:width .3s,opacity .3s,background .3s;position:relative;overflow:hidden}.section-hero-banner .swiper-pagination{display:flex;justify-content:center;gap:4px;bottom:32px!important}.section-hero-banner .swiper-pagination-bullet-active{width:24px;opacity:1!important;background:#fff3}.section-hero-banner .swiper-pagination-bullet-active:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--primary-white)}.section-hero-banner .swiper[data-autoplay=true] .swiper-pagination-bullet-active:before{transform-origin:left;animation:paginationProgress var(--autoplay-duration, 3s) linear forwards}@keyframes paginationProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:749px){.section-hero-banner .media{padding-bottom:calc(100vh - 32px)}.section-hero-banner .banner-wrapper .content{padding:12px 12px 12px 0}.section-hero-banner .banner-wrapper .content.layout-left{padding-right:60px}.section-hero-banner .banner-wrapper .btn-wrapper.bottom-pos{bottom:80px;padding:0 12px}.section-hero-banner .banner-wrapper .btn-wrapper.left-pos{left:0;transform:none}.section-hero-banner .swiper-pagination{bottom:24px!important}.section-hero-banner .banner-wrapper .btn-wrapper.grid-layout{display:grid!important;grid-template-columns:repeat(2,1fr);width:100%}.section-hero-banner .banner-wrapper .btn-wrapper.grid-layout a{width:100%;text-align:center;justify-content:center}.section-hero-banner .swiper-pagination.mob-left{justify-content:flex-start;padding:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hero-banner.css.map */