.sub-menu {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(1, 1, 1, 0.2);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: opacity 0.3s ease-in-out, transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.sub-menu.show {
    display: block; /* Mostrar el submenú cuando tiene la clase 'show' */
    opacity: 1;
    transform: scaleY(1);
}

.sub-menu li {
    padding-bottom: 8px;
}

.rd-nav-item:hover .sub-menu {
    display: block; /* Mostrar el submenú cuando el elemento padre está en estado hover */
}

.footer-social-list-2 li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; /* Tamaño del fondo */
    height: 30px; /* Tamaño del fondo */
    border-radius: 50%; /* Forma circular */
    font-size: 20px; /* Tamaño del ícono */
    color: white; /* Color del ícono */
    transition: background-color 0.3s; /* Transición para el cambio de color de fondo */
}
.footer-social-list-2 li a.facebook:hover {
    background-color: rgb(24, 118, 242); /* Azul para Facebook */
    color: white; /* Color del ícono */
}
.footer-social-list-2 li a.instagram:hover {
    background-color: rgb(188, 42, 142); /* Morado para Instagram */
    color: white; /* Color del ícono */
}