/* Estilos para dispositivos móviles */
@media (max-width: 768px) {
    #available-services h1 {
        margin-top: 50px; /* Ajusta este valor según sea necesario para dispositivos móviles */
    }

    .carousel-inner,
    .carousel-item {
        height: auto; /* Ajusta este valor según lo que necesites para dispositivos móviles */
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
}