:root {
    --pdd: 15px;
    --primary-color: #1D83D7;
    --bg-color: #ebf1fb;
    --border-color: #E0E5ED;
    --medium: 18px;
    --gray3: #828282;
    --gray5: #E0E5ED;
    --font-size-display: 36px;
    --font-size-h1: 32px;
    --font-size-h2: 28px;
    --font-size-h3: 26px;
    --border-size-s: 1px;
    --border-size-m: 2px;
    --border-size-l: 3px;
    --color-neutral-7: #6a7178;
    --color-neutral-8: #4f575e;
    --color-neutral-9: #272b30;
}
.tabsHeader {
    border-bottom: 1px solid #E0E5ED;
}
.tabsHeader-active {
    width: 50%;
    text-align: center;
    border-bottom: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    padding: 10px 0 !important;
    font-weight: bold;
}
.tabsHeader-inactive {
    width: 50%;
    text-align: center;
    margin-left: var(--space-none);
    padding: 10px 0 !important;
    color: var(--color-neutral-8) !important;
}