:root {
    --tab-primary: #385696;
    --tab-secondary: #0092c8;
    --tab-tertiary: #c3cfe2;
}

.ui-tabs {
    margin-top: 1em;
    padding: 0 !important;
    border: 1px solid var(--tab-secondary) !important;
}

.ui-tabs-nav {
    display: flex;
    align-items: end;
    justify-content: center;
    flex-wrap: wrap;
    background: var(--tab-tertiary);
    padding: 0 !important;
}

.ui-tabs-tab {
    margin: 0.4em 0.15em 0 0.15em !important;
    padding: 0 !important;
}

.ui-tabs-tab i {
    margin-right: 0.2em;
}

.ui-tabs-active {
    border: 0.2em solid var(--tab-primary) !important;
    background: var(--tab-primary) !important;
}

.ui-tabs-panel {
    padding: 0.2em !important;
}

@media (max-width: 1100px) {
    .ui-tabs-nav {
        padding-bottom: 0.4em !important;
        align-items: center;
    }

    .ui-tabs-tab {
        margin: 0.4em 0.2em 0 0.2em !important;
        border: 1px solid #c5c5c5 !important;
        border-radius: 0.4em;
    }
}