.swiper-test02 {
  position: relative;
  left: calc((100% - calc(192 * var(--rv))) / 2);
  width: calc(192 * var(--rv));
  overflow: visible;
}

.swiper-test02 .swiper-wrapper {
  display: flex;
}

.swiper-test02 .swiper-slide >div {
  left: calc(-4 * var(--rv));
}

.swiper-test02 .swiper-pagination {
  bottom: calc(-4.5 * var(--rv));
}

.swiper-test02 .swiper-pagination-bullet {
  background-color: #ffffff;
  opacity: 1;
  margin: 0 calc(0.6 * var(--rv))!important;
}

.swiper-test02 .swiper-pagination-bullet-active {
  background-color: #29a2d9;
}

@media (max-width: 750px) {
  .swiper-test02 {
    left: 0;
    width: 100%;
  }

  .swiper-test02 .swiper-slide {
    width: calc(31.2 * var(--rv))!important;
  }

  .swiper-test02 .swiper-slide >div {
    left: calc(-9 * var(--rv));
  }

  .swiper-test02 .swiper-pagination {
    bottom: calc(-5.4 * var(--rv));
  }

  .swiper-test02 .swiper-pagination-bullet {
    margin: 0 calc(0.8 * var(--rv))!important;
    width: calc(1 * var(--rv));
    height: calc(1 * var(--rv));
  }
}