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

.swiper-slide {
  background: #131425;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
}
@font-face {
  font-family: Zona Pro;
  src: url(./static/font/ZONAPRO-BLACK.OTF);
}
.swiper-pagination-bullets {
  bottom: 51px !important;
  top: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mySwiper {
  position: relative;
  .swiper-pagination {
    .swiper-pagination-bullet {
      width: 3px;
      height: 3px;
      background: #646a73;
      border-radius: 50%;
    }
    .swiper-pagination-bullet-active {
      background-color: #01f4f6;
      width: 3px;
      height: 3px;
      border-radius: 50%;
    }
  }
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 0;
  display: none;
}
.swiper-button-prev {
  left: 18px !important;
}
.swiper-button-next {
  right: 18px !important;
}