/*======================================
    CTA
======================================*/
.footer-area{
    background: var(--secondary);
    margin-top: 50px;
}

.footer-area .cta{
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cta{
    overflow: hidden;
    padding: 0;
}

.cta .row{
    min-height: 340px;
}

.cta .col-lg-5,
.cta .col-lg-7,
.cta .col-xl-5,
.cta .col-xl-7{
    display:flex;
    align-items:center;
}

.cta-content{
    color:#fff;
    width:100%;
    padding: 0px 25px 40px 0;
}

.cta-content h2{
    color:#fff;
    font-size:35px;
    font-weight:700;
    line-height:1.1;
   margin: 45px 0 25px 0;
}

.cta-content h2 span{
    display:block;
    color:var(--primary);
}

.cta-content p{
    max-width:470px;
    color:rgba(255,255,255,.82);
    font-size:18px;
    line-height:1.65;
    margin-bottom:35px;
}

.cta-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.cta .btn{
    min-width:210px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.cta-image{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.cta-image::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 100%;
    z-index: 2;

    background: linear-gradient(
        90deg,
        var(--secondary) 0%,
        rgba(7,29,58,.95) 15%,
        rgba(7,29,58,.75) 35%,
        rgba(7,29,58,.35) 65%,
        rgba(7,29,58,0) 100%
    );

    pointer-events: none;

}
.cta-image::after{

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0,0,0,.12);

    z-index: 1;

    pointer-events: none;

}
.cta-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}
/*======================================
    RESPONSIVO
======================================*/

@media (max-width:991px){

    .cta{

        padding:60px 0;

    }

    .cta-content{

        padding:0;

        margin-bottom:40px;

    }

    .cta-content h2{

        font-size:36px;

    }

    .cta-content p{

        font-size:16px;

    }

    .cta-image{

        height:260px;

    }

    .cta .btn{

        width:100%;

    }

}