.section-hero-banner_heading h5{font-size:18px;margin:0 0 12px;font-family:Tomato Grotesk,sans-serif}.section-hero-banner{padding:12px 0 26px}.section-hero-banner_heading h5 span{display:inline-block;border:2px solid #000;background:#fff;border-radius:16px;padding:0 10px}.section-hero-banner_heading h2{font-size:55px;line-height:1.1!important;color:#1b1919;margin-top:0;margin-bottom:20px;font-family:var(--font-heading-family);font-weight:700}.section-hero-banner_heading h2 .green{color:#297b5e!important}.section-hero-banner-cta-wrapper{display:flex;align-items:center;max-width:430px}.trio img{width:48px;margin:0 auto 8px}.trio{padding:10px 0 16px;width:33.3%;text-align:center}.section-hero-banner-cta-wrapper .trio div{line-height:1.25;font-size:14px;color:#4c4c4c;letter-spacing:0;font-family:Tomato Grotesk,sans-serif;font-weight:600}.hero-banner_btn{background:#7ff06b;color:#fff;font-size:20px;font-weight:600;line-height:1.1;padding:20px;display:inline-block;width:100%;text-align:center;margin-top:10px;border-radius:5px;text-transform:uppercase;white-space:nowrap;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;text-decoration:none}.hero-banner_btn :hover{color:#fff;opacity:.7}.section-hero-banner-richtext{margin-top:8px;display:flex;max-width:430px}.section-hero-banner-cta-btn{max-width:430px}.section-hero-banner-richtext ul{list-style:none;padding:0;margin:0}.section-hero-banner-richtext ul li{font-size:13px;line-height:1.1;float:left;width:50%;padding:6px 0;font-family:Tomato Grotesk Medium;color:#4c4c4c;font-weight:400;letter-spacing:0}.section-hero-banner-richtext ul li:before{content:"\f00c";font-family:Fontawesome;color:#297b5e;display:inline-block;margin-right:6px}.section-hero-banner-wrap{display:flex;flex-wrap:wrap}.section-hero-banner-wrap_left-side,.section-hero-banner-wrap_right-side{flex:1 0 50%;max-width:50%}.section-hero-banner-wrap_left-side{padding-top:5%;padding-left:15px;padding-right:15px}.section-hero-banner-wrap_right-side{position:relative;padding:0 15px;height:fit-content}.section-hero-banner-wrap_right-side .cta-img-group{vertical-align:middle}.badge30{position:absolute;top:48px;right:0;width:140px}.free-patches{border:1px solid black;border-radius:10px;background:#f3dfff;padding:24px 16px 24px 72px;position:absolute;bottom:5%;right:16px}.patches{-webkit-animation-name:wiggle;-ms-animation-name:wiggle;-ms-animation-duration:2s;-webkit-animation-duration:2s;-webkit-animation-iteration-count:1;-ms-animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-iteration-count:infinite}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg)}50%{-webkit-transform:rotate(0deg)}75%{-webkit-transform:rotate(10deg)}to{-webkit-transform:rotate(0deg)}}@-ms-keyframes wiggle{0%{-ms-transform:rotate(0deg)}25%{-ms-transform:rotate(-1deg)}50%{-ms-transform:rotate(0deg)}75%{-ms-transform:rotate(1deg)}to{-ms-transform:rotate(0deg)}}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(0)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.patches{position:absolute;height:75px;width:50px;top:6px;left:12px;object-fit:contain}.free-patches p{line-height:1.25;font-size:14px;margin:0;color:#4c4c4c;font-family:Tomato Grotesk,sans-serif}@media screen and (max-width: 767px){.section-hero-banner-wrap_left-side,.section-hero-banner-wrap_right-side{flex:1 0 100%;max-width:100%}.section-hero-banner_heading h5{line-height:1.1!important;text-align:center}.section-hero-banner_heading h2{font-size:36px;text-align:center}.section-hero-banner-cta-wrapper .trio div{font-size:12px}.section-hero-banner-richtext ul{margin:0 auto;width:220px}.section-hero-banner-richtext ul li{width:100%}img.badge30{position:absolute;top:20px;right:16px;width:100px}.free-patches{border:1px solid black;border-radius:10px;background:#f3dfff;padding:24px 16px 24px 72px;position:relative;bottom:auto;right:auto;margin:-48px auto}.section-hero-banner{background:#f1f1f1;padding:20px 0 80px}.section-hero-banner-cta-wrapper,.section-hero-banner-cta-btn,.section-hero-banner-richtext{margin:0 auto}.section-hero-banner-richtext{padding-top:8px}.section-hero-banner-wrap_right-side{flex:1 0 100%;max-width:400px;margin:0 auto}}@media screen and (min-width: 750px){.section-hero-banner .page-width{padding:0 2rem}}
/*# sourceMappingURL=/cdn/shop/t/191/assets/section-hero-banner.css.map */
