.card__container {
    background: var(--card-bg-color);
    color: var(--text-color-card);
    border-radius: var(--border-radius);
    padding: 2rem 1.25rem;
    box-shadow: var(--box-shadow);
    font-size: var(--body-text);
    font-weight: var(--font-weight-text);
    line-height: var(--line-height);
    box-sizing: border-box;
    position: relative;
    margin: var(--section-spacing) -100vw;
    max-width: initial;
    width: 100vw;
    left: calc(50% + 50vw);
}

.card__container>.seo__item {
    display: grid;
    grid-gap: 1rem;
    max-width: 100% !important;
}

.card__container>h2,
.card__container>h3,
.card__container>h4 {
    font-weight: var(--headers-weight);
    text-transform: var(--headers-transform);
    margin: 2rem auto 0.5rem;
}

.card__container>h2:first-child,
.card__container>h3:first-child,
.card__container>h4:first-child {
    margin-top: 0;
}

.card__container>p,
.card__container>h2,
.card__container>h3,
.card__container>li {
    color: var(--text-color-card);
    max-width: none;
}

.card__container>p {
    margin: 0.75rem auto;
}

.card__container>h3+p {
    margin-top: 0;
}

.card__container h2+p,
.card__container ol,
.card__container ul {
    margin: 0.75rem auto;
}

.card__container p:last-child,
.card__container ol:last-child,
.card__container ul:last-child {
    margin-bottom: 0;
}

.card__container h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-large-headline);
}

.card__container h3 {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-medium-headline);
}

.card__container h4,
.card__container strong {
    font-size: var(--font-size-body-desktop);
    line-height: var(--line-height-subheadline);
}

.card__container p {
    margin: 0.75rem auto;
}

.card__container p,
.card__container li,
.card__container li a,
.card__container strong,
.card__container a,
.card__container p a,
.card__container strong a,
.card__container strong p a {
    color: var(--text-color-card);
    font-size: var(--body-text);
}

.card__container>br {
    display: none;
}

.card__container ol {
    margin: 0;
    padding-inline-start: 1.25rem;
}

.card__container>ul {
    padding-left: 1.25rem;
}

.card__container li {
    font-size: var(--body-text);
    margin-bottom: 1rem;
}

.card__container li:last-child {
    margin-bottom: 0rem
}

.card__container  > p:first-child,
.card__container  > ul:first-child,
.card__container  > ul:first-child li ,
.card__container  > ol:first-child,
.card__container  > ol:first-child li  {
    margin-top: 0px;   
}

@media (max-width: 340px) {
    .card__container {
        min-width: auto;
    }
}

@media (min-width: 768px) {
    .card__container {
        max-width: 700px;
        width: auto;
        left: 0;
        margin: var(--section-spacing-desktop) auto;
        padding: 2rem;
    }

    .card__container p,
    .card__container li,
    .card__container strong,
    .card__container a {
        font-size: var(--body-text);
    }

    .card__container h2 {
        font-size: var(--font-size-h2-desktop);
        line-height: var(--line-height-large-headline-desktop);
    }

    .card__container h3 {
        font-size: var(--font-size-h3-desktop);
    }

    .card__container li {
        margin: 1.25rem 0;
        padding: 0;
    }
}