.echo-banner-content-inner{padding:2rem 1.5rem}.echo-banner-content .block-item{margin-bottom:var(--margin-bottom-mobile)}.echo-banner-content .block-item>*:not(a){color:var(--color)}.echo-banner-content .block-item .custom,.echo-banner-content .block-item .text-custom{font-size:var(--custom-font-size-mobile)}.echo-hero-banner .button{font-family:Nunito Sans;width:100%;max-width:fit-content;display:flex;justify-content:center;font-weight:500;font-size:20px}.echo-hero-banner .button svg>path{stroke:rgb(var(--color-button-text))}.block-item.__text{width:87%}.echo-hero-banner .button:hover svg>path{stroke:rgb(var(--color-button-text-hover))}@media (min-width: 750px){.echo-hero-banner{position:relative;background:var(--background-bg);background-size:cover;background-position:center}.echo-banner-content-inner{padding:4rem}.echo-banner-content{max-width:55%}.echo-banner-content{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1}.echo-banner-content .block-item{margin-bottom:var(--margin-bottom-desktop)}.echo-banner-content .block-item .custom,.echo-banner-content .block-item .text-custom{font-size:var(--custom-font-size-desktop)}}.echo-hero-banner-slider{overflow:hidden}.echo-hero-banner-slider .desktop_media img{width:100%;height:100%;display:block;object-fit:cover}.echo-hero-banner-slider .swiper-pagination{width:max-content;border-radius:100px;margin:0 auto;left:0;right:0;bottom:35px;padding:0 2px}.echo-hero-banner-slider .swiper-pagination .swiper-pagination-bullet{width:12px!important;height:11px!important}.echo-hero-banner-slider .swiper-pagination .swiper-pagination-bullet-active{width:12px!important;height:11px!important;background:#121212!important;border:0!important;outline:none!important}.text-{font-family:Nunito Sans;font-size:24px}.echo-banner-content-inner{padding:0 100px}@media (max-width: 767px){.echo-hero-banner-slider .swiper-pagination{position:static;margin:-10px auto 20px}.text-{font-size:20px}.block-item.__text{width:100%}.echo-banner-content-inner{padding:0 15px 30px}.echo-banner-content-inner .block-item.__buttons{flex-direction:column}.echo-hero-banner .button{max-width:100%}}.block-item.__buttons{display:flex;gap:10px}.block-item.__buttons .button.button-second{background:transparent;color:#000}.block-item.__buttons .button.button-second:hover{color:#fff;background:#000}
/*# sourceMappingURL=/cdn/shop/t/23/assets/echo-hero-banner.css.map */