.navbar{
    transition: all 0.5s;
}
.navbar .dropdown-item{
    color: var(--qm);
}
.navbar .nav-link{
    color: white;
    font-size: large;
}
.navbar-scrolled{
    background-color: var(--qm);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Prevents the gap between nav item and dropdown */
}
.dropdown-item:hover{
    background-color: var(--qm);
    color: white;
}