.tabs-wrapper {
    position: relative;
    height: 60px;
}

.tabs-bar {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    gap: 0.5rem;
}

.tabs-bar a {
    background-color: white;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    cursor: pointer;
}

.tabs-bar a:hover:not(.active) {
    background-color: #f3f4f6 !important;
}

.tabs-bar a.active {
    background-color: var(--blue-600) !important;
    color: white !important;
    border-color: #1e40af !important;
}