@media (min-width: 1401px) {
  .swiper {
    min-width: 192px;
    max-width: 480px;
    width: 80vw;
    height: 640px;
    border-radius: 20px;
    overflow: hidden;
    border-style: solid;
    border-width: 0px;
    box-shadow: 0px 0px 20px 0px var(--bs-border-color-translucent);
    min-height: 256px;
    max-height: 640px;
  }
}

.swiper-button-next, .swiper-button-prev {
  color: var(--bs-primary);
}

@media (max-width: 1400px) {
  .swiper {
    min-width: 192px;
    max-width: 350px;
    width: 80vw;
    height: 100vh;
    border-radius: 20px;
    overflow: hidden;
    border-style: solid;
    border-width: 0px;
    box-shadow: 0px 0px 20px 0px var(--bs-border-color-translucent);
    min-height: 256px;
    max-height: 450px;
  }
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next {
  background-image: url("../../assets/img/chevron-forward-outline.svg");
  background-size: 75px;
}

.swiper-button-prev {
  background-image: url("../../assets/img/chevron-back-outline.svg");
  background-size: 75px;
}