.menu-item .menu-link {
    color: #fff; /* Adjust to improve contrast */
    padding: 15px; /* Adjust spacing and padding */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}

    .menu-item .menu-link:hover, .menu-item .menu-link:focus {
        background-color: #1e1e2d; /* Adjust the color for hover state */
        color: #ffffff; /* Text color on hover */        
    }

.menu-sub .menu-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Add separators */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}
    .menu-sub .menu-link:hover {
        background-color: #034327 !important; /* Adjust the color for hover state */
        color: #fff !important; /* Text color on hover */
        font-weight:bold;
    }

    .menu-sub .menu-link:last-child {
        border-bottom: none; /* Remove bottom border for the last item */
    }

.menu-title {
    font-size: 15px; /* Increase font size */
    font-weight: 500; /* Increase font weight */
}