.hero-slider {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.hero-slider .swiper-wrapper {
  align-items: flex-start;
}
.hero-slider .hero-slide {
  height: auto;
  position: relative;
}
.hero-slide--video {
  aspect-ratio: 5 / 3;
  background: #4c1421;
}
.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.hero-slider .swiper-pagination.hero-slider__pagination {
  display: flex;
  justify-content: center;
  bottom: 15px;
  z-index: 10;
}
.hero-slider .swiper-pagination.hero-slider__pagination .swiper-pagination-bullet {
  background: rgb(255, 255, 255);
  opacity: 0.7;
}
.hero-slider .swiper-pagination.hero-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
  width: 30px;
  height: 10px;
  border-radius: 500px;
  opacity: 1;
}
@media (min-width: 769px) {
  .hero-slide--video {
    max-height: calc(100vh - 110px);
  }
}
@media (max-width: 768px) {
  .hero-slider {
    border-radius: 10px;
  }
  .hero-slider .swiper-wrapper .hero-slide--video {
    aspect-ratio: auto;
    height: 650px;
  }
  .hero-slider .hero-section__container {
    height: 650px;
  }
  .hero-video {
    object-fit: cover;
  }
}