.image-cta {
    position: relative;
    background-color: #161616;
}

.image-cta__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 225px;
    object-fit: cover;
}

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

.image-cta:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 230px;
    background: linear-gradient(22deg, rgba(22, 22, 22, 1) 33%, rgba(99, 99, 99, 0.25) 100%);
}

.image-cta__overlay__content {
    padding: 127px 0 50px 0;
    color: #fff;
}

.image-cta__overlay__content .sub-heading {
    color: #FDBB12;
    margin-bottom: 8px;
}

.image-cta__overlay__content h2 {
    color: #fff;
    font-size: 40px;
}

.image-cta__overlay__content h2 {
    font-family: 'univers57_condensed';
}

.image-cta__overlay__content h2 strong {
    font-family: 'univers67_condensed_bold';
}

.image-cta__overlay__content__btn {
    position: relative;
    padding: 15px 0 35px;
}

.image-cta__overlay__content__btn:after {
    content: "";
    position: absolute;
    right: -22px;
    width: calc(100% - 20px);
    height: 1px;
    background-color: #FDC408;
    bottom: 0;
}

.image-cta__overlay__content__btn .btn-border {
    border-color: #FDBB12;
    color: #FDBB12;
}

.image-cta--inner h2 br {
    display: none;
}

.image-cta__content {
    padding-bottom: 10px;
}

.image-cta--gray {
    background: #F1F1F1;
    color: #000000;
}

.image-cta--gray.image-cta::after {
    background: linear-gradient(22deg, rgba(241, 241, 241, 1) 33%, rgba(241, 241, 241, 0.25) 100%);
}

.image-cta--gray .sub-heading,
.image-cta--gray .sub-heading p,
.image-cta--gray h2,
.image-cta--gray .image-cta__overlay__content {
    color: #000000;
}

.image-cta--gray .btn-secondary {
    border: 1px solid #FFFFFF;
    color: #222222;
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 100%);
}

.image-cta--gray .btn-secondary::before {
    color: #222222;
}

.image-cta--gray .image-cta__overlay__content__btn::after {
    background-color: #FFFFFF ;
}

.no-image-cta .image-cta__overlay__content__btn::after {
    background: #161616;
}

.no-image-cta .btn-secondary {
    border: 1px solid #222222;
    color: #222222;
    background: transparent;
}

.image-cta--yellow {
    background: #FDBB12;
    color: #222222;
}

.image-cta--yellow .btn-secondary::before {
    color: #222;
}

.image-cta--yellow.image-cta::after {
    background: linear-gradient(22deg, rgba(253, 187, 18, 1) 33%, rgba(253, 187, 18, 0.25) 100%);
}

.image-cta--yellow .sub-heading,
.image-cta--yellow .sub-heading p,
.image-cta--yellow .image-cta__overlay__content {
    color: #222222;
}

.image-cta--yellow h2 {
    color: #161616;
}

.image-cta--yellow .btn-primary {
    border: 1px solid #FFFFFF;
    color: #222222;
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 100%);
}

.image-cta--black {
    background: #000;
}

.image-cta--black.no-image-cta.image-cta::after {
    background: linear-gradient(22deg, rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0.25) 100%);
}

.image-cta--black .btn-secondary {
    border: 1px solid #FFFFFF;
    color: #222222;
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 100%);
}

.image-cta--black .btn-secondary::before {
    color: #222222;
}

.image-cta--black .image-cta__overlay__content__btn::after {
    background: #FEBC13;
}
.image-cta.full-width {
    padding: var(--section-margins) 0;
}
.image-cta.full-width .image-cta__overlay__content{
    padding: 0;
}
.image-cta.full-width .image-cta__content{
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.image-cta.full-width .image-cta__overlay__content__btn{
    position: relative;
   text-align: center;
   padding-top: 20px;
   padding-bottom: 0;
}
.image-cta.full-width .image-cta__overlay__content__btn::after{

    content: none;

}
.image-cta.full-width .image-cta__bg{
    width: 100%;
}
.image-cta.image-cta--black.full-width::after{
    background: #000000d4;
}
.image-cta.image-cta--yellow.full-width::after{
    background: #fdbb12e0;
}

.image-cta.image-cta--gray.full-width::after{
    background: #f1f1f1e0;
}
.image-cta.full-width p {
    padding: 0;
}
@media(min-width: 768px) {
    .image-cta__overlay__content h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .image-cta__overlay__content__btn {
        padding: 15px 0 35px;
        text-align: right;
    }

    .image-cta__overlay__content__btn:after {
        right: -52px;
        width: 310px;
    }

    .image-cta__bg {
        height: 100%;
        left: 64px;
    }

    .image-cta:after {
        height: 100%;
    }

    .image-cta__overlay__content {
        padding: 180px 0 70px 0;
    }

    .image-cta__overlay__content .sub-heading {
        margin-bottom: 12px;
        font-size: 20px;
    }

    .image-cta__content {
        padding-right: 50px;
    }

    .image-cta--gray.image-cta::after {
        background: linear-gradient(22deg, rgba(241, 241, 241, 1) 68%, rgba(241, 241, 241, 0.25) 100%);
        height: 100%;
    }

    .image-cta--yellow.image-cta::after {
        background: linear-gradient(22deg, rgba(253, 187, 18, 1) 68%, rgba(253, 187, 18, 0.25) 100%);
    }

    .image-cta--black.no-image-cta.image-cta::after {
        background: linear-gradient(71deg, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0.25) 100%);
    }
}


@media(min-width: 1200px) {
    .image-cta__bg {
        left: unset;
        right: 0;
        width: 100%;
    }

    .image-cta__overlay__content h2 {
        font-size: 70px;
        margin: 0;
        line-height: 70px;
    }

    .image-cta__overlay__content {
        padding: 152px 470px 105px 0;
        position: relative;
    }

    .image-cta__overlay__content__btn {
        padding: 0;
        position: absolute;
        right: 0;
        bottom: 120px;
    }

    .image-cta__overlay__content__btn .btn {
        padding: 11px 74px 11px 25px;
    }

    .image-cta__overlay__content__btn .btn::before {
        right: 24px;
    }

    .image-cta__overlay__content__btn:after {
        right: -63px;
        width: 672px;
        top: unset;
        bottom: -50px;
    }

    .image-cta:after {
        background: linear-gradient(44deg, rgba(22, 22, 22, 1) 42%, rgba(99, 99, 99, 0.25) 80%);
    }

    .image-cta__overlay__content__btn .btn-border:hover {
        border-color: #fff;
        color: #fff;
    }

    .image-cta__overlay__content__btn .btn-border:hover::after {
        background: #FDBB12;
    }

    .image-cta__overlay__content__btn .btn-border:hover:before {
        color: #fff;
    }

    .image-cta--inner .image-cta__overlay__content__btn {
        position: relative;
        bottom: 0;
        padding-bottom: 35px;
    }

    .image-cta--inner .image-cta__overlay__content {
        padding: 150px 0 70px 0;
        position: relative;
    }

    .image-cta--inner h2 br {
        display: block;
    }

    .image-cta__content {
        padding-right: 0;
        max-width: 72%;
    }
    .fx-cat-family .image-cta__content{
       max-width: 70%;
    }

    .image-cta__content p {
        font-size: 20px;
        padding-right: 100px;
    }

    .image-cta--inner .image-cta__overlay__content__btn::after {
        bottom: 0;
    }

    .image-cta--gray.image-cta::after {
        background: linear-gradient(45deg,  rgba(243,243,243,1) 0%,rgba(243,243,243,0.95) 55%,rgba(243,243,243,0) 85%,rgba(243,243,243,0.1) 100%);
    }


    .image-cta--yellow.image-cta::after {
        background: linear-gradient(45deg,  rgba(253, 187, 18,1) 0%,rgba(253, 187, 18,0.95) 45%,rgba(245, 245, 245,0.75) 65%,rgba(245, 245, 245,0.75) 100%);
    }

    .no-image-cta .image-cta__overlay__content__btn::after {
        display: none;
    }

    .image-cta--black.no-image-cta.image-cta::after {
        background: linear-gradient(60deg, rgba(0, 0, 0, 0.94) 65%, rgba(0, 0, 0, 0.5) 0);
    }

    .image-cta--black .btn-secondary:hover {
        border: 1px solid #FDBB12;
        color: #222222;
        background: linear-gradient(to right,  #FDBB12 0%,#FDBB12 100%);
    }

    .image-cta--black .btn-secondary::before {
        color: #222222;
    }

    .image-cta--black .btn-secondary:hover::after {
        background: #FDBB12;
    }
    .image-cta.full-width .image-cta__content{
        max-width: 80%;
    }
    .image-cta.full-width{
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

@media(min-width: 1600px) {
    .image-cta__bg {
        width: 100%;
    }

    .image-cta__overlay__content__btn .btn {
        padding: 17px 82px 17px 34px;
    }

    .image-cta__overlay__content__btn .btn::before {
        right: 34px;
    }

    .image-cta__overlay__content__btn {
        bottom: 130px;
        padding: 0 142px 0 0;
    }

    .image-cta__overlay__content__btn:after {
        width: 1128px;
        bottom: -53px;
    }

    .image-cta__overlay__content {
        padding: 275px 470px 111px 0;
    }

    .image-cta__overlay__content .sub-heading {
        font-size: 22px;
    }

    .image-cta__overlay__content h2 {
        font-size: 90px;
        line-height: 1.222em;
    }

    .image-cta__overlay__content__btn .btn + .btn {
        margin-left: 35px;
    }

    .image-cta:after {
        background: linear-gradient(55deg, rgba(22, 22, 22, 1) 32%, rgba(99, 99, 99, 0.25) 77%);
    }

    .image-cta--inner .image-cta__overlay__content__btn {
        position: relative;
        bottom: 0;
        padding-bottom: 50px;
        padding-right: 0;
    }

    .image-cta--inner .image-cta__overlay__content {
        padding: 270px 0 70px 0;
    }

    .image-cta__content {
        padding-right: 0;
        max-width: 1000px;
    }

    .image-cta__content p {
        padding-right: 125px;
    }

    .image-cta--inner .image-cta__overlay__content h2 {
        font-size: 100px;
        line-height: 100px;
        font-weight: 500;
        padding-bottom: 20px;
    }

    .image-cta__overlay__content .sub-heading {
        font-size: 32px;
        margin-bottom: 5px;
    }

    .image-cta--black.no-image-cta.image-cta::after {
        background: linear-gradient(63deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.90) 68%, rgba(0, 0, 0, 0.6) 0);
    }
}