.image-cta {
    position: relative;
    color: var(--color-white); 
}

.image-cta__bg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1;
    height: 100%!important;
}

.image-cta__wrapper {
    position: relative;
    z-index: 1;
}

.image-cta__wrapper .btn + .btn {
    @media( max-width : 768px ) {
        margin: 0 0 0 10px;
    } 
}

.bg-blue .image-cta__wrapper .sub-heading {
    color: var(--color-white); 
}

.image-cta__btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-cta__btn .btn + .btn {
    margin: 0 0 0 20px;
}

.image-cta--homepage {
    padding-top: 125px;
}

.image-cta.bg-red {
    & a:not(.btn ) {
        background: linear-gradient(to bottom, rgb(49 34 162 / 60%) 0%, rgb(34 37 162 / 60%) 100%);
        background-position: 0 100%;
        background-repeat: repeat-x;
        background-size: 3px 2px;

        &:hover {
            background: linear-gradient(to bottom, rgb(10 12 87 / 60%) 0%, rgb(32 26 120 / 60%) 100%);
        }
    }
}



@media(min-width: 768px) {
    .image-cta__btn .btn + .btn {
        margin: 0 0 0 25px;
    }

    .image-cta__wrapper .sub-heading {
        margin: 0 0 10px;
    }

    .image-cta--homepage {
        padding-top: 165px;
    }
    
}


@media(min-width: 1200px) {
    .image-cta--homepage {
        padding-top: 200px;
    }
}