.full-width-image-with-cta-container {
    min-height: 65rem;
    background-blend-mode: multiply, darken, screen;
    background-size: cover;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    transition: 1.5s ease-in-out all;
    overflow: hidden;
}

.full-width-image-with-cta-container.animate {
    background-size: cover;
}

.full-width-image-with-cta-container.blue-bg{
    background-color: var(--color-brand-light-blue);
}

.full-width-image-with-cta-container.red-bg{
    background-color: var(--color-brand-orange-light);
}

.full-width-image-with-cta-container .background-overlay{
    width: 100%;
    min-height: 65rem;
    height: 100%;
}

.full-width-image-with-cta-container.blue-bg .background-overlay{
    background: var(--color-brand-blue-opacity);
}

.full-width-image-with-cta-container.dark-red-bg .background-overlay{
    background: var(--color-brand-red-opacity);
}

.full-width-image-with-cta-container .full-width-image-with-cta-wrapper {
    color: var(--color-primary-white);
    text-align: center;
    display: grid;
    grid-template-areas: 'fullWidthImage';
    width: 100%;
    height: 100%;
}

.full-width-image-with-cta-container .full-width-image-with-cta-wrapper .region {
    width: 100%;
    position: relative;
    z-index: 1;
}

.full-width-image-with-cta-container .full-width-image-with-cta-content{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-inline: 6rem;
}

.full-width-image-with-cta-container .background-svg{
    width: 100%;
    height: 100%;
    background-image: url('../svgs/data-statistics-callout-background-texture.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    transform: translateX(-8rem) rotate(180deg);
}


.full-width-image-with-cta-container .full-width-image-with-cta-wrapper > * {
    grid-area: fullWidthImage;
}

.full-width-image-with-cta-container .h1 {
    margin-block: 0 0.5rem;
}
.full-width-image-with-cta-container .full-width-image-with-cta-wrapper h3{
    color: var(--color-primary-white);
    font-weight: 700;
    margin-bottom: 0;
}

.full-width-image-with-cta-container .full-width-image-with-cta-wrapper p {
    margin-bottom: 0;
}

.full-width-image-with-cta-container .ctas {
    margin-top: 3rem;
}


@media screen and (max-width: 50em) {
    .full-width-image-with-cta-container, .full-width-image-with-cta-container .background-overlay {
        min-height: 30rem;
    }

    .full-width-image-with-cta-container .full-width-image-with-cta-content {
        padding-block: 4rem;
    }


}


@media screen and (max-width: 30em) {
    .full-width-image-with-cta-container .h1 {
        font-size: 3.5rem;
    }

    .full-width-image-with-cta-container .full-width-image-with-cta-content {
        padding-inline: var(--mobile-inline-padding);
    }
}