.custom-footer {
    background-color: #005722;
}

.h4 {
    color: #fff !important;
    font-weight: bold;
}

.facebook-icon {
    color: #fff;
}

.text-contact {
    color: #fff;
}

.text-socialmedia {
    color: #fff;
}

.text-nevegation {
    color: #fff;
}

.custom-link {
    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
    
}

.footer-input {
    border-radius: 5px;
    background: #F5F5F5;
    border: none;
    display: inline-flex;
    padding: 9px 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 42px;
    padding-right: 2.5rem;

}

div#is-relative {
    max-width: 420px;
    position: relative;
}

#icon {
    position: absolute;
    display: block;
    bottom: .5rem;
    right: 1rem;

    user-select: none;
    cursor: pointer;
}

.text-nevegation li {
    margin-bottom: 15px;
}

.text-social{
    margin-bottom: 15px;
}

.footer-navigation {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-navigation li {
    margin: 0 10px;
}

/* Estilos para los enlaces del footer */
.custom-link {
    text-decoration: none;
    color: #fff; /* Color blanco por defecto */
    font-size: 18px;
    border-bottom: 2px solid transparent; /* Agregamos un borde inferior transparente */
}

.custom-link:hover,
.custom-link:focus {
    text-decoration: underline;
    border-bottom: 1px solid #fff; /* Mostramos un borde inferior al seleccionar el enlace o al pasar el cursor sobre él */
}