.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}

.slide-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 40%;
}
.swiper-button-next{
  right: 50px;
}
.swiper-button-prev{
  left: 50px;
}
.swiper-button-next:after{
  display: none;
}
.swiper-button-prev:after{
  display: none;
}
.swiper-pagination-bullet-active{
  background-color: var(--color-primary);
}

@media (max-width: 500px) {
  .slide-img {
    padding-bottom: 60%;
  }

}