/* Tabs Component Styles */

.nav-tabs {
    border-bottom: 2px solid var(--tt-orange);
}

.nav-tabs .nav-link {
    color: var(--tt-dark);
    border: none;
    border-bottom: 3px solid transparent;
    font-weight: 500;
    transition: all var(--transition-normal);
}

.nav-tabs .nav-link:hover {
    color: var(--tt-orange);
    border-bottom-color: var(--tt-orange);
}

.nav-tabs .nav-link.active {
    color: var(--tt-orange);
    background-color: transparent;
    border-bottom-color: var(--tt-orange);
}

.tab-content {
    animation: fadeIn 0.3s ease-in;
}