.navbar {
    background-color: var(--light-blue) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    max-height: 60px;
    overflow: hidden;
}

.navbar > .container-fluid {
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 100%;
}

.navbar-brand {
    color: var(--teal-green) !important;
    font-weight: bold;
    margin-right: 20px;
}

.navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nav-link {
    color: var(--teal-green);
    margin: 0 10px;
    text-decoration: none;
    transition: color 0.3s ease;
}

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