/* Custom Slider css */

.carousel-indicators button.thumbnail {
    width: 200px;
  }
  .carousel-indicators button.thumbnail:not(.active) {
    opacity: 0.7;
  }
  .carousel-indicators {
    position: static;
  }
  @media screen and (min-width: 992px) {
    .carousel {
      max-width: 100%;
      margin: 0 auto;
  }
  }

  .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-indicators button.thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Optional: Adjust the height of the carousel container */
#carouselExampleIndicators {
    height: 500px; /* Set to desired height */
}