/* =====================================================
                    CONTACT CTA
===================================================== */
.contact-cta{
    margin-bottom: clamp(1.5rem,3.5vw,4.5rem) ;
}

.cta-content{
    position:relative;
    flex-direction: column;
    display:flex;
    align-items:flex-start;
    justify-content: center;

    min-height:400px;

    overflow:hidden;
    isolation:isolate;

    padding-top: clamp(0.9rem,2vw,4.5rem);
    padding-left: clamp(0.9rem,3vw,3rem);
    padding-right: clamp(0.9rem,3vw,3rem) ;
    padding-bottom: clamp(0.9rem,2vw,4.5rem) ;

    border-radius:var(--radius-small);
}

.cta-content::before{
    content:"";

    position:absolute;
    inset:0;
    transform: scaleX(1);

    background:
        linear-gradient(
            rgba(231, 122, 40, 0.616),
            rgb(255, 107, 0.9)
        ),
        url("../images/background/sejjelec.webp");

    background-size:cover;
    background-position:center;

    z-index:-2;
}
/* =====================================================
                    CTA TEXT
===================================================== */

.cta-text{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:1.4rem;

    z-index:3;
}

.cta-text h2{
    color: #fff;
    font-family:var(--outfit);
    font-size:clamp(2rem,2vw + .5rem,4rem);
    font-weight:700;

    line-height:1.15;
}

.cta-text p{
    font-size:clamp(1rem,1vw + .2rem,1.25rem);

    color:#fff;
    font-weight:520;
}
/* ====================================================
                    CTA BUTTON
===================================================== */

.cta-button{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:fit-content;

    gap:1rem;

    padding:.35rem .35rem .35rem 1.25rem;
    margin-top:2rem;
    border-radius:var(--radius-small);

    background:#fff;

    color:#222;
    font-weight:600;
    box-shadow:
        0 12px 30px rgba(0,0,0,.18);

    transition:.35s;
}

.cta-button img{
    width:38px;
    height:38px;
    border-radius:50%;
    padding:.45rem;

    background:var(--primary-color);
}

.cta-button:hover{
    transform:translateY(-4px);

    box-shadow:

        0 18px 40px rgba(0,0,0,.25);
}


@media (max-width:768px){

.cta-content{

flex-direction:column;

align-items:flex-start;

}

.cta-background{

display:none;

}

}