.swiper {
  overflow: hidden;
  max-width: 1800px;
  margin: 0 auto;
  position: relative;
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-wrapper {
  display: flex;
}
.swiper-slide {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  z-index: 5;
  cursor: pointer;
}
.swiper-button-prev {
  left: 0%;
}
.swiper-button-next {
  right: 0%;
}
.swiper-pagination {
  /* z-index: 10; */
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  background: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin: 0 4px;
  border-radius: 50%;
  background: var(--color-black, #000);
  opacity: 0.2;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--color-violet-700, #000);
}