/* ==========================================================================
   FIGORA Global Skills Nexus
   ----------------------------------------------------------------------------
   Section : Final Call To Action
   File    : assets/css/cta.css
   Version : 1.1.0
========================================================================== */

/* ======================================================
   CTA SECTION
====================================================== */

.figora-cta{

    position:relative;
    overflow:hidden;

    margin:100px auto;

    padding:100px 40px;

    border-radius:28px;

    background:linear-gradient(
        135deg,
        var(--color-primary),
        var(--color-secondary)
    );

    text-align:center;

    color:#fff;

    isolation:isolate;

}

.figora-cta::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-140px;
    top:-170px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    z-index:-1;

}

.figora-cta::after{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    left:-80px;
    bottom:-110px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    z-index:-1;

}

.figora-cta__content{

    max-width:850px;

    margin:0 auto;

}

.figora-cta .section-subtitle{

    color:#fff;

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

    margin-bottom:24px;

}

.figora-cta__title{

    color:#fff;

    font-size:clamp(2.2rem,5vw,3.5rem);

    line-height:1.2;

    margin-bottom:22px;

}

.figora-cta__description{

    max-width:720px;

    margin:0 auto 45px;

    font-size:1.15rem;

    line-height:1.9;

    color:rgba(255,255,255,.92);

}

.figora-cta__buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}

.figora-cta .btn{

    min-width:220px;

    justify-content:center;

    transition:.3s ease;

}

/* Primary */

.figora-cta .btn-primary{

    background:#fff;

    color:var(--color-primary);

    border:2px solid #fff;

}

.figora-cta .btn-primary:hover{

    transform:translateY(-4px);

    background:#F8FAFC;

}

/* Outline */

.figora-cta .btn-outline-light{

    background:transparent;

    border:2px solid #fff;

    color:#fff;

}

.figora-cta .btn-outline-light:hover{

    background:#fff;

    color:var(--color-primary);

}

/* ======================================================
   TABLET
====================================================== */

@media(max-width:991px){

    .figora-cta{

        padding:80px 35px;

        margin:80px auto;

    }

}

/* ======================================================
   MOBILE
====================================================== */

@media(max-width:767px){

    .figora-cta{

        margin:60px auto;

        padding:65px 24px;

        border-radius:20px;

    }

    .figora-cta__title{

        font-size:2rem;

    }

    .figora-cta__description{

        font-size:1rem;

        margin-bottom:35px;

    }

    .figora-cta__buttons{

        flex-direction:column;

        gap:15px;

    }

    .figora-cta .btn{

        width:100%;

    }

}