/* :root {
    --primary-color: #FF6959;
    --secondary-color: #E63FFC;
    --tertiary-color: #72BA86;
    --tertiary-color-variant: #61CDF6;
    --primary-dark: #272F71;
    --secondary-dark: #1C0736;
    --tertiary-dark:#524FA1;
    --light-color: #fff;
    --font-sm: 14px;
    --xs-button-padding: 5px 15px;
    --sm-button-padding: 10px 25px;
    --standard-button-padding: 0.8em 2.8em;
    --standard-button-font-weight: 600;
    --standard-button-border-radius: 30px;
} */

/* Row backgrounds */
.bg--half > .row-bg-wrap > .inner-wrap > .row-bg {
    width: 50%;
}

.bg--left > .row-bg-wrap > .inner-wrap > .row-bg {
    left: 0%;
}

.bg--right > .row-bg-wrap > .inner-wrap > .row-bg {
    left: 50%;
}

.bg--half > .row-bg-wrap > .row-bg-overlay.row-bg-layer {
    z-index: -1;
}
/* End Row backgrounds */

.microsite-custom-toggles .toggles .toggle {
    position: relative;
    border: none;
}

.microsite-custom-toggles .toggles .toggle::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to left, var(--primary-color), #fff);
}

.microsite-custom-toggles.primary-solid--border .toggles .toggle::after,
.microsite-custom-toggles.primary-solid--border .toggles .toggle:last-child::after {
    background: var(--primary-color);
}