.hero-banner{position:relative;display:flex;align-items:stretch;overflow:hidden;background-color:var(--hero-bg-color);width:100%}.hero-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__bg-picture{display:block;width:100%;height:100%}.hero-banner__bg-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-overlay-color);opacity:var(--hero-overlay-opacity);pointer-events:none}.hero-banner__inner{position:relative;z-index:1;display:flex;width:100%;justify-content:space-around;gap:20px}.hero-banner__col{flex:1;display:flex;align-items:flex-end;justify-content:center;max-width:400px}.hero-banner__col--center{max-width:600px;width:100%;align-self:center;align-items:center;justify-content:center;text-align:center}.hero-banner__side-picture{display:block;width:100%;height:100%;padding-top:128%;position:relative}.hero-banner__side-img{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;display:block}.hero-banner__side-img--placeholder{width:100%;height:100%;opacity:.3}.hero-banner__content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0}.hero-banner__heading{margin:0;font-weight:var(--heading-font-weight-2);letter-spacing:0;text-transform:uppercase;color:var(--hero-text-color);color:var(--color-settings-text-thirdly)}.hero-banner__description{margin:0;color:var(--color-settings-text-thirdly);opacity:.8;line-height:1.6;font-weight:var(--font-body-weight-2)}.hero-banner__btn{margin-top:24px}.hero-banner__btn--primary{background-color:var(--hero-text-color);color:var(--hero-bg-color);border:2px solid var(--hero-text-color)}.hero-banner__btn--outline{background-color:transparent;color:var(--hero-text-color);border:2px solid var(--hero-text-color)}.hero-banner__btn--accent{background-color:#d4e44b;color:#1a2e1a;border:2px solid #d4e44b}.hero-banner.js-animate:not(.animated) .hero-banner__content>*{opacity:0;transform:translateY(20px)}@media screen and (max-width:1200px){.hero-banner .hero-banner__col{max-width:300px}}@media screen and (max-width:990px){.hero-banner .hero-banner__col--right{display:none}.hero-banner .hero-banner__col{max-width:250px}.hero-banner .hero-banner__col--center{max-width:100%}}@media screen and (max-width:767px){.hero-banner .hero-banner__content{gap:8px}.hero-banner .hero-banner__col{max-width:216px}.hero-banner .hero-banner__col--center{max-width:100%}.hero-banner__description{line-height:1.45}}@media screen and (max-width:576px){.hero-banner__inner{flex-direction:column-reverse}.hero-banner .hero-banner__col{width:100%;margin:0 auto}.hero-banner__content{padding:40px 0 20px}.hero-banner__heading{max-width:278px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bg-banner-with-text.css.map */