.hero-with-video video{width:100%}.hero__info p{max-width:35rem;font-size:1.6rem}.template-index .hero-slider-section{padding:0;overflow:hidden}.template-index main.content-for-layout{margin-top:0}.template-index .hero-slider-section{height:90vh;position:relative;--main-color: white;color:var(--main-color)}.template-index .hero-slider-section .container{height:100%}.template-index .hero-slider-section img,.template-index .hero-slider-section video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.template-index .hero-slider-section .hero__info{position:absolute;bottom:4.8rem;left:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem}.template-index .hero-slider-section .hero__info .main-button:hover{color:#000}.template-index .hero-slider-section .swiper-hero{width:100%;height:100%}.template-index .hero-slider-section .swiper-wrapper{display:flex;width:100%;height:100%}.template-index .hero-slider-section .swiper-slide{width:100%;height:100%;flex:none}.swiper-hero-pagination-wrap{position:absolute;bottom:4rem;right:1.5rem;z-index:1;display:flex;gap:1.5rem;align-items:end}.swiper-hero-pagination{position:relative;display:flex;align-items:center;justify-content:end;gap:.75rem;top:0!important;right:0!important;bottom:0!important;left:0!important}.swiper-hero-pagination-bullet{display:block;position:relative;width:5rem;height:.25rem;border-radius:0;opacity:1;background-color:transparent}.swiper-hero-pagination-bullet i{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;background-color:#65656580;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.swiper-hero-pagination-bullet b{position:absolute;bottom:0;left:0;z-index:2;width:0%;height:100%;background-color:#fff;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.swiper-hero-pagination-bullet.swiper-pagination-bullet-active{background-color:transparent}.swiper-hero-pagination-bullet.swiper-pagination-bullet-active b{animation-name:countingBar;animation-duration:5s;animation-timing-function:ease-in;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}@keyframes countingBar{0%{width:0}to{width:100%}}.swiper-hero-pause{display:none;cursor:pointer}@media screen and (max-width: 767px){.swiper-hero-pagination-wrap{bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/hero-slider.css.map */