.hero-carousel-section{position:relative;width:100%;overflow:hidden;background:#000}.hero-carousel-container{position:relative;width:100%;height:600px}.overlay{width:100%;height:auto;position:absolute;top:0;right:0;bottom:0;left:0;opacity:1!important;background:linear-gradient(to right,#000000c7,#02070c00)!important;pointer-events:none;z-index:1;display:block!important}@media (max-width: 768px){.hero-carousel-container{height:500px}.banner__buttons{display:flex;justify-content:center}.hero-text-wrapper{max-width:100%}p.sub__title.desktop-title{width:100%}}@media (max-width: 480px){.hero-carousel-container{height:400px}}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease-in-out;display:flex;align-items:center}.hero-slide.active{opacity:1;visibility:visible}.hero-slide-image,.hero-slide-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-slide-content{position:relative;z-index:2;width:100%;max-width:1380px;margin:0 auto;padding:0 60px;display:flex;align-items:center}@media (max-width: 768px){.hero-slide-content{padding:0 30px}}.hero-text-wrapper{max-width:58.5rem}.hero-navigation{position:absolute;bottom:40px;right:60px;z-index:10;display:flex;gap:15px;align-items:center}@media (max-width: 768px){.hero-navigation{bottom:20px;left:50%;transform:translate(-50%);right:unset;gap:10px}}.nav-dots{display:flex;gap:12px}.nav-dot{position:relative;width:45px;height:45px;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.nav-dot{width:30px;height:30px}.nav-dot-number{font-size:12px!important}.nav-dots{gap:8px}}.nav-dot-bg{position:absolute;width:100%;height:100%;border:2px solid rgba(255,255,255,.25);border-radius:50%;background:#ffffff0d;transition:all .3s ease}.nav-dot.active .nav-dot-bg{border-color:#fff9;background:#ffffff1f}.nav-dot-progress{position:absolute;width:100%;height:100%;border-radius:50%}.nav-dot-progress .progress{opacity:0;transition:opacity .3s ease}.nav-dot.active .nav-dot-progress .progress{opacity:1}.nav-dot-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.nav-dot-progress .base{fill:none;stroke:#ffffff9a;stroke-width:3;stroke-linecap:round}.nav-dot-progress .progress{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:138;stroke-dashoffset:138;transition:stroke-dashoffset .3s linear}.nav-dot-number{position:relative;z-index:2;color:#ffffffb3;font-weight:600;font-size:15px}.nav-dot.active .nav-dot-number{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/64/assets/hero-carousel.css.map */