header .navbar{
    --bulma-navbar-burger-color: white;
}

@media screen and (max-width: 1024px) {
    .navbar-menu.is-active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 1); /* Dark background */
        z-index: 9998;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        overflow-y: auto;
        padding-top: 50px; /* Space for burger icon */
    }

    .navbar-start, .navbar-end {
        flex-direction: column;
        text-align: center;
        width: 100%;
    }

    .navbar-item {
        margin: 20px 0;
        font-size: 1.5rem;
        color: #fff;
    }

    .navbar .navbar-dropdown {
        border-radius: 0.25rem; /* Rounded corners */
        background-color: rgba(255, 255, 255, 0.1) !important; /* Dark background to match the menu */
    }

    .navbar .navbar-dropdown .navbar-item {
        font-size: 1.2rem;
        background-color: transparent !important; /* Transparent background */
        color: #fff !important; /* Text color stays white */
        font-weight: 400; /* Standard weight for items */
        margin: 5px 0;
    }

    .navbar-end {
        margin-top: 100px;
    }
}