/* Container background and padding (optional, your existing styles are fine) */
.bg-primary.bg-opacity-10 {
  background-color: rgba(13, 110, 253, 0.1); /* Slight blue tint */
}

/* Swiper container */
.partner-swiper {
  position: relative;
  padding: 20px 0;
}

/* Swiper slides - center images nicely */
.partner-swiper .swiper-slide img {
  max-height: 60px;
  margin: auto;
  display: block;
  filter: grayscale(20%);
  transition: filter 0.3s ease;
}

.partner-swiper .swiper-slide:hover img {
  filter: grayscale(0%);
}

/* Navigation arrows */
.partner-swiper .swiper-button-prev,
.partner-swiper .swiper-button-next {
  color: #ff7396;                    /* Pink arrow color */
  background-color: rgba(255, 255, 255, 0.85);  /* White translucent bg */
  width: 44px;
  height: 44px;
  border-radius: 50%;               /* Circular buttons */
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease, color 0.3s ease;
  z-index: 10;
}

/* Hover effect on arrows */
.partner-swiper .swiper-button-prev:hover,
.partner-swiper .swiper-button-next:hover {
  background-color: #ff7396;
  color: #fff;
  cursor: pointer;
}

/* Position arrows a bit outside */
.partner-swiper .swiper-button-prev {
  left: -55px;
}

.partner-swiper .swiper-button-next {
  right: -55px;
}

/* Increase arrow icon size */
.partner-swiper .swiper-button-prev::after,
.partner-swiper .swiper-button-next::after {
  font-size: 22px;
  font-weight: 700;
}

/* Hide pagination dots as per your request */
.partner-swiper .swiper-pagination {
  display: none;
}