/* Swiper Configuration Styles */
.swiper {
  padding: 20px 0;
}

.swiper-wrapper {
  margin-bottom: 40px;
}

.swiper-pagination {
  position: relative;
  bottom: 0;
}

.swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 1;
  width: 10px;
  height: 10px;
}

.swiper-pagination-bullet-active {
  background-color: #ffffff;
  width: 12px;
  height: 12px;
}

@media (min-width: 1200px) {
  .swiper-slide {
    opacity: 0.6;
    transition: opacity 0.3s ease;
  }
  
  .swiper-slide-active,
  .swiper-slide-duplicate-active {
    opacity: 1;
  }
}