.eis-slider {
  width: 100%;
  position: relative;
}

.eis-slider img {
  width: 100%;
  height: auto;
  display: block;
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  background: #7a437a !important;
  padding: 5px 5px;
  text-align: center !important;
}

.swiper-pagination-bullet {
  background: #7a437a;
}


/* Ensure slides do not have enforced heights and images are block-level */
.eis-slider,
.eis-slider .swiper-wrapper,
.eis-slider .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
}

.eis-slider .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  object-fit: contain; /* do not crop */
}

/* If Elementor or theme added flex/align rules that create gaps, this helps */
.eis-slider .swiper-slide {
  display: block !important;
}

/* === Custom pagination dots color === */
.eis-slider .swiper-pagination-bullet {
  background-color: #7a437a !important;
  opacity: 0.6;
  transition: all 0.3s ease;
}

.eis-slider .swiper-pagination-bullet-active {
  background-color: #7a437a !important;
  opacity: 1;
  transform: scale(1.2);
}