.section-hero--banner{overflow:hidden;position:relative}.section__hero--banner .subheading_col{margin-bottom:15px}.hero__banner--flex{display:flex;padding:30px 0 0;gap:30px;justify-content:center;flex-wrap:wrap;align-items:flex-start}.hero__banner--flex .banner__text{padding:0;position:relative;z-index:2}.hero__banner--flex .banner__text .subheading_col{gap:10px}.hero__banner--flex .banner__text .subheading_col .subheading_line{margin-right:5px}.hero__banner--flex .banner__image .banner__media{max-width:350px;margin:0 auto;position:relative;padding:0 35px}.hero__banner--flex .banner__image .banner__media:before{position:absolute;left:0;right:0;padding-top:100%;content:"";background-color:#f1f2f2;opacity:.5;border-radius:100%;top:50%;transform:translateY(-50%);margin-top:8%}.hero__banner--flex .banner__image .banner__media img{display:block;height:auto;width:100%;position:relative;z-index:1}.banner__text h2{font-size:50px;line-height:.9;margin-bottom:15px;color:#1d2124}.banner__text .settings__rte{max-width:535px}.section-hero--banner .dots__banner{position:absolute;left:0;bottom:0;right:0;z-index:0;opacity:.6}.section-hero--banner .dots__banner img,.section-hero--banner .shape__banner img{width:100%}.section-hero--banner .shape__banner{position:absolute;left:0;bottom:0;right:0;z-index:1}.settings__rte p{margin:0;max-width:470px}@media(min-width:769px){.settings__rte h2 br{display:none}.hero__banner--flex .banner__text{padding:0}.hero__banner--flex .banner__image{align-self:flex-end}.banner__text h2{font-size:55px;margin-bottom:20px}.section__hero--banner .subheading_col{margin-bottom:30px}}@media(min-width:990px){.hero__banner--flex .banner__image .banner__media{margin-top:-40px}.hero__banner--flex .banner__image .banner__media{max-width:700px}.hero__banner--flex{padding-top:60px}.hero__banner--flex .banner__text{padding:0 0 80px;flex:0 0 50%}.hero__banner--flex .banner__image{flex:0 0 40%}}@media(min-width:1200px){.banner__text h2{font-size:70px}.section-hero--banner{margin-bottom:40px}}@media(min-width:1440px){.hero__banner--flex .banner__text,.hero__banner--flex .banner__image{flex:0 0 45%}}@media(max-width:768px){.hero__banner--flex{flex-direction:column;padding-top:15px}.hero__banner--flex .banner__image{width:100%}.banner__text .settings__rte{max-width:100%}.hero__banner--flex .banner__text .subheading_col .subheading_line{margin-right:0}.hero__banner--flex .banner__text{padding-bottom:15px}.hero__banner--flex{gap:0px}.banner__text h2{font-size:42px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-hero-banner.css.map */