.section-content-callout.image.region {
    display: flex;
    flex-direction: row;
    max-width: var(--content-width-wide-2);
    margin-block: 8rem;
    align-items: center;
}

.section-content-callout.image .content-callout-text {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    background: var(--color-brand-teal);
    min-height: 45rem;
    min-width: 75%;
}

.section-content-callout.image .content-callout-text > * {
    color: var(--color-primary-white);
}

.section-content-callout.image .content-callout-text h2 {
    font-size: 2.4rem;
}

.section-content-callout.image .content-callout-text .blue-line {
    width: 8rem;
    height: 0.2rem;
    margin-block: 0.5rem 2rem;
    border-bottom: var(--color-brand-pale-blue) 0.2rem solid;
}

.section-content-callout.image img {
    position: relative;
    min-width: 50rem;
    min-height: 32.5rem;
    z-index: 2;
}

.section-content-callout.image svg {
    min-width: 12rem;
    min-height: 15rem;
    position: relative;
    margin-top: 25.5rem;
}


/* RIGHT */
.section-content-callout.image.right .content-callout-text > * {
    margin-inline: 8rem 24rem;
}

.section-content-callout.image.right img {
    left: -18rem;
    margin-right: 8rem;
}

.section-content-callout.image.right svg {
    right: 32rem;
}

/* LEFT */
.section-content-callout.image.left .content-callout-text {
    order: 2;
    position: relative;
    left: -28rem;
}

.section-content-callout.image.left .content-callout-text > * {
    margin-inline: 22rem 12rem;
}

.section-content-callout.image.left img {
    margin-left: 6rem;
}

.section-content-callout.image.left svg {
    left: -56rem;
}

/* BUTTONS */
.section-content-callout.image .button.primary {
    --local-bg-color: var(--color-brand-pale-blue);
    --local-border-color: var(--color-brand-pale-blue);
    --local-color: var(--color-brand-teal);
}

.section-content-callout.image .button.primary:hover {
    --local-bg-color: var(--color-primary-white);
    --local-border-color: var(--color-primary-white);
    --local-color: var(--color-brand-teal);
}

.section-content-callout.image .button.secondary {
    --local-bg-color: var(--color-brand-teal);
    --local-border-color: var(--color-brand-pale-blue);
    --local-color: var(--color-brand-pale-blue);
}

.section-content-callout.image .button.secondary:hover {
    --local-bg-color: var(--color-brand-pale-blue);
    --local-border-color: var(--color-brand-pale-blue);
    --local-color: var(--color-brand-teal);
}

@media screen and (max-width: 70rem) {
    .section-content-callout.image.region {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    .section-content-callout.image svg {
        display: none;
    }

    .section-content-callout.image img {
        min-width: 0;
        min-height: 0;
        max-width: 30rem;
        max-height: 30rem;
        height: auto;
        width: auto;
    }

    .section-content-callout.image .content-callout-text {
        min-width: 100%;
    }

    .section-content-callout.image.right .content-callout-text > *,
    .section-content-callout.image.left .content-callout-text > * {
        margin-inline: 8rem;
    }

    .section-content-callout.image.left img,
    .section-content-callout.image.right img {
        margin: 0;
        top: 10rem;
        left: unset;
    }

    .section-content-callout.image .content-callout-text h2 {
        margin-top: 8rem;
    }

    .section-content-callout .calls-to-action {
        align-self: center;
        gap: 1.5rem;
        margin-inline: auto;
    }

    /* RIGHT */
    .section-content-callout.image .content-callout-text {
        order: 2;
    }

    /* LEFT */
    .section-content-callout.image.left .content-callout-text {
        left: unset;
        order: 3;
    }
}

@media screen and (max-width: 45rem) {
    .section-content-callout.image.right .content-callout-text > *,
    .section-content-callout.image.left .content-callout-text > * {
        margin-inline: 2.5rem;
    }

    .section-content-callout.image .content-callout-text h2 {
        margin-top: 15rem;
    }
}