.inverter:hover img {
    filter: invert(100%);
}
.inverter:hover span {
    filter: invert(100%);
}
#overlay {
    backdrop-filter: blur(5px);
}
@media (max-width: 640px) {
    .mobile-menu {
        width: 100%; /* Ajuste a largura conforme necessário */
        height: 100vh; /* Ajuste a altura conforme necessário */
    }

    /* Ajuste outros estilos conforme necessário */
}

.icone-sub-menu:hover img {
    filter: brightness(10000000%);
    opacity: 1;
}
.icone-sub-menu:hover span.text-black {
    filter: invert(100%);
}




.custom-list li {
    position: relative;
    padding-left: 1rem; /* Ajuste o espaçamento à esquerda conforme necessário */
    margin-bottom: 0.3rem; /* Ajuste o espaçamento vertical conforme necessário */
}

.custom-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    font-size: 1.4rem;
    color: #333;
    line-height: 1; /* Ajuda a ajustar o alinhamento vertical */
}