.elementor-3773 .elementor-element.elementor-element-e17d656{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-0e29364 *//* 1. Mudar a cor de fundo (background) e a borda do botão principal do Dropdown */
.fluidity-dropdown-btn, 
.fluidity-dropdown-toggle {
    background-color:#3498db!important; /* Cor de fundo desejada */
    color: #008000 !important;            /* Cor do texto do botão */
    border: 1px solid #2980b9 !important; /* Cor da borda */
}

/* 2. Efeito ao passar o mouse (Hover) no botão principal */
.fluidity-dropdown-btn:hover, 
.fluidity-dropdown-toggle:hover {
    background-color: #008000 !important;
    color: #ffffff !important;
}

/* 3. Mudar a cor de fundo e do texto dos itens dentro do menu */
.fluidity-dropdown-menu a, 
.fluidity-dropdown-item {
    background-color:#008000 !important; /* Cor de fundo dos itens */
    color: #333333 !important;            /* Cor do texto dos itens */
}

/* 4. Efeito ao passar o mouse nos itens do menu dropdown */
.fluidity-dropdown-menu a:hover,
.fluidity-dropdown-item:hover {
    background-color:#f1f1f1 !important;
    color: #000000!important;
}/* End custom CSS */