.cta-full-width {
    position: relative;
}

.image-position-top img {
    object-position: top;
}

.image-position-bottom img {
    object-position: bottom;
}

.cta-full-width__image {
    width: calc(100% - 22px);
    height: 235px;
    object-fit: cover;
    border-radius: 0px 8px 8px 0px;
    overflow-clip-margin: unset;
}

.cta-full-width__content {
    position: relative;
    z-index: 1;
    border-radius: 8px 0px 0px 8px;
    background: #FFF;
    padding: 36px 22px 36px 30px;
    margin-right: -22px;
    margin-top: -45px;
    color: #6B6B6B;
}

.cta-full-width--sharp .cta-full-width__content,
.cta-full-width--sharp .cta-full-width__image {
    border-radius: 0;
}

.cta-full-width__content h2 {
    color: #12284C!important;
    background: linear-gradient(90deg, #12284C 0%, #089CD6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent!important;
}

@media (min-width: 768px) {
    .cta-full-width__image {
        width: calc(100% - 110px);
        height: calc(100% - 120px);
        position: absolute;
        left: 0;
        top: 60px;
    }
    
    .cta-full-width__content {
        padding: 60px 52px 60px 58px;
        margin: 60px -52px 60px auto;
        width: calc(50% + 210px);
    }

}

@media (min-width: 1200px) {
    .cta-full-width__image {
        width: calc(50% + 200px);
        height: calc(100% - 200px);
        top: 100px;
    }
    
    .cta-full-width__content {
        padding: 100px 100px;
        margin: 70px 0px 70px auto;
        width: calc(50% + 200px);
        border-radius: 8px;
    }

    .bg-white:has(+ .cta-full-width.bg-light-gradient) {
        padding-bottom: 0;
    }

    .cta-full-width { padding-top: 100px!important;}

}