#CustomHero-template--18431349883065__custom_hero_section{padding:0;margin:0;--hero-height: 10vh !important}.custom-hero{position:relative;min-height:var(--hero-height, 80vh);display:flex;align-items:center;overflow:hidden;background-color:#f4faff!important}.custom-hero__container{width:100%;height:100%;display:flex;align-items:center;padding-top:0}.custom-hero__content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;width:100%;min-height:inherit}.custom-hero__content .custom-hero__media{background-repeat:no-repeat;background-position:-120px -29px}@media screen and (max-width:1024px){.custom-hero{min-height:auto;padding:4rem 0}.custom-hero__content{gap:1rem;text-align:left}.custom-hero__content .custom-hero__media{order:1;height:clamp(320px,1000px - (1024px - 100vw) * .96,1000px);background-position:calc(-80px + (1024px - 100vw)/20) calc(-29px + (1024px - 100vw)/50);background-size:127%}.custom-hero__text-content{order:2}}@media screen and (min-width:1025px){.custom-hero__content{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.custom-hero__media{display:flex;justify-content:center;align-items:center;margin:0 auto;background-size:127%;max-height:calc(500px + (100vw - 1025px)*.53)}.custom-hero__content--image-left .ustom-hero__media{order:1}.custom-hero__content--image-left .custom-hero__text-content,.custom-hero__content--image-right .custom-hero__media{order:2}.custom-hero__content--image-right .custom-hero__text-content{order:1}}.custom-hero__media{position:relative;width:100%;height:auto}.custom-hero__image{width:100%;height:auto;object-fit:cover;border-radius:0;max-height:250px}@media screen and (min-width:550px){.custom-hero__media{height:100vh;min-height:400px}.custom-hero__image{height:100%;object-fit:cover;max-height:100%}}.custom-hero__text-content{display:flex;flex-direction:column;gap:0;justify-content:center}@media screen and (min-width:750px){.custom-hero__text-content{text-align:left}}.custom-hero__heading{margin:0;line-height:.9;font-weight:700}.custom-hero__subheading{margin:0;line-height:1.1;font-weight:700;color:rgb(var(--color-foreground))}.custom-hero__blue-heading{margin:0;line-height:.9;font-weight:700;color:#4285f4}.custom-hero__text{margin:0;line-height:1.6;margin-top:1rem;font-size:1.2em;text-align:left}.custom-hero__text p{margin-bottom:1rem}.custom-hero__text p:last-child{margin-bottom:0}.custom-hero__button-wrapper{margin-top:2rem}.custom-hero__button{display:inline-flex;justify-content:center;align-items:center;padding:12px 1.5rem;font-size:2.5rem;font-weight:700;text-decoration:none;border-radius:8px;transition:all .3s ease;min-width:200px;background-color:#0171e3;color:#fff;border:none;box-shadow:none}.custom-hero__button:hover{background-color:#0171e3!important;opacity:.9!important;box-shadow:none!important}.custom-hero__button:before,.custom-hero__button:after{display:none!important}@media screen and (max-width:1024px){.custom-hero__button{width:100%!important;text-align:center!important}.custom-hero__text{text-align:center}.custom-hero__text p{padding-top:4px;line-height:1.5}}.custom-hero.color-scheme-1,.custom-hero.color-scheme-2,.custom-hero.color-scheme-3{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.custom-hero .scroll-trigger{opacity:0;transform:translateY(2rem);transition:opacity .6s ease,transform .6s ease}.custom-hero .scroll-trigger.animate--fade-in,.custom-hero .scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}@media screen and (max-width:1024px){.custom-hero__heading.hxl,.custom-hero__subheading.hxl,.custom-hero__blue-heading.hxl,.custom-hero__heading.h0,.custom-hero__subheading.h0,.custom-hero__blue-heading.h0{font-size:4rem}.custom-hero__heading.h1,.custom-hero__subheading.h1,.custom-hero__blue-heading.h1{font-size:2.4rem}.custom-hero__heading.h2,.custom-hero__subheading.h2,.custom-hero__blue-heading.h2{font-size:2rem}.custom-hero__heading.h3,.custom-hero__subheading.h3,.custom-hero__blue-heading.h3{font-size:1.8rem}}@media screen and (max-width:431px){.custom-hero__heading.hxl,.custom-hero__heading.h0,.custom-hero__subheading.hxl,.custom-hero__subheading.h0,.custom-hero__blue-heading.hxl,.custom-hero__blue-heading.h0{font-size:4rem}.custom-hero__text{font-size:1.2em}}@media screen and (max-width:391px){.custom-hero__heading.hxl,.custom-hero__heading.h0,.custom-hero__subheading.hxl,.custom-hero__subheading.h0,.custom-hero__blue-heading.hxl,.custom-hero__blue-heading.h0{font-size:2.5rem}.custom-hero__text{font-size:.8em}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-custom-hero.css.map */
