/* Customize pagination bullets */
.swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background-color: rgb(0, 0, 0);
  opacity: 0.4;
}

/* Change the color of the active bullet */
.swiper-pagination-bullet-active {
  background-color: rgb(0, 0, 0);
  opacity: 1;
  width: 22px;
  border-radius: 9999px;
}
.banner-img {
  height: auto;
}
@media only screen and (max-width: 900px) {
  .banner-img {
    height: 100%;
  }
}