.hero-banner{position:relative}.hero-banner .hero-banner-btn-next,.hero-banner .hero-banner-btn-prev{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-75%);z-index:2;background-color:#e62129;border:none}.hero-banner .hero-banner-btn-next:hover,.hero-banner .hero-banner-btn-prev:hover{background-color:#fad215}.hero-banner .hero-banner-btn-next svg path,.hero-banner .hero-banner-btn-prev svg path{fill:#fff}.hero-banner .hero-banner-btn-next:hover svg path,.hero-banner .hero-banner-btn-prev:hover svg path{fill:#000}.hero-banner .hero-banner-btn-next{right:22px}.hero-banner .hero-banner-btn-prev{left:22px}.hero-banner .banner_layout img{display:block;width:100%;object-fit:cover}.hero-banner .banner_layout{position:relative}.hero-banner .banner_content{position:absolute;top:50%;transform:translateY(-50%)}.hero-banner .banner_layout h6{color:#fff;margin-bottom:10px;margin-top:0}.hero-banner .banner_layout h2{color:var(--color-heading);font-size:60px;line-height:1;margin-bottom:20px}.hero-banner .section_heading{max-width:550px}.small-ratio,.medium-ratio,.large-ratio{aspect-ratio:6 / 9}.hero-banner .swiper-pagination{bottom:30px}.hero-banner .swiper-pagination .swiper-pagination-bullet{width:80px;height:8px;background-color:#fff;border-radius:100px;opacity:1;border:none;position:relative}.hero-banner .swiper-pagination-bullet .progress{position:absolute;right:0;background-color:rgba(var(--color-button),var(--alpha-button-background));width:0%;height:100%;border-radius:100px;transition:width .12s linear}.hero-banner .swiper-pagination-bullet-active .progress{width:100%}@media(min-width:750px){.small-ratio{aspect-ratio:16 / 5}.medium-ratio{aspect-ratio:16 / 7}.large-ratio{aspect-ratio:16 / 9}.hero-banner .banner_layout h2{font-size:90px;margin-bottom:30px}}@media(min-width:1024px){.hero-banner .banner_layout h2{font-size:120px}.hero-banner .banner_content{left:62px}}@media(max-width:767px){.hero-banner .banner_layout h6{font-size:14px}.hero-banner .hero-banner-btn-next,.hero-banner .hero-banner-btn-prev{top:auto;bottom:-4px}.hero-banner .hero-banner-btn-next{right:12px}.hero-banner .hero-banner-btn-prev{left:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-banner.css.map */