/* Basic styling for the slider container */
.silk-slider {
  position: relative;
  width: 100%;
  max-width: 800px; /* optional: limit max width */
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  transition: transform 0.5s ease;
}
.slick-dots li.slick-active button::before {
  color: #0190db !important;
}
/* Each slide: take full width of the slider track */
.silk-slider > div {
  flex: 0 0 100%;
  width: 100%;
}

/* Make images responsive */
.silk-slider img {
  max-width: 165px;
  height: 165px;
  display: block;
  object-fit: contain;
  margin: 0 auto 25px auto;
}
/* Slick dots container */
.slick-dots {
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: auto;
  z-index: 9999; /* ensure dots are above nearby elements */
}
/* Each dot */
.slick-dots li button:before {
  font-size: 10px;       /* slightly larger dots */
  color: #888;          /* inactive color */
  opacity: 1;
}

/* Active dot */
.slick-dots li.slick-active button:before {
  color: #0190db !important;          /* active color */
}

.slick-dotted.slick-slider {
  margin-bottom: 10px;
}