.nav-tabs {
    border-bottom: solid 1px var(--primary);
    
}

.nav-tabs .nav-item {
    /* background: var(--secondary); */
    border-radius: 0;
    margin-right: 1rem;
    color: var(--primary);
    padding: 1rem 1rem;
    border: solid 0px var(--primary);
    flex: 1;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
}

.nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.nav-tabs .nav-item.active,.nav-tabs .nav-item:hover {
    background: radial-gradient(circle, rgba(250, 113, 7, 1) 0%, rgba(189, 46, 5, 1) 100%);
    color: var(--white);
    border-bottom: solid 1px var(--primary);
}