.component-hero{position:relative}.component-hero .reviews{display:flex;align-items:center;gap:5px}.component-hero .reviews svg{display:block;color:#091823}.component-hero .reviews-text{color:#020202;font-size:14px}.component-hero .main-hero-image .mobile{display:none}.component-hero .main-hero-image img{width:100%;min-width:100%}.component-hero .main-hero-text{position:absolute;max-width:1400px;top:50%;left:50%;right:auto;width:100%;padding-left:25px;padding-right:25px;transform:translate(-50%,-50%)}.component-hero .main-hero-text .text-container{max-width:480px}.component-hero .main-hero-text .title{font-size:40px;font-family:var(--s-font);font-weight:600;line-height:1.2}.component-hero .main-hero-text .caption{font-size:18px;color:#464646;line-height:initial}.component-hero .main-hero-text .cta{height:38px;padding:0 35px;align-items:center;border-radius:500px;width:auto;display:inline-flex;text-transform:uppercase}.component-hero .main-hero-text .cta:hover{opacity:.8}@media screen and (max-width:1080px){.component-hero .main-hero-text{padding:0 25px 0 5%}}@media screen and (max-width:991px){.component-hero .main-hero-text .title{font-size:26px}.component-hero .main-hero-text .caption{font-size:16px}.component-hero .main-hero-text .cta{font-size:14px}.component-hero .main-hero-image{min-height:350px;position:relative}.component-hero .main-hero-image img{object-fit:cover;width:auto;height:auto;min-height:350px;object-position:center}}@media screen and (max-width:767px){.component-hero .main-hero{display:grid}.component-hero .main-hero-image{min-height:initial}.component-hero .main-hero-image .desktop{display:none}.component-hero .main-hero-image .mobile{display:block}.component-hero .main-hero-image img{object-fit:initial;width:100%;height:auto;min-height:initial}.component-hero .main-hero-text{position:relative;padding:35px 25px;max-width:100%;width:100%;text-align:center}.component-hero .main-hero-text .text-container{text-align:center;margin:0 auto}.component-hero .reviews{justify-content:center}.component-hero .main-hero-text .title{font-size:30px}.component-hero .main-hero-text .cta{width:100%;text-align:center;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-hero.css.map */