/* Slick Dots Custom Styling */
.slick-dots {
  position: absolute;
  top: -65px; /* Adjust position above the slider */
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px; /* Spacing between dots */
}

.slick-dots li button {
  font-size: 0; /* Hide default number inside button */
  width: 8px; /* Default size for inactive dots */
  height: 8px;
  background-color: white; /* Inactive dots in white */
  border-radius: 50%; /* Make them circular */
  border: 2px solid white; /* Border to keep visibility */
  transition: all 0.3s ease-in-out;
}

/* Active Dot */
.slick-dots li.slick-active button {
  width: 12px; /* Make active dot larger */
  height: 12px;
  background-color: #16c2d5; /* Active dot in blue */
  border: 2px solid #16c2d5; /* Maintain blue border */
  transform: scale(1.2); /* Slight scaling effect */
}

.swiper-3d .swiper-slide-shadow {
  display: none !important;
}

.sample-slider .swiper-slide {
  /* added */
  border-radius: 20px; /* added */
} /* added */
.sample-slider img {
  /* width: 100%; */
  vertical-align: bottom; /* added */
}