.hero-banner{position:relative;height:100%;overflow:hidden}.hero-banner__media img{width:100%;height:100%;object-fit:cover}.hero-banner__content{position:absolute;color:#fff!important;max-width:1100px;padding:0 20px;width:100%}.hero-banner__content{position:absolute;color:#fff;max-width:1100px;padding:0 20px;width:100%}.hero-banner__content--top-left{top:8%;left:5%}.hero-banner__content--top-center{top:8%;left:50%;transform:translate(-50%)}.hero-banner__content--top-right{top:8%;right:5%}.hero-banner__content--center-left{top:50%;left:5%;transform:translateY(-50%)}.hero-banner__content--center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.hero-banner__content--center-right{top:50%;right:0%;transform:translateY(-50%)}.hero-banner__content--bottom-left{bottom:8%;left:5%}.hero-banner__content--bottom-center{bottom:8%;left:50%;transform:translate(-50%)}.hero-banner__content--bottom-right{bottom:8%;right:5%}.hero-banner__subheading{letter-spacing:0%;margin-bottom:10px;color:#fff!important;text-transform:uppercase;font-weight:400;font-size:18px}.hero-banner__heading{font-size:70px;color:#fff!important;font-weight:600;margin-bottom:15px}.hero-banner__text{font-size:20px;margin-bottom:25px;line-height:1.6;color:#fff!important}.hero-banner__button{display:inline-block;padding:12px 28px;background:#fff;color:#000;border-radius:30px;text-decoration:none;font-size:20px;transition:all .3s ease}.hero-banner__button:hover{background:#000;color:#fff}.hero-slider .slick-dots{bottom:25px;display:flex!important;justify-content:center;align-items:center;gap:10px}.hero-slider .slick-dots li{width:auto;height:auto;margin:0}.hero-slider .slick-dots li button{width:12px;height:12px;padding:0}.hero-slider .slick-dots li button:before{content:"";width:12px;height:12px;border-radius:50%;background:#ffffff59;opacity:1;display:block;transition:all .3s ease}.hero-slider .slick-dots li.slick-active button:before{background:#0003;transform:scale(1.15)}.hero-slider .slick-dots li:hover button:before{background:#1f2328}.hero-slider .slick-dots li.slick-active button{background:#fff}.desktop-image{display:block}.mobile-image,.mobile-content{display:none!important}@media screen and (max-width:768px){.desktop-image{display:none!important}.mobile-image{display:block!important;width:100%;height:100%;object-fit:cover}.desktop-content{display:none!important}.mobile-content{display:block!important}.hero-banner{height:100%}.hero-banner__heading{font-size:22px;margin-bottom:10px}.hero-banner__subheading{margin-bottom:10px;font-size:12px}.hero-banner__text{font-size:16px;margin-bottom:10px!important}.hero-banner__button{padding:6px 20px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hero-banner.css.map */