.elementor-menu-container {
    position: relative; /* Para posicionamento absoluto do menu */
    display: inline-block; /* Permite que o menu seja alinhado */
}

.menu-toggle {
    background-color: #0073aa; /* Cor do botão */
    color: white; /* Cor do texto */
    padding: 10px 15px; /* Padding do botão */
    cursor: pointer; /* Cursor de pointer */
    border: none; /* Remove borda */
    border-radius: 5px; /* Bordas arredondadas */
    transition: background-color 0.3s; /* Transição suave */
}

.menu-toggle:hover {
    background-color: #005177; /* Cor ao passar o mouse */
}

.scrolling-menu {
    display: none; /* Oculta o menu inicialmente */
    position: absolute; /* Para sobrepor ao conteúdo */
    background-color: white; /* Cor de fundo do menu */
    border: 1px solid #ddd; /* Borda */
    max-height: 300px; /* Altura máxima */
    overflow-y: auto; /* Permite rolagem vertical */
    z-index: 1000; /* Garante que o menu fique acima de outros elementos */
}

.elementor-menu-container:hover .scrolling-menu {
    display: block; /* Exibe o menu ao passar o mouse sobre o container */
}

.scrolling-menu ul {
    list-style-type: none; /* Remove marcadores */
    padding: 0; /* Remove preenchimento */
    margin: 0; /* Remove margens */
}

.scrolling-menu li {
    margin: 5px 0; /* Margem entre itens */
}

.scrolling-menu a {
    text-decoration: none; /* Remove sublinhado */
    color: #0073aa; /* Cor do link */
    display: block; /* Faz o link ocupar toda a largura do item */
    padding: 10px; /* Espaçamento interno dos links */
}

.scrolling-menu a:hover {
    background-color: #f0f0f0; /* Cor de fundo ao passar o mouse */
    color: #005177; /* Cor do link ao passar o mouse */
}