@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');

.ds-video-slider {
  font-family: 'Tenor Sans', sans-serif;
}

.ds-video-slider * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.ds-video-slider .container-slider {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.ds-video-slider .reviews-slider {
  position: relative;
  padding: 0 70px 50px;
}

.ds-video-slider .swiper {
  overflow: hidden;
  padding: 0;
}

.ds-video-slider .swiper-wrapper {
  align-items: center;
}

.ds-video-slider .swiper-slide {
  width: 260px;
  transition: 0.45s ease;
  display: flex;
  justify-content: center;
}

.ds-video-slider .media-card {
  width: 100%;
  aspect-ratio: 9 / 16;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #000;
  transition: 0.45s ease;
  opacity: 0.45;
  transform: scale(0.82);
}

.ds-video-slider .swiper-slide-active .media-card {
  opacity: 1;
  transform: scale(1);
}

.ds-video-slider .media-card video,
.ds-video-slider .media-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ds-video-slider .swiper-button-prev,
.ds-video-slider .swiper-button-next {
  width: 52px;
  height: 52px;
  color: #000;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
}

.ds-video-slider .swiper-button-prev:after,
.ds-video-slider .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 35px;
  font-weight: 700;
}

.ds-video-slider .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #000;
  opacity: 0.25;
}

.ds-video-slider .swiper-pagination-bullet-active {
  opacity: 1;
}

.dsvs-pagination-fraction {
  display: none;
}

@media (max-width: 768px) {
  .ds-video-slider .reviews-slider {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .ds-video-slider .swiper-pagination {
    display: none;
  }

  .dsvs-pagination-fraction {
    display: block;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1;
    color: #000;
  }

  .ds-video-slider .swiper-slide {
    width: 300px;
  }

  .ds-video-slider .swiper-slide-active {
    z-index: 3;
  }

  .ds-video-slider .swiper-slide-prev,
  .ds-video-slider .swiper-slide-next {
    z-index: 2;
  }

  .ds-video-slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) {
    opacity: 0;
  }

  .ds-video-slider .swiper-slide-prev .media-card {
    transform: translateX(35px) scale(0.78);
  }

  .ds-video-slider .swiper-slide-next .media-card {
    transform: translateX(-35px) scale(0.78);
  }

  .ds-video-slider .swiper-slide-active .media-card {
    transform: scale(1);
  }

  .ds-video-slider .swiper-button-prev {
    left: -25px;
  }

  .ds-video-slider .swiper-button-next {
    right: -25px;
  }

  .ds-video-slider .swiper-button-prev:after,
  .ds-video-slider .swiper-button-next:after {
    font-size: 22px;
  }
}