.two-column-teaser.block {
    background: transparent;
    margin-top: -80px;
    display: flex;
    flex-direction: column;
    gap: 22.75px;
}

.two-column-teaser__heading {
    display: none;
}

.two-column-teaser__banner {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: var(--corp-radius-ssm);
    object-fit: cover;
}

.two-column-teaser__banner .button-container {
    width: 100%;
}

.two-column-teaser__banner img {
    width: 100%;
    height: 100%;
}


/* Card */
.two-column-teaser__card {
    background: var(--corp-color-white);
    border: 1px solid rgba(36, 50, 199, 0.20);
    border-radius: var(--corp-radius-sm);
    padding: 19px 20px;
}

.two-column-teaser__card-inner {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.two-column-teaser__card-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.two-column-teaser__card-content {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Title */
.two-column-teaser__card-title :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: var(--corp-type-mobile-heading-1-regular-font-size);
    line-height: var(--corp-type-mobile-heading-1-regular-line-height);
    color: var(--corp-color-primary);
    font-weight: var(--corp-type-mobile-heading-xl-font-weight);
    letter-spacing: -0.16px;
}

/* Description */
.two-column-teaser__card-description :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: var(--corp-type-mobile-body-1-font-size);
    line-height: var(--corp-type-mobile-body-2-line-height);
    font-weight: var(--corp-type-mobile-heading-xl-font-weight);
    letter-spacing: -0.14px;
    color: var(--corp-color-neutral-sm-black);
}


@media screen and (width >=768px) {

    .two-column-teaser.block {
        gap: 40px;
    }

    .two-column-teaser__banner {
        border-radius: var(--corp-radius-ssm);
    }


    .two-column-teaser__card {
        padding: 18px;
        border-radius: var(--corp-radius-xsmd);
    }

    .two-column-teaser__card-inner {
        gap: 18px;
    }

    .two-column-teaser__card-content {
        gap: 8px;
    }

    .two-column-teaser__card-title :is(h1, h2, h3, h4, h5, h6, p) {
        font-size: var(--corp-type-tablet-heading-1-font-size);
        line-height: var(--corp-type-tablet-display-6xl-line-height);
        font-weight: var(--corp-type-tablet-heading-2-font-weight);
        text-transform: uppercase;
    }

    .two-column-teaser__banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .two-column-teaser__card-description :is(h1, h2, h3, h4, h5, h6, p) {
        color: var(--corp-color-neutral-black);
        font-size: var(--corp-type-tablet-body-1-font-size);
        line-height: var(--corp-type-hero-line-height-17);
        letter-spacing: -0.36px;
    }

    .two-column-teaser__card-icon {
        width: 32px;
        height: 32px;
    }
}

@media screen and (width >=1200px) {

    .two-column-teaser.block {
        gap: 60px;
    }

    .two-column-teaser__card {
        padding: 37px 134px 40px 29px;
        border-radius: var(--corp-radius-sm);
    }

    .two-column-teaser__card-content {
        gap: 21px;
    }

    .two-column-teaser__card-inner {
        gap: 35px;
    }

    .two-column-teaser__card-title :is(h1, h2, h3, h4, h5, h6, p) {
        font-size: var(--corp-type-desktop-heading-2-font-size);
        line-height: var(--corp-type-desktop-heading-2-line-height);
        font-weight: var(--corp-type-desktop-heading-2-font-weight);
    }

    .two-column-teaser__card-description :is(h1, h2, h3, h4, h5, h6, p) {
        font-size: var(--corp-type-desktop-body-lg-font-size);
        line-height: var(--corp-type-desktop-heading-3xl-line-height);
        letter-spacing: -0.16px;
    }

    .two-column-teaser__card-icon {
        width: 60px;
        height: 60px;
    }
}