/*
.carousel {
   position: relative;
}

.carousel-control-prev, .carousel-control-next {
   position: relative;
   top: 50%;
   transform: TranslateY(-50%);
}


.carousel-control-prev {
   right: auto;
   left: 200px;
}
.carousel-control-next {
   left: auto;
   right: 200px;
}
*/

.carousel-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*
.carousel-caption {
  position: absolute;
  bottom: 0px;  # Adjust based on your layout
  left: 0;
  right: 0;
  text-align: center;
  z-index: 10;
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;  #Ensure indicators don't overlap with captions *#
  left: 50%;
  z-index: 20;
  transform: translateX(-50%);
}
*/

.carousel-indicators {
  position: absolute;
  bottom: 30px;
  z-index: 20;
}


.table {
   --bs-table-bg: beige;
   
}