.global-cta {
    background: url('../../../library/images/global-cta-bg.svg') right bottom / cover no-repeat;
    padding: 58px 0;
    margin-bottom: -1px;
    position: relative;
}

.global-cta .row {
    padding: 64px 70px;
    border-radius: 48px;
    background: var(--blue);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.global-cta .container {
    z-index: auto;
}

.global-cta .gc-content,
.global-cta .gc-image {
    position: relative;
    z-index: 3;
}

.gc-content h2 {
    margin-left: 0;
    max-width: 578px;
}

.global-cta .gc-content p {
    margin: 18px 0 25px 0;
    line-height: 28px;
}

.global-cta::after,
.global-cta::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 2;
    background-repeat: no-repeat;

}

.global-cta:after {
    background-image: url('../../../library/images/global-cta-after.svg');
}

.global-cta::before {
    background-position: top center;
    background-size: 70%;
    background-image: url('../../../library/images/global-cta-before.svg');
}


@media only screen and (max-width : 1399px) {
    .global-cta .col-lg-10 {
        width: 100%;
    }
}

@media only screen and (max-width : 1199px) {
    .global-cta .row {
        padding: 30px 52px;
    }
}

@media only screen and (max-width : 992px) {
    .global-cta {
        padding: 141px 0 70px 0;
    }

    .gc-content h2 {
        color: var(--yellow);
    }

    .global-cta .row {
        padding: 30px 52px;
    }

    .global-cta .col-md-7,
    .global-cta .col-md-5 {
        width: 100%;
    }

    .global-cta .col-md-7 {
        text-align: center;
        margin-bottom: 30px;
    }

    .global-cta::before {
        background-size: cover;
        z-index: 0;
    }

    .global-cta:after {
        background-size: contain;
        background-position: bottom;
    }
}

@media only screen and (max-width : 650px) {
    .global-cta .row {
        padding: 30px 22px;
    }
}