.section-hero__banner-wrap.hero__banner--first{margin-top:calc(-1 * var(--header-height, 110px))}.hero_banner--media img{display:block;width:100%;height:auto}.section-hero__banner-content .banner__heading{margin-bottom:10px;font-family:var(--font-heading-family);font-size:4rem;line-height:1.4;letter-spacing:0}.section-hero__banner-image-overlay{display:block;position:relative;z-index:2;width:100%}.section-hero__banner-image-overlay.hero__banner-image-overlay-top{margin-bottom:-45px}.section-hero__banner-image-overlay.hero__banner-image-overlay-bottom{margin-top:-45px;transform:rotate(180deg)}.section-hero__banner-contnet-wrapper{overflow:visible}.section-hero__banner-content-inner.swiper-slide.swiper-slide-active{opacity:1!important}.section-hero__banner-content-inner.swiper-slide{opacity:0!important;position:relative}.section-hero__banner-content{width:40%;position:absolute;top:-20%;left:50%;transform:translate(-50%);text-align:center;z-index:3}@media screen and (max-width:1024px)and (min-width:750px){.section-hero__banner-content{width:70%;top:-50%}}.section-hero__banner-badge{width:150px;height:150px;border-radius:50%;background:rgba(var(--color-button));position:absolute;border:10px solid rgb(var(--color-button-text));top:-80px;z-index:4;right:100px}@media screen and (max-width:1024px)and (min-width:750px){.section-hero__banner-badge{top:-50px;width:100px;height:100px}}.section-hero__banner-badge .text-path-svg{animation:spin 10s linear infinite}.section-hero__banner-badge .icon.icon-sparkles{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media screen and (min-width:750px){.section-hero__banner-button .button{font-size:18px;gap:8px}}@media screen and (max-width:749px){.section-hero__banner-content{width:80%}.section-hero__banner-badge .icon.icon-sparkles{width:35px;height:35px}.section-hero__banner-badge{width:80px;height:80px;border:4px solid rgb(var(--color-button-text));top:20px}.section-hero__banner-content .banner__heading{font-size:2.2rem}.section-hero__banner-content{top:-5%}.section-hero__banner-image-overlay{height:45px}}@media screen and (max-width:580px){.section-hero__banner-content{top:-12%}.section-hero__banner-badge{top:20%;right:5%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-banner.css.map */