.carousel {
  position: relative;
  padding-bottom: 60px; 
}

.carousel-indicators {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  margin: 0;
}

.carousel-indicators [data-bs-target] {
  background-color: #000;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 5px;
}

.carousel-control-prev,
.carousel-control-next {
  width: auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #333;
  border-radius: 50%;
  padding: 10px;
  background-size: 60% 60%;
}

.carousel-control-prev {
  left: -50px;
}

.carousel-control-next {
  right: -50px; 
}
@media (max-width: 768px){
.carousel-control-prev-icon,
.carousel-control-next-icon{
  display: none;
}
}