.cta {
    padding: 90px 0;
    background-color: #002855;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.cta::before {
    content: '\c900';
    position: absolute;
    font-family: 'icomoon2';
    top: 50%;
    left: 50%;
    font-size: 650px;
    transform: translate(-50% , -50%);
    color: #3F84E5;
    opacity: 0.12;
    z-index: -1;
}

.sub-heading--icon-top {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin-bottom: 24px;
}

.sub-heading--icon-top::before {
    content: '\c900';
    font-family: 'icomoon2';
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 0%);
    font-size: 53px;
    letter-spacing: 0em;
    line-height: 1em;
    margin-bottom: 9px;
}

.cta-wrap h2 {
    font-size: 35px;
    font-family: 'Archivo Black', sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 1.28em;
    letter-spacing: -0.02em;
}

@media(min-width: 768px) {
    .cta {
        padding: 70px 0;
    }

    .cta::before {
        font-size: 834px;
        top: 72%;
    }

    .cta-wrap .btn {
        margin-top: 0;
        font-size: 16px;
    }

    .cta-wrap h2 {
        padding-bottom: 39px;
        letter-spacing: unset;
    }
}

@media(min-width: 1200px) {
    .cta {
        padding: 100px 0;
    }

    .cta::before {
        font-size: 834px;
        top: 69%;
        left: -45px;
        transform: translate(0% , -50%);
    }

    .cta-wrap h2 {
        padding-bottom: 37px;
        line-height: 1.375em;
        font-size: 40px;
    }

    .sub-heading--icon-top {
        font-size: 25px;
    }
}