button,
a {
  cursor: pointer;
  transition: all .3s;
}
button:hover{
  opacity: 0.8;
}
a:hover{
  opacity: 0.8;
}

.swiper {
  width: 100%;
  padding-bottom: 70px !important;
}

.swiper-slide {
  position: relative;
  width: 360px !important;
  height: 400px !important;
  max-height: 400px !important;
  aspect-ratio: 3/4;
  border-radius: 14px;
}
.swiper-slide video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  user-select: none;
}

@media (max-width: 1100px) {
  .swiper-slide {
    width: 300px !important;
    height: auto !important;
  }
}

@media (max-width: 900px) {
  .swiper-slide {
    width: 250px !important;
  }
  .swiper {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 700px) {
  .swiper-slide {
    width: 230px !important;
  }
  .swiper {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 610px) {
  .swiper-slide {
    width: 200px !important;
  }
  .swiper {
    padding-bottom: 20px !important;
  }
}