body{
  background-color: white;
}



.swiper {
  width: 100%;
  height: 70vh;
  max-height: 400px;
  min-height: 300px;
}


.swiper-slide {
  display: flex;               /* Center image */
  background: #000000;        /* Optional neutral background */
}


.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit:cover;           /* ✨ Key property */
  object-position: 50% 36%;     /* Center focus */
        
}

.swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.5);  /* semi-transparent white */
}

.swiper-pagination-bullet-active {
  background-color: #ffffff; /* pure white */
}