.nav-active {
    color: #20b2aa !important;
    border-bottom: 2px solid #20b2aa !important;
    font-weight: 500;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #20b2aa;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.3s;
}

/* Dropdown menu item active state */
.dropdown-item.active {
    color: #20b2aa !important;
    background-color: rgba(32, 178, 170, 0.1);
}

/* Mobile navigation styles */
@media (max-width: 1023px) {
    .mobile-nav .nav-active {
        color: #20b2aa;
        border-left: 3px solid #20b2aa;
        background-color: rgba(32, 178, 170, 0.1);
        padding-left: 12px;
    }
}