.mobile{display:none}.hero-banner-main-container{position:relative}.hero-banner-main-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.heroBanner-vertical .hero-banner-main-container{height:100%}.heroBanner-vertical .hero-banner-main-container img,.heroBanner-vertical .hero-banner-main-container video{width:100%;height:auto}.heroBanner-horizontal .hero-banner-main-container{height:100%}.heroBanner-horizontal .hero-banner-main-container img,.heroBanner-horizontal .hero-banner-main-container video{width:100%;height:auto}.content-hero-banner{z-index:1;position:absolute;bottom:16%;left:0;width:max-content;padding-left:5%}.content-hero-banner h5{font-family:WorkSans-SemiBold;font-size:56px;leading-trim:NONE;line-height:100%;letter-spacing:0%;color:#fff;margin-bottom:16px}.content-hero-banner a{background:#ef5323;padding:10px 32px;border-radius:26px;font-family:Poppins-Medium;font-size:18px;leading-trim:NONE;line-height:100%;letter-spacing:0%;color:#fff;width:fit-content;text-decoration:initial}.heroBanner{position:relative}.heroBanner .swiper-pagination-bullet{position:relative;margin:0!important}.heroBanner .swiper-pagination{left:5%;bottom:135px;position:absolute;top:unset;display:flex;width:fit-content;display:none!important}.heroBanner .swiper-pagination-bullet{background:transparent;font-family:WorkSans-Regular;font-size:16px;line-height:26px;letter-spacing:0%;text-align:center;color:#fff;width:fit-content;opacity:1;padding-right:53px;height:unset;display:flex!important;flex-direction:column;align-items:center;gap:7px}.heroBanner .swiper-pagination-bullet:last-child{padding-right:0}.heroBanner .swiper-pagination-bullet svg{display:none}.heroBanner .swiper-pagination-bullet-active svg{display:block}.heroBanner .swiper-pagination-bullet:first-child:before{border-radius:30px 0 0 30px}.heroBanner .swiper-pagination-bullet:last-child:before{border-radius:0 30px 30px 0}.heroBanner .swiper-pagination-bullet:before{position:absolute;content:"";width:100%;height:8px;background:#fff;left:0;bottom:-22px}.heroBanner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{border-radius:0 30px 30px 0}.heroBanner .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active:after{border-radius:30px}.heroBanner .swiper-pagination-bullet:first-child.is-passed:after{border-radius:30px 0 0 30px}.heroBanner .swiper-pagination-bullet-active:after,.heroBanner .swiper-pagination-bullet.is-passed:after{position:absolute;content:"";width:100%;height:8px;background:#ef5323;left:0;bottom:-22px}@media screen and (max-width:768px){.desktop{display:none}.mobile{display:block}.content-hero-banner h5{font-family:WorkSans-ExtraBold;font-size:32px;line-height:100%;letter-spacing:0%;text-transform:uppercase}.content-hero-banner{top:unset;bottom:14%}.content-hero-banner a{font-size:15px;line-height:100%;letter-spacing:0%;padding:8px 20px}.heroBanner .swiper-pagination-bullet{padding-right:16px}.heroBanner .swiper-pagination-bullet:last-child{padding-right:0}.heroBanner .swiper-pagination-bullet{font-size:14px;leading-trim:NONE;line-height:26px;letter-spacing:0%;text-align:center}.heroBanner .swiper-pagination-bullet svg{height:20px;width:auto}.heroBanner .swiper-pagination-bullet:before,.heroBanner .swiper-pagination-bullet-active:after,.heroBanner .swiper-pagination-bullet.is-passed:after{height:4px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hero-banner.css.map */