.hero{--green: #21AA74;--light-green: #E4F1F0;--white: #FFFFFF;--foreground: #363C36}.hero-content{display:grid;grid-template-columns:1fr 1.35fr;grid-gap:5rem;background-color:#f6f6f6;border-radius:50px;overflow:hidden;padding-right:3.9rem}.hero-content__image img{display:flex;width:100%;height:100%;object-fit:cover}.hero-content__wrapper{display:flex;flex-direction:column;justify-content:center;gap:4rem;padding:2rem 0}.hero-content__titles .hero--title h1{margin:0;font-size:7rem;font-weight:700;line-height:1.07;letter-spacing:0;color:var(--foreground);margin-bottom:1rem}.hero-content__titles .hero--title h1 em,.hero-content__titles .hero--subtitle em{font-style:normal;color:var(--green)}.hero-content__titles .hero--subtitle h2,.hero-content__titles .hero--subtitle p{font-size:4rem;font-weight:500;margin:0;letter-spacing:0;color:var(--foreground);line-height:1}.hero-content__offers{display:grid;grid-template-columns:.8fr 1fr;width:100%}.hero-content__offer{background-color:var(--green);color:var(--white)}.hero-content__offer p{font-size:5rem;font-weight:700;text-transform:uppercase;line-height:1.07;letter-spacing:0}.hero-content__offer strong{font-weight:800}.hero-content__code{background-color:var(--light-green);color:var(--foreground);padding:3.9rem}.hero-content__offer,.hero-content__code{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.hero-content__code p{font-size:2rem;margin:0;letter-spacing:0}.hero-content__code p>em>strong{font-size:6rem;color:var(--green);font-weight:800;text-transform:uppercase;line-height:1;font-style:normal}.hero-content__code p:nth-child(2){line-height:1.2}.hero-content__code p>strong{font-style:normal;font-weight:700;font-size:3.2rem}.hero-content__buy{align-self:flex-start}@media screen and (max-width: 1199px){.hero-content__code p>em>strong{font-size:5rem}.hero-content__code p>strong{font-size:3.2rem}.hero-content__offer p{font-size:4rem}.hero-content__titles .hero--title h1{font-size:5rem}.hero-content__titles .hero--subtitle h2,.hero-content__titles .hero--subtitle p{font-size:3rem}}@media screen and (max-width: 989px){.hero-content{grid-template-columns:1fr;padding-right:0}.hero-content__image{order:2}.hero-content__wrapper{padding:4rem 2rem;order:1;align-items:center}.hero-content__buy{align-self:center}}@media screen and (max-width: 749px){.hero-content__offers{grid-template-columns:1fr;max-width:80%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero-image-buy.css.map */
