* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1030;
}
body {
    font-family: Arial, sans-serif;
}
.navbar {
    background-color: #2e7d32;
}

    .navbar .nav-link,
    .navbar .dropdown-toggle,
    .navbar .dropdown-item {
        color: #fff !important;
    }
nav.navbar {
}

    nav.navbar ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        nav.navbar ul li {
            position: relative;
        }

            nav.navbar ul li a {
                display: block;
                padding: 14px 20px;
                color: #fff;
                text-decoration: none;
                font-weight: 500;
                transition: background 0.3s ease;
                white-space: nowrap;
            }

                nav.navbar ul li a:hover {
                    background-color: #1b5e20;
                }

            nav.navbar ul li ul {
                position: absolute;
                top: 100%;
                left: 0;
                background-color: #388e3c;
                display: none;
                min-width: 220px;
                z-index: 1000;
            }

            nav.navbar ul li:hover > ul {
                display: block;
            }

            nav.navbar ul li ul li {
                width: 100%;
            }

                nav.navbar ul li ul li a {
                    padding: 10px 15px;
                }

/* Responsive */
@media (max-width: 768px) {
    nav.navbar ul {
        flex-direction: column;
        align-items: flex-start;
    }

        nav.navbar ul li {
            width: 100%;
        }

            nav.navbar ul li ul {
                position: static;
                width: 100%;
            }
}