.banner-carousel .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgb(109, 109, 109);
  border-radius: 9999px;
  transition: all 0.3s ease-in-out;
  margin: 0 4px;
}

.banner-carousel .swiper-pagination-bullet-active {
  width: 2rem;
  background-color: #000;
}

.banner-carousel .swiper-button-next,
.banner-carousel .swiper-button-prev {
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #000;
  border-radius: 0.5rem;
  width: 40px;
  height: 40px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.banner-carousel .swiper-button-next::after,
.banner-carousel .swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: 20px;
  color: #fff;
}