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

.swiper,
.swiper-wrapper {
  background: #000;
}

.swiper-slide {
  background: #000;
}

.swiper-slide {
  width: 100%;
  height: 100%;
}
.swiper-pagination {
  margin-bottom: 80px;
  display: flex;
  justify-content: center;
  gap: 12px;
}

.swiper-pagination-bullet {
  background: #888a87;
  width: 12px;
  height: 12px;
  opacity: 1;
  transform: scale(1.3); /* agak besar biar kelihatan */
  transition: all 0.3s ease;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: white;
  opacity: 1;
  transform: scale(1.4); /* agak besar biar kelihatan */
  transition: all 0.3s ease;
}