/* ====== a ====== */
a {
    color: var(--Blue-400, #258cfb);
    text-decoration: none;
}

/* Desktop Styles */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}
h1 {
    color: var(--Dark-900, #232530);
    /* Headings/H1 */
    font-family: Roboto;
    font-size: 46px;
    font-style: normal;
    font-weight: 300;
    line-height: 56px; /* 121.739% */
}
h2 {
    color: var(--Dark-900, #232530);
    /* Headings/H2 */
    font-family: Roboto;
    font-size: 38px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px; /* 131.579% */
}
h2.bold {
    font-weight: 500;
}
h2.gray {
    color: #7a7a7a;
}
h3 {
    color: var(--Dark-900, #232530);
    /* Headings/H3 */
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px; /* 140% */
}
h3.bold {
    font-weight: 500;
}
h4 {
    color: var(--Dark-900, #232530);
    /* Headings/H4 */
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px; /* 150% */
}
h5 {
    color: var(--Dark-900, #232530);
    /* Headings/H5 */
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 150% */
}
h6 {
    color: var(--Dark-900, #232530);
    /* Headings/H6 */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 155.556% */
}
.paragraph, 
.paragraph--bold
.paragraph--italic {
    color: var(--Dark-800, #393A45);
    /* Paragraph/Paragraph */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    line-height: 28px; /* 155.556% */
    font-weight: 400;
}
.paragraph-small,
.paragraph-small--bold,
.paragraph-small--italic {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #393A45;
}
.paragraph-small--bold,
.paragraph--bold {
    font-weight: 700;
}
.eyebrows {
    color: var(--Dark-700, #4F5059);
    /* Other / eyebrows */
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.52px;
    text-transform: uppercase;
}
.eyelash {
    color: var(--Dark-Dark-900, #232530);
    /* Other / Eyelash */
    font-family: Roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.eyelash-small {
    color: var(--Dark-Dark-900, #626266);
    /* Other / Eyelash */
    font-family: Roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Mobile Styles */
@media (max-width: 768px) {
    h1 {
        color: var(--Dark-900, #232530);
        /* Mobile / Headings / H1 */
        font-family: Roboto;
        font-size: 34px;
        font-style: normal;
        font-weight: 300;
        line-height: 46px; /* 135.294% */
    }
    h2 {
        color: var(--Dark-900, #232530);
        /* Mobile/Headings/H2 */
        font-family: Roboto;
        font-size: 28px;
        font-style: normal;
        font-weight: 300;
        line-height: 40px; /* 142.857% */
    }
    h3 {
        color: var(--Dark-900, #232530);
        /* Mobile/Headings/H3 */
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 300;
        line-height: 36px; /* 150% */
    }
    h4 {
        color: var(--Dark-900, #232530);
        /* Mobile/Headings/H4 */
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 32px; /* 160% */
    }
    h5 {
        color: var(--Dark-900, #232530);
        /* Mobile/Headings/H5 */
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 28px; /* 155.556% */
    }
    h6 {
        color: var(--Dark-900, #232530);
        /* Mobile/Headings/H6 */
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px; /* 162.5% */
    }
    .paragraph, 
    .paragraph--bold {
        color: var(--Dark-800, #393A45);
        /* Mobile/Paragraphs/Paragraph */
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }
    .paragraph-small,
    .paragraph-small--bold,
    .paragraph-small--italic {
        font-size: 14px;
        line-height: 22px;
    }
    .paragraph-small--bold,
    .paragraph--bold {
        font-weight: 700;
    }
    .eyebrows {
        color: var(--Dark-700, #4F5059);
        /* Other / eyebrows */
        font-family: Roboto;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.52px;
        text-transform: uppercase;
    }
    .eyelash {
        color: var(--Dark-Dark-900, #232530);
        /* Other / Eyelash */
        font-family: Roboto;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

.text-error {
    color: #d41d1d;
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
}