﻿.value-section {
}

    .value-section .c-form {
        margin-top: 0 !important;
    }

    .value-section ul {
        width: 100%;
        color: var(--gray-600, #475467);
        /* Body/Large */
        font-family: var(--font-asap);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

.value-text a {
    text-decoration: none;
    color: var(--Secondary-Blue, #0071D1);
    /* Body/Large */
    font-family: var(--font-header);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.value-text-value a {
    text-decoration: none;
    /* Body/Large */
    font-family: var(--font-header);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

    .value-text-value a:visited {
        color: white;
    }

.value-section .value-text h1 {
    color: var(--gray-900, #101828);
    /* Display/Small */
    font-family: var(--font-header);
    font-style: normal;
    font-weight: 500;
    line-height: 48px; /* 120% */
}

.value-section .value-text h2 {
    color: var(--gray-900, #101828);
    /* Headline/Large */
    font-family: var(--font-header);
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
}

.value-section .value-text-value h1 {
    color: var(--gray-900, #101828);
    /* Display/Small */
    font-family: var(--font-header);
    font-style: normal;
    font-weight: 500;
    line-height: 48px; /* 120% */
}

.value-section .value-text-value h2 {
    color: var(--gray-900, #101828);
    /* Headline/Large */
    font-family: var(--font-header);
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
}

@media(max-width: 767px) {
    .value-section {
        padding: 0 !important;
    }

        .value-section .value-text {
            padding-right: calc(var(--bs-gutter-x) * .5);
            margin-top: 0 !important;
        }

        .value-section .value-text-title {
            background: var(--blue-light, #E9F3FE);
        }

        .value-section ul {
            text-align: inherit;
        }
}
