.hero-with-benefits{color:#fff;letter-spacing:-.0425rem;line-height:1;grid-column-gap:6rem;grid-row-gap:6rem;flex-flow:column;justify-content:space-between;align-items:flex-start;min-height:calc(100svh + 30px);padding-top:124px;padding-bottom:6rem;display:flex;position:relative}.hero-with-benefits__image-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.image-overlay-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1}.hero-with-benefits__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-with-benefits__container{flex-grow:1;position:relative;z-index:1;padding-right:2.5rem;padding-left:2.5rem;width:100%;max-width:1440px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-benefits-container{display:flex;justify-content:space-between;flex-grow:0;flex-shrink:0;align-items:center;z-index:1;padding-right:2.5rem;padding-left:2.5rem;width:100%;max-width:1440px;margin:0 auto}.hero-with-benefits__content{max-width:768px}.hero-with-benefits__heading{font-size:68px;font-weight:700;line-height:1;text-transform:uppercase;margin:0}.hero-with-benefits__subheading{font-size:20px;max-width:560px;line-height:1.6;margin-bottom:30px;opacity:.75}.hero-with-benefits__button{display:inline-block;padding:12px 30px;background:#fff;color:#000;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;position:relative;z-index:2}.hero-with-benefits__button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.hero-with-benefits__buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-with-benefits__additional-text{margin-top:40px;font-size:20px;opacity:.75;max-width:500px;width:100%}.hero-with-benefits__benefits{grid-column-gap:4rem;grid-row-gap:4rem;display:flex}.hero-benefit{text-align:center;flex-flow:column;justify-content:flex-start;align-items:center;display:flex}.hero-benefit__count{z-index:1;font-size:52px;font-weight:700;margin-bottom:5px}.hero-benefit__title{font-size:16px}@media(max-width:1240px){.hero-benefits-container{flex-direction:column;gap:1rem;align-items:end}.hero-with-benefits{padding-top:112px;padding-bottom:36px}.hero-with-benefits__additional-text{text-align:end}}@media(max-width:768px){.hero-with-benefits__heading{font-size:48px}.hero-with-benefits__benefits{grid-column-gap:1rem;grid-row-gap:1rem}.hero-with-benefits__subheading,.hero-with-benefits__additional-text{font-size:18px}.hero-benefit__count{font-size:40px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-with-benefits.css.map */