:root {
--vc-slate: #3D5166;
--vc-steel: #5B7FA6;
--vc-sage:  #7CA99B;
--vc-gold:  #C49A2A;
--vc-dark:  #1A2332;
--vc-light: #F5F7FA;
--vc-body:  #3A3A3A;
--vc-muted: #6B7B8D;
}
.vc-segmented {
width: 100%;
font-family: inherit;
}
.vc-segmented-align-left  { text-align: left; }
.vc-segmented-align-right { text-align: right; }
.vc-segmented-tabs {
display: inline-flex;
background: var(--vc-light);
border-radius: 999px;
padding: 4px;
margin-bottom: 24px;
gap: 0;
}
.vc-segmented-tab {
border: 0;
background: transparent;
border-radius: 999px;
padding: 10px 24px;
font-size: 14px;
font-weight: 600;
color: var(--vc-slate);
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
white-space: nowrap;
font-family: inherit;
}
.vc-segmented-tab:hover { color: var(--vc-dark); }
.vc-segmented-tab:focus { outline: 2px solid var(--vc-steel); outline-offset: 2px; }
.vc-segmented-tab.is-active {
background: var(--vc-slate) !important;
color: #ffffff !important;
}
.vc-segmented-pane {
display: none;
color: var(--vc-body);
}
.vc-segmented-pane.is-active { display: block; }
@media (max-width: 600px) {
.vc-segmented-tabs { width: 100%; }
.vc-segmented-tab  { flex: 1; padding: 10px 12px; font-size: 13px; }
}