@font-face {
    font-family: "Gaal";
    src: url("../fonts/Gaal-book.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gaal";
    src: url("../fonts/Gaal-medium.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.v2-section {
    /* Colors */
    --black: #000000;
    --blue: #451ee3;
    --dark-blue: #1b1258;
    --dark-grey: #212529;
    --indigo: #8057ff;
    --light-grey: #e5e5e5;
    --light-light-grey: #f8f9fa;
    --light-text: #999999;
    --pink: #c71367;
    --purple: #4226a9;
    --red: #e91e63;
    --white: #ffffff;

    /* Typography scale (desktop default) */
    --step--2: 0.6944rem;
    --step--1: 0.8331rem;
    --step-0: 1rem;
    --step-1: 1.25rem;
    --step-2: 1.5625rem;
    --step-3: 1.9531rem;
    --step-4: 2.4413rem;
    --step-5: 3.0519rem;
    --step-6: 3.815rem;
    --step-7: 4.7681rem;

    /* Fonts */
    --body: Montserrat;
    --headings: "Gaal";

    /* Spacing */
    ---03: 0rem;
    ---02: 0.25rem;
    ---01: 0.5rem;
    --00: 1rem;
    --01: 2rem;
    --02: 4rem;
    --03: 8rem;
    --04: 16rem;
    --05: 23rem;
    --06: 32rem;
}

@media (max-width: 767.98px) {
    .v2-section {
        /* Typography scale (mobile override) */
        --step--2: 0.64rem;
        --step--1: 0.8rem;
        --step-0: 1rem;
        --step-1: 1.2rem;
        --step-2: 1.44rem;
        --step-3: 1.7281rem;
        --step-4: 2.0738rem;
        --step-5: 2.4881rem;
        --step-6: 2.9862rem;
        --step-7: 3.5831rem;
    }
}

.v2-section .v2-mt--2 { margin-top: var(--step--2); }
.v2-section .v2-mt--1 { margin-top: var(--step--1); }
.v2-section .v2-mt-0 { margin-top: var(--step-0); }
.v2-section .v2-mt-1 { margin-top: var(--step-1); }
.v2-section .v2-mt-2 { margin-top: var(--step-2); }
.v2-section .v2-mt-3 { margin-top: var(--step-3); }
.v2-section .v2-mt-4 { margin-top: var(--step-4); }
.v2-section .v2-mt-5 { margin-top: var(--step-5); }
.v2-section .v2-mt-6 { margin-top: var(--step-6); }
.v2-section .v2-mt-7 { margin-top: var(--step-7); }

.v2-section .v2-mb--2 { margin-bottom: var(--step--2); }
.v2-section .v2-mb--1 { margin-bottom: var(--step--1); }
.v2-section .v2-mb-0 { margin-bottom: var(--step-0); }
.v2-section .v2-mb-1 { margin-bottom: var(--step-1); }
.v2-section .v2-mb-2 { margin-bottom: var(--step-2); }
.v2-section .v2-mb-3 { margin-bottom: var(--step-3); }
.v2-section .v2-mb-4 { margin-bottom: var(--step-4); }
.v2-section .v2-mb-5 { margin-bottom: var(--step-5); }
.v2-section .v2-mb-6 { margin-bottom: var(--step-6); }
.v2-section .v2-mb-7 { margin-bottom: var(--step-7); }

.v2-section .v2-m-0 { margin: 0; }

.v2-section .v2-my--2 { margin-top: var(--step--2); margin-bottom: var(--step--2); }
.v2-section .v2-my--1 { margin-top: var(--step--1); margin-bottom: var(--step--1); }
.v2-section .v2-my-0 { margin-top: var(--step-0); margin-bottom: var(--step-0); }
.v2-section .v2-my-1 { margin-top: var(--step-1); margin-bottom: var(--step-1); }
.v2-section .v2-my-2 { margin-top: var(--step-2); margin-bottom: var(--step-2); }
.v2-section .v2-my-3 { margin-top: var(--step-3); margin-bottom: var(--step-3); }
.v2-section .v2-my-4 { margin-top: var(--step-4); margin-bottom: var(--step-4); }
.v2-section .v2-my-5 { margin-top: var(--step-5); margin-bottom: var(--step-5); }
.v2-section .v2-my-6 { margin-top: var(--step-6); margin-bottom: var(--step-6); }
.v2-section .v2-my-7 { margin-top: var(--step-7); margin-bottom: var(--step-7); }

.v2-section .v2-pt--2 { padding-top: var(--step--2); }
.v2-section .v2-pt--1 { padding-top: var(--step--1); }
.v2-section .v2-pt-0 { padding-top: var(--step-0); }
.v2-section .v2-pt-1 { padding-top: var(--step-1); }
.v2-section .v2-pt-2 { padding-top: var(--step-2); }
.v2-section .v2-pt-3 { padding-top: var(--step-3); }
.v2-section .v2-pt-4 { padding-top: var(--step-4); }
.v2-section .v2-pt-5 { padding-top: var(--step-5); }
.v2-section .v2-pt-6 { padding-top: var(--step-6); }
.v2-section .v2-pt-7 { padding-top: var(--step-7); }

.v2-section .v2-pb--2 { padding-bottom: var(--step--2); }
.v2-section .v2-pb--1 { padding-bottom: var(--step--1); }
.v2-section .v2-pb-0 { padding-bottom: var(--step-0); }
.v2-section .v2-pb-1 { padding-bottom: var(--step-1); }
.v2-section .v2-pb-2 { padding-bottom: var(--step-2); }
.v2-section .v2-pb-3 { padding-bottom: var(--step-3); }
.v2-section .v2-pb-4 { padding-bottom: var(--step-4); }
.v2-section .v2-pb-5 { padding-bottom: var(--step-5); }
.v2-section .v2-pb-6 { padding-bottom: var(--step-6); }
.v2-section .v2-pb-7 { padding-bottom: var(--step-7); }

.v2-section .v2-py--2 { padding-top: var(--step--2); padding-bottom: var(--step--2); }
.v2-section .v2-py--1 { padding-top: var(--step--1); padding-bottom: var(--step--1); }
.v2-section .v2-py-0 { padding-top: var(--step-0); padding-bottom: var(--step-0); }
.v2-section .v2-py-1 { padding-top: var(--step-1); padding-bottom: var(--step-1); }
.v2-section .v2-py-2 { padding-top: var(--step-2); padding-bottom: var(--step-2); }
.v2-section .v2-py-3 { padding-top: var(--step-3); padding-bottom: var(--step-3); }
.v2-section .v2-py-4 { padding-top: var(--step-4); padding-bottom: var(--step-4); }
.v2-section .v2-py-5 { padding-top: var(--step-5); padding-bottom: var(--step-5); }
.v2-section .v2-py-6 { padding-top: var(--step-6); padding-bottom: var(--step-6); }
.v2-section .v2-py-7 { padding-top: var(--step-7); padding-bottom: var(--step-7); }
.v2-section .v2-mb-none { margin-bottom: 0; }
.v2-section .v2---01 {
    height: var(---01);
    /* background-color: pink; */
    display: block;
}

.v2-footer footer,
.v2-footer footer a {
    color: var(--Light-text, #999);
    text-decoration: none;
}

.v2-footer footer a:hover,
.v2-footer footer a:focus {
    color: var(--Pink, #c71367);
}

.main.main--privacy .page-content a,
.main.main--terms .page-content a {
    color: var(--Light-text, #999);
    text-decoration: none;
}

.main.main--privacy .page-content a:hover,
.main.main--privacy .page-content a:focus,
.main.main--terms .page-content a:hover,
.main.main--terms .page-content a:focus {
    color: var(--Pink, #c71367);
}

.v2-gap-10 {
    gap: 10px;
    display: flex;
    flex-flow: column;
}

/* Visual spacer blocks */
.v2-space-10 {
    display: block;
    width: 100%;
    height: 10px;
    /* background: hotpink; */
}

.v2-space-16 {
    display: block;
    width: 100%;
    height: 16px;
    /* background: red; */
}

.v2-space-32 {
    display: block;
    width: 100%;
    height: 32px;
    /* background: #451ee3; */
}

.v2-space-48 {
    display: block;
    width: 100%;
    height: 48px;
}

.v2-space-64 {
    display: block;
    width: 100%;
    height: 64px;
}

.v2-section .eyebrow {
    color: var(--Purple, #4226A9);

    /* Eyebrow */
    font-family: var(--Headings, Gaal);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.v2-section h1 {
    color: #000;

    /* H1 */
    font-family: var(--Headings, Gaal);
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
}

.v2-hero h1 .hero-headline-line {
    display: block;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .v2-hero h1 {
        font-size: 42px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .v2-hero h1 {
        font-size: 34px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .v2-hero h1 {
        font-size: 40px;
    }
}

@media (min-width: 768px) {
    .v2-hero h1 .hero-headline-line {
        white-space: nowrap;
    }
}

@media (max-width: 767.98px) {
    .v2-hero h1 {
        font-size: 32px;
        line-height: 1.08;
    }
}

.v2-section h2 {
    color: #000;

    /* H2 */
    font-family: var(--Headings, Gaal);
    font-size: var(--step-3, 31.25px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
}

.v2-section p {
    color: var(--Dark-grey, #212529);

    /* Body copy */
    font-family: var(--Body, Montserrat);
    font-size: var(--step-0, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.v2-section a[href^="mailto:"] {
    color: var(--Pink, #c71367);
}

.v2-section a[href^="mailto:"]:hover,
.v2-section a[href^="mailto:"]:focus {
    color: var(--Purple, #4226a9);
}
.v2-section blockquote {
    border-left: 3px solid var(--Pink, #C71367);
    padding-left: var(--step-0, 16px);
}
.v2-section blockquote p.text {
    color: var(--Dark-grey, #212529);
    font-family: var(--Body, Montserrat);
    font-size: var(--step-0, 16px);
    font-style: italic;
    font-weight: 700;
    line-height: 24px; /* 150% */
    }
.v2-section blockquote p.who {
    color: var(--Dark-Blue, #1B1258);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}

.v2-section p.lead-paragraph {
    color: var(--Dark-grey, #212529);

    /* Lead para */
    font-family: var(--Body, Montserrat);
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.v2-section a.btn,
.v2-section button.btn {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    color: #FFF;

    /* CTA text */
    font-family: var(--Body, Montserrat);
    font-size: var(--step-0, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */

    background: var(--Purple, #4226A9);
    border:1px solid var(--Purple, #4226A9);
    display: inline-block;
    text-decoration: none;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.v2-section a.btn:hover,
.v2-section button.btn:hover {
    background: var(--Pink, #C71367);
    border-color: var(--Pink, #C71367);
    color: #fff;
}

.v2-section a.btn.secondary {
    border: 1px solid var(--Pink, #C71367);
    background: var(--White, #FFF);
    color: var(--Pink, #C71367);

    /* Body copy */
    font-family: var(--Body, Montserrat);
    font-size: var(--step-0, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.v2-section a.btn.secondary:hover,
.v2-section button.btn.secondary:hover {
    background: #F8F9FA;
    border-color: var(--Pink, #C71367);
    color: var(--Pink, #C71367);
}

.v2-section .caption {
    color: var(--Dark-grey, #212529);
    text-align: left;
    padding: 16px;
    padding-top: 0;
    /* Body copy */
    font-family: var(--Body, Montserrat);
    font-size: var(--step-0, 16px);
    font-style: italic;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.v2-section .hero-video video {
    max-width: 100%;
}

.v2-section {
    display: block;
}

.v2-section blockquote {
    margin: 0;
}

.v2-section blockquote p {
    margin: 0;
}

.v2-media-caption {
    display: flow-root; /* prevents margin-collapsing with neighbors */
    overflow: hidden;
}

.v2-media-caption .resrch-section-media {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.v2-media-caption video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.v2-media-caption img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.v2-media-caption .caption {
    /*margin-top: var(--00);*/
    margin-top: 0; /*var(--00); */
    margin-bottom: 0;
}

.v2-media-caption .caption strong {
    font-weight: 500;
}

.v2-media-caption .caption a,
.v2-media-caption .caption a:visited {
    color: #ac1a64;
}

/* Impact table */
.v2-impact .impact-table {
    width: 100%;
    background: #ececed;
}

.v2-impact .impact-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.v2-impact .impact-row.impact-head .impact-cell p.impact-text {
    color: #000;

    /* H3 */
    font-family: var(--Headings, Gaal);
    font-size: var(--step-0, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0;
}
.v2-impact .impact-row:not(.impact-head) .impact-cell p.impact-text {
    color: #000;

    /* Body copy */
    font-family: var(--Body, Montserrat);
    font-size: var(--step-0, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 0;
}
.v2-impact .impact-cell {
    text-align: left;
    padding: 20px 16px;
    border-bottom: 0;
    background: #ececed;

}

.v2-impact .impact-head .impact-cell.now p.impact-text {
    font-weight: 400;
}

.v2-impact .impact-head .impact-cell.now {
    /*background: rgba(194, 174, 255, 0.50);*/
    /*background-color: #E1D7FF;*/
    background: #e1d7ff;
    color: #1b1258;
}
.v2-impact .impact-row.impact-head .impact-cell.before {
    background: #eee;
}

.v2-impact .impact-row:not(.impact-head) .impact-cell {
    /*color: #000;*/

    /*!* Body copy *!*/
    /*font-family: var(--Body, Montserrat);*/
    /*font-size: var(--step-0, 16px);*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*line-height: 24px; !* 150% *!*/
    /*padding: 16px;*/
    /*vertical-align: middle;*/
    /*border-bottom: 1px solid #fff;*/
    color: #000;

    /* Body copy */
    font-family: var(--Body, Montserrat);
    font-size: var(--step-0, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 0;
}

.v2-impact .impact-row:not(.impact-head) .impact-cell.now {
    /*background: #d7d0ea;*/
    background-color: #ece6ff;
    color: #1b1258;
    border-bottom: 1px solid #fff;
}

.v2-impact .impact-row:not(.impact-head) .impact-text.is-bold {
    font-weight: 400 !important;
}


.v2-impact .impact-row:not(.impact-head) .impact-cell.before {
    background: #f8f8f8;
    border-bottom: 1px solid #fff;
}

.v2-impact .impact-row .impact-cell:first-child {
    background: white;
    border-bottom: 0.5px dashed #eee;
    border-top: 0.5px dashed #eee;
}

.v2-impact .impact-row:last-child .impact-cell {
    border-bottom: 0;
}

.v2-impact .impact-row:last-child .impact-cell:first-child {
    border-bottom: 0.5px dashed #eee;
}

.v2-impact .impact-note {
    margin: 24px 8px 0;
    color: #000;
    font-family: var(--Body, Montserrat), sans-serif;
    font-size: 10px;
    font-style: italic;
    font-weight: 600;
    line-height: 1.35;
}

.v2-nowrap {
    white-space: nowrap;
}

.cta-row {
    font-size: 0;
    display: flex;
    flex-flow: row;
    gap: 16px;
}

.cta-row .btn {
    width: 200px;
    text-align: center;
    align-items: center;
    display: flex !important;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .v2-impact .impact-table {
        background: transparent;
    }

    .v2-impact .impact-row.impact-head {
        display: none;
    }

    .v2-impact .impact-row {
        display: block;
        margin: 0 0 var(--01);
    }

    .v2-impact .impact-row .impact-cell {
        padding: 14px 16px;
        border: 0;
    }

    .v2-impact .impact-row .impact-cell:first-child p.impact-text.impact-text-body {
        font-weight: 700;
    }
    .v2-impact .impact-row .impact-cell:first-child {
        background: transparent;
        border: 0;
        padding: 0 16px;
        margin: 16px 0;
    }

    .v2-impact .impact-row .impact-cell:first-child .impact-text {
        font-family: var(--Body, Montserrat), sans-serif;
        font-size: var(--step-2, 1.44rem);
        font-weight: 700;
        line-height: 1.35;
    }

    .v2-impact .impact-row .impact-cell.before {
        background: #f1f1f3;
    }

    .v2-impact .impact-row .impact-cell.now {
        background: #e1d7ff;
    }

    .v2-impact .impact-row .impact-cell.before::before,
    .v2-impact .impact-row .impact-cell.now::before {
        display: block;
        font-family: var(--Headings, Gaal), sans-serif;
        font-size: var(--step--1, 0.8rem);
        line-height: 1.2;
        text-transform: uppercase;
        margin-bottom: 6px;
        color: #1f1f1f;
    }

    .v2-impact .impact-row .impact-cell.before::before {
        content: "Before";
    }

    .v2-impact .impact-row .impact-cell.now::before {
        content: "After";
    }

    .v2-impact .impact-row .impact-cell.now .impact-text {
        color: #1b1258;
        font-weight: 400;
    }

    .v2-impact .impact-row .impact-cell.now .impact-text.is-bold {
        font-weight: 400 !important;
    }

    .v2-impact .impact-row:last-child .impact-cell:first-child {
        border-bottom: 0;
    }

    .v2-impact .impact-note {
        margin: 8px 0 0;
        font-size: 10px;
        line-height: 1.35;
    }
}

/* Promise accordions */
.v2-accordions .section-sub {
    margin-bottom: var(--step-1);
    font-style: italic;
}

.v2-accordions .accordion-item {
    margin: 0 0 var(--00);
    border: 1px solid var(--Light-grey, #E5E5E5);
    background: var(--Light-light-grey, #F8F9FA);
}

.v2-accordions .accordion-item:last-child {
    margin-bottom: 0;
}

.v2-accordions .accordion-title {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--00);
    padding: var(--00);
    margin: 0;
    cursor: pointer;
}

.v2-accordions .accordion-title::-webkit-details-marker {
    display: none;
}

.v2-accordions .accordion-title-main {
    display: inline-flex;
    align-items: center;
    gap: var(--00);
    min-width: 0;
}

.v2-accordions .accordion-title-main span {
    color: #000;

    /* Body copy bold */
    font-family: var(--Body, Montserrat);
    font-size: var(--step-0, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.v2-accordions .accordion-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.v2-accordions .accordion-chevron {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    transition: transform 180ms ease;
}

.v2-accordions .accordion-item[open] .accordion-chevron {
    transform: rotate(180deg);
}

.v2-accordions .accordion-copy {
    padding: 0 var(--00) var(--00);
    color: #212529;
    font-family: var(--body, Montserrat), sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

/* Nav hover/active animation */
.header .main-menu .nav-link {
    position: relative;
    color: #8f8f96;
    transition: color 180ms ease;
}

.header .main-menu .nav-link::before {
    content: "";
    position: absolute;
    left: -40px;
    top: 50%;
    width: 32px;
    height: 1px;
    background: #c71367;
    transform: translateY(-50%) scaleX(0);
    transform-origin: left center;
    transition: transform 220ms ease;
}

/*.header .main-menu .nav-link:hover {*/
/*    color: #c71367;*/
/*}*/

/*.header .main-menu .nav-link:hover::before {*/
/*    transform: translateY(-50%) scaleX(1);*/
/*}*/

.header .main-menu .nav-link.active {
    color: #c71367;
}

.header .main-menu .nav-link.active::before {
    transform: translateY(-50%) scaleX(1);
}

.v2-nav-init .header .main-menu .nav-link.active {
    color: #8f8f96;
}

.v2-nav-init .header .main-menu .nav-link.active::before {
    transform: translateY(-50%) scaleX(0);
}

.v2-nav-ready .header .main-menu .nav-link.active {
    color: #c71367;
}

.v2-nav-ready .header .main-menu .nav-link.active::before {
    transform: translateY(-50%) scaleX(1);
}

/* Netlify form */
.v2-form .section-sub {
    margin-bottom: var(--00);
    font-style: italic;
}

#next-steps {
    scroll-margin-top: 120px;
}

.v2-form .form-wrap {
    border: 3px solid #ece6ff;
    background: #ece6ff;
    padding: var(--step-3);
    display: flex;
    flex-flow: column;
    gap: 16px;
}

.v2-form .form-title {
    color: #000;
    font-family: var(--Headings, Gaal), sans-serif;
    font-size: var(--step-0, 16px);
    text-transform: uppercase;
}

.v2-form label {
    display: block;
    color: #212529;
    font-family: var(--Body, Montserrat), sans-serif;
    font-size: var(--step-0, 16px);
    font-weight: 400;
    text-transform: uppercase;
}

.v2-form input,
.v2-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #212529;
    font-family: var(--Body, Montserrat), sans-serif;
    font-size: var(--step-0, 16px);
    line-height: 1.4;
    padding: 12px 14px;
}

.v2-form textarea {
    min-height: 98px;
    resize: vertical;
}

.v2-form .form-action {
    margin-top: var(---01);
}

.v2-form .form-note a,
.v2-form .form-note a:hover,
.v2-form .form-note a:focus {
    color: inherit;
}

.v2-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.page:not(.home-page) .main.main--privacy,
.page:not(.home-page) .main.main--terms,
.page:not(.home-page) .main.main--product {
    padding-bottom: 0;
}

@media screen and (min-width: 1200px) {
    .main.main--privacy .container .keep-840-desktop .v2-section,
    .main.main--terms .container .keep-840-desktop .v2-section,
    .main.main--product .container .keep-840-desktop .v2-section {
        max-width: 840px;
        min-width: 840px;
    }
}

.main--product .v2-section a.btn.secondary,
.main--product .v2-section button.btn.secondary {
    border: 1px solid var(--Purple, #4226A9);
    background: #ECE6FF;
    color: var(--Purple, #4226A9);
}

.main--product .v2-section a.btn.secondary:hover,
.main--product .v2-section button.btn.secondary:hover {
    border-color: var(--Pink, #C71367);
    background: var(--White, #FFF);
    color: var(--Pink, #C71367);
}