.navbar {
    background: var(--background-colorB);
    border-bottom: 3px solid var(--secondary-color);
}

.nav-item a {
    font-size: 24px;
}

.navbar-nav .nav-link {
    color: var(--secondary-color); /* Default color */
}

.navbar-nav .nav-item.active .nav-link {
    color: var(--accent-color); /* Color when active */
}

.nav-link:hover {
    color: var(--accent-color);
}

.nav-link:hover{
    color: var(--primary-color); /* Color on hover */
}

@media (max-width: 991.98px) { /* Adjust this value based on your needs */
    .mobile-fixed-top {
        position: fixed;
        top: 0;
        right: 0;

        left: 0;
        z-index: 1030; /* Keep navbar on top */
    }
}

/* Custom nav styles if needed */