.carousel-control-prev-icon{
    background-color: #000; /* Cambia el color del icono a negro */
    color: #000;
  }

.carousel-control-next-icon {
  background-color: #000; /* Cambia el color del icono a negro */
  color: #000;
}

.carousel-control-prev-icon:hover{
    background-color: #080808; /* Cambia el color del icono al pasar el ratón (hover) */
    color: #000;
  }
.carousel-control-next-icon:hover {
  background-color: #080808; /* Cambia el color del icono al pasar el ratón (hover) */
  color: #000;
}


.carousel-control-prev,
.carousel-control-next {
 
}

.carousel-control-prev:hover{
  background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente rojo al pasar el ratón (hover) */
  color: #000;
}
.carousel-control-next:hover {
  background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente rojo al pasar el ratón (hover) */
  color: #000;
}