.hf-cta-wrapper .container.black {
    background: #000;
}

.hf-cta-wrapper .container.white {
    background: #fff;
}

.hf-cta-wrapper .container.whitegradient {
    background: var(--white-gradient);
}

.hf-cta-wrapper .container.gradient {
    background: var(--main-gradient);
}

.hf-cta-wrapper .container.gradientflip {
    background: var(--main-gradient-flipped);
}

.hf-cta-wrapper .container.bluegradient {
    background: var(--blue-gradient);
}

.hf-cta-wrapper .container.purplegradient {
    background: var(--purple-gradient);
}

.hf-cta-wrapper .container.pinkgradient {
    background: var(--pink-gradient);
}

.hf-cta-wrapper .ht-cta-box.black {
    background: #000;
}

.hf-cta-wrapper .ht-cta-box.white {
    background: #fff;
}

.hf-cta-wrapper .ht-cta-box.whitegradient {
    background: var(--white-gradient);
}

.hf-cta-wrapper .ht-cta-box.gradient {
    background: var(--main-gradient);
}

.hf-cta-wrapper .ht-cta-box.gradientflip {
    background: var(--main-gradient-flipped);
}

.hf-cta-wrapper .ht-cta-box.bluegradient {
    background: var(--blue-gradient);
}

.hf-cta-wrapper .ht-cta-box.purplegradient {
    background: var(--purple-gradient);
}

.hf-cta-wrapper .ht-cta-box.pinkgradient {
    background: var(--pink-gradient);
}

.hf-cta-wrapper .ht-cta-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 110px 25px;
}

.hf-cta-wrapper .ht-cta-box .cta-heading,
.hf-cta-wrapper .ht-cta-box .cta-text {
    text-align: center;
    width: 50%;
}

.hf-cta-wrapper .ht-cta-box a:hover {
    color: rgba(255, 255, 255, .6);
}

@media (max-width: 991px) {

    .hf-cta-wrapper .ht-cta-box .cta-heading,
    .hf-cta-wrapper .ht-cta-box .cta-text {
        width: 75%;
    }
}

@media (max-width: 767px) {

    .hf-cta-wrapper .ht-cta-box .cta-heading,
    .hf-cta-wrapper .ht-cta-box .cta-text {
        width: 100%;
    }
}