:root{--margin-x-home-desktop: 10.8125vw;--margin-x-home-mobile: 7.5vw}section.hero{display:grid;grid-template-areas:"hero";width:100%;height:clamp(270px,50vw,600px);line-height:normal;letter-spacing:normal;cursor:pointer}section.hero h1{margin:0;font-family:var(--global-font-2);font-weight:750;line-height:normal;letter-spacing:0;color:#36968c}section.hero p{margin:.5em 0;font-family:var(--global-font);font-weight:700}section.hero .hero-content{grid-area:hero;display:flex;flex-direction:column;justify-content:center;width:60%;height:100%;padding:2em var(--margin-x-home-desktop);text-align:left}section.hero .hero-image{display:flex;grid-area:hero;width:100%;height:inherit}section.hero .hero-image .bg{display:block;width:100%;height:inherit;background-repeat:no-repeat}section.hero .cta{display:flex;align-items:center;padding:1.25rem 3.5rem;border-radius:3em;color:#fff;background-color:#40a56d;border:0;font-family:var(--global-font);font-weight:800;line-height:22px;cursor:pointer;text-align:center;font-style:normal;border:1px solid}section.hero .cta.alter{color:#40a56d;background-color:#fff;border-color:#40a56d}section.hero .cta:hover{border:1px solid;color:#40a56d;border-color:#40a56d;background-color:#fff}section.hero .cta.alter:hover{border:1px solid;color:#fff;border-color:#40a56d;background-color:#40a56d}section.hero .flex.gap{gap:10px;flex-wrap:wrap}section.hero .split{display:flex}section.hero .split .hero-image .bg{background-size:cover}@media (max-width: 340px){section.hero .flex.gap a{width:100%;justify-content:center}}@media (max-width: 475px){section.hero{height:370px}section.hero .hero-content{background:#fef6f0;height:fit-content;margin-top:auto;padding:35px;width:100%}section.hero .flex.gap{justify-content:center}section.hero .cta{font-size:14px!important}section.hero .subtitle{margin:0 0 15px;text-align:center}}@media (max-width: 768px){section.hero .hero-image{height:100%}section.hero .hero-image div.bg{background-size:cover}section.hero .hero-content{padding:3em var(--margin-x-home-mobile)}section.hero .hero-content.mobile-center{text-align:center}section.hero .hero-content.mobile-center .flex{justify-content:center}section.hero .cta{padding:.5rem 1.5rem}section.hero .split{flex-direction:column-reverse}section.hero .split div.hero-content{width:100%}section.hero .split div.hero-image{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/524/assets/custom-hero.css.map */