.component-hero{position:relative;overflow:hidden}.component-hero .image-wrapper{width:100%;height:100%}.component-hero .image-wrapper img{width:100%;height:100%;object-fit:cover}.component-hero .container{position:relative;height:100%}.component-hero .container .content-wrapper{margin:0 auto}.component-hero .container .content-wrapper h1{padding:50px 0 15px}.component-hero .container .content-wrapper h2{padding:35px 0 20px}.component-hero .container .content-wrapper p{padding-bottom:15px}.component-hero .container .content-wrapper p.subtitle{font-size:1.125rem}.component-hero .container .content-wrapper .cta{margin-bottom:45px}.component-hero .container .content-wrapper .callouts{flex-wrap:wrap;justify-content:center;gap:30px 15px;margin:0 auto 30px}.component-hero .container .content-wrapper .callouts>div{width:calc(50% - 7.5px)}.component-hero .container .content-wrapper .callouts>div>div{margin:0 auto 15px;position:relative;overflow:hidden;aspect-ratio:1;border-radius:50%}.component-hero .container .content-wrapper .callouts>div>div img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.component-hero .container .content-wrapper .callouts>div .body2{font-size:1rem}@media screen and (min-width: 768px){.component-hero .container .content-wrapper h1,.component-hero .container .content-wrapper h2,.component-hero .container .content-wrapper p{padding-bottom:25px}.component-hero .container .content-wrapper p.hero,.component-hero .container .content-wrapper p.subtitle{font-size:1.25rem}.component-hero .container .content-wrapper .callouts{width:100%}.component-hero .container .content-wrapper .callouts>div{width:initial;flex:1}}@media screen and (min-width: 992px){.component-hero .image-wrapper{position:absolute;left:0;right:0}.component-hero .container{background:transparent!important}.component-hero .container .content-wrapper{margin-left:0}.component-hero .container .content-wrapper p.hero{font-size:1.5rem}.component-hero .container .content-wrapper .cta{margin-bottom:35px}}@media screen and (min-width: 1200px){.component-hero .container .content-wrapper p{font-size:1.25rem}.component-hero .container .content-wrapper p.subtitle{font-size:1.5rem}}@media screen and (min-width: 1600px){.component-hero .container .content-wrapper p{font-size:1.5rem}.component-hero .container .content-wrapper p.subtitle{font-size:1.75rem}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/component-hero.scss.css.map */