body{
  background-color: #181818;
}
.carousel-caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  text-align: left;
}
  .custom-btn {
    width: 200px;
  }
  #product-slider .carousel-item {
  height: 500px; /* set the fixed height for the slider */
}

#product-slider .carousel-item img {
  height: 100%; /* make the images fit within the fixed height */
  object-fit: cover; /* cover the container with the image */
}

#product-slider .carousel-item video {
  height: 100%; /* make the videos fit within the fixed height */
  object-fit: cover; /* cover the container with the video */
}
#slider-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 5px;
  background-color: #007bff;
  transition: width 0.5s ease-in-out;
}