.cta {
    position: relative;
    z-index: 1;
    color: #fff;
    overflow: hidden;
}

.cta__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.cta--gradient {
    background: linear-gradient(180deg, #0073BA 3.46%, #013557 94.11%);
}

.cta--image-background:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(28, 28, 28, 1) 0%, rgba(1, 53, 87, 1) 100%);
    opacity: 0.7;
    z-index: 1;
}

.cta__content {
    position: relative;
    z-index: 3;
}


.cta .btn-tertiary {
    border: 1px solid #fff;
    background: transparent;
    padding: 10px 39px 10px 15px;
    border-radius: 100px;
}

.cta .btn-tertiary::after {
    right: 15px;
}

.cta h2 {
    color: #fff;
}

.cta .sub-heading {
    color: #FFAA01;
}

.cta__content .btn-group {
    justify-content: center;
}

.cta-arrow-icon {
    width: 128px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
     opacity: 0.5;
}

@media(min-width: 768px) {
    .cta__content {
        max-width: 550px;
        margin: 0 auto;
    }

    .cta-arrow-icon {
        width: 412px;
        opacity: 0.2;
    }
}

@media(min-width: 1200px) {
    .cta__content {
        max-width: 724px;
        margin: 0 auto;
    }

    .cta {
        padding-bottom: 93px;
    }

    .cta .btn-tertiary:hover {
        border: 1px solid #fff;
        background: #fff;
        color: #1C1C1C;
    }

    .cta-arrow-icon {
        width: 427px;
        left: 50%;
        transform: translate(-50%, 0);
        margin-left: -375px;
        top: 10px;
    }

    .cta__content p {
        padding: 0 54px;
    }

    .cta__content .btn-group {
        margin-top: 30px;
    }
}