/* Oculta los íconos SVG originales de Bootstrap */
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-image: none;
}

.carousel-control-prev {
    display: block;
    background-color: #336699;
    opacity: 95%;
    border-radius: 50px;
    margin-top: 35%;
    margin-left: 20px;
    height: 45px;
    width: 45px;
 }

.carousel-control-next {
    display: block;
    background-color: #336699;
    opacity: 95%;
    border-radius: 50px;
    margin-right: 20px;
    margin-top: 35%;     
    height: 45px;
    width: 45px;
 }

.carousel-control-next-icon::after {
    display: block;
    content: '>'; /* Ensure the content is still the arrow */
    font-size: 40px; /* Adjust size if needed */
    color: white; /* Set your desired color */
    margin-top: -15px;
    height: 10px;
 }
 .carousel-control-prev-icon::after {
    display: block;
    content: '<'; /* Ensure the content is still the arrow */
    font-size: 40px; /* Adjust size if needed */
    color: white; /* Set your desired color */
    margin-top: -15px;
    height: 10px;
 }


@media screen and (max-width: 768px) {
    
    /*
    .boton_whatsapp{
        left: 70%;
        position: sticky;
        top: 50%;
        background-color: green;
        width: 80px;
        height: 80px;
        border-radius: 50px;
        z-index: 10;
    }
        */

}