.section-benefits.section-benefits-standalone .doc-section-inner {

    border-radius: 1.6rem;

    --tw-bg-opacity: 1;

    background-color: rgb(var(--color-blue) / var(--tw-bg-opacity));

    padding-top: 8.0rem;

    padding-bottom: 8.0rem;

    padding-left: 2.4rem;

    padding-right: 2.4rem
}

.section-benefits h2 {

    font-family: var(--font-family-nb-international-pro);

    font-size: var(--font-headline-5-m-size);

    line-height: var(--font-headline-5-m-line-height, normal);

    letter-spacing: var(--font-headline-5-m-letter-spacing, 0);

    font-weight: var(--font-headline-5-m-weight, 400)
}

.section-benefits h2 {

    margin-left: auto;

    margin-right: auto;

    min-width: 100%;

    text-align: center;

    --tw-text-opacity: 1;

    color: rgb(var(--color-white) / var(--tw-text-opacity))
}

.section-benefits-items {

    margin-top: 6.4rem;

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    justify-items: center;

    -moz-column-gap: 2.4rem;

         column-gap: 2.4rem;

    row-gap: 4.0rem;

    text-align: center;

    --tw-text-opacity: 1;

    color: rgb(var(--color-ivory) / var(--tw-text-opacity))
}

.section-benefits-items > div:last-child {

    grid-column: span 2 / span 2
}

.section-benefits-items svg {

    margin: auto;

    margin-bottom: 4.0rem;

    height: 12.0rem
}

.section-benefits-items strong {

    font-family: var(--font-family-nb-international-pro);

    font-size: var(--font-subtitle-2-m-size);

    line-height: var(--font-subtitle-2-m-line-height, normal);

    letter-spacing: var(--font-subtitle-2-m-letter-spacing, 0);

    font-weight: var(--font-subtitle-2-m-weight, 400)
}

@media (min-width: 640px) {

    .container {

        max-width: 640px
    }

    .\!container {

        max-width: 640px !important
    }
}

@media (min-width: 768px) {

    .container {

        max-width: 768px
    }

    .\!container {

        max-width: 768px !important
    }
}

@media (min-width: 1024px) {

    .container {

        max-width: 1024px
    }

    .\!container {

        max-width: 1024px !important
    }

    .gap-grid {

        gap: 2.4rem
    }

    .section-benefits.section-benefits-standalone .doc-section-inner {

        grid-column-start: 2;

        grid-column-end: 12;

        padding-top: 16.0rem;

        padding-bottom: 16.0rem;

        padding-left: 15.4rem;

        padding-right: 15.4rem
    }

    .section-benefits h2 {

        font-size: var(--font-headline-5-size);

        line-height: var(--font-headline-5-line-height, normal);

        letter-spacing: var(--font-headline-5-letter-spacing, 0);

        font-weight: var(--font-headline-5-weight, 400)
    }

    .section-benefits h2 {

        width: 40%
    }

    .section-benefits-items {

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .section-benefits-items > div:last-child {

        grid-column: span 1 / span 1
    }

    .section-benefits-items strong {

        font-size: var(--font-subtitle-2-size);

        line-height: var(--font-subtitle-2-line-height, normal);

        letter-spacing: var(--font-subtitle-2-letter-spacing, 0);

        font-weight: var(--font-subtitle-2-weight, 400)
    }
}

@media (min-width: 1280px) {

    .container {

        max-width: 1280px
    }

    .\!container {

        max-width: 1280px !important
    }
}

@media (min-width: 1536px) {

    .container {

        max-width: 1536px
    }

    .\!container {

        max-width: 1536px !important
    }
}

@media (min-width: 1800px) {

    .container {

        max-width: 1800px
    }

    .\!container {

        max-width: 1800px !important
    }
}