.hero-section{position:relative;min-height:calc(100dvh - 38px);height:calc(100dvh - 38px);width:100%;overflow:hidden;display:flex;flex-direction:column;background-color:#031409;z-index:1;margin-top:0}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-image--mobile{display:none}.hero-image--desktop{display:block}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#040d0900,#040d0991 47.8%,#040d09d4 74.2%,#040d09);z-index:2}.hero-content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:0 22px;flex-grow:1;margin-bottom:96px;width:100%;gap:8px}.hero-heading{font-size:3.5rem;font-weight:500;line-height:1.1;color:#e0e9e9;margin-bottom:8px;letter-spacing:-.045rem}.hero-description{font-size:1.75rem;line-height:150%;color:#daf4ea;opacity:.7;letter-spacing:-.045rem}.hero-button-container{display:flex;justify-content:start;margin-top:1.6rem}.sub-banner{position:relative;z-index:3;width:100%;height:49px;display:flex;align-items:center;padding:0 16px;overflow:hidden}.sub-banner .swiper{overflow:visible!important;width:100%}.sub-banner-swiper{width:100%;height:25px}.sub-banner-slide{display:flex;align-items:center;gap:10px;width:auto!important}.sub-banner-icon{width:25px;height:22.5px;display:flex;align-items:center;justify-content:center}.sub-banner-icon svg{fill:none;stroke:#748f88}.sub-banner-text{font-size:1.6rem;font-weight:500;color:#748f88;letter-spacing:-.045rem;white-space:nowrap}@media screen and (max-width: 749px){.hero-image--mobile{display:block}.hero-image--desktop{display:none}.hero-heading{font-size:3.6rem}.hero-description{font-size:1.8rem}.sub-banner{height:60px;padding:0}.sub-banner-swiper{width:100%;overflow:hidden}.sub-banner-slide{margin-right:30px}.sub-banner-text{font-size:1.4rem}.hero-content{margin-bottom:48px}}@media screen and (min-width: 750px){.hero-content{margin:0 auto 96px;max-width:var(--page-width);padding:0 5rem}.hero-heading{font-size:5.6rem;max-width:800px}.hero-description{font-size:2rem;max-width:600px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-hero-with-carousel.css.map */
