/* ==========================================================
   AVARTHANA TECHNOLOGIES
   CALL TO ACTION
   Release : 1.6.1
========================================================== */

.cta-section{

    padding:120px 0;

    background:linear-gradient(
        135deg,
        #0d213d 0%,
        #18385f 100%
    );

}


/* ==========================================================
   CTA BOX
========================================================== */

.cta-box{

    max-width:1100px;

    margin:0 auto;

    padding:80px 70px;

    text-align:center;

    border-radius:28px;

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

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 24px 60px rgba(0,0,0,.20);

}


/* ==========================================================
   LABEL
========================================================== */

.cta-section .section-label{

    display:inline-block;

    margin-bottom:18px;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#49b3ff;

}


/* ==========================================================
   HEADING
========================================================== */

.cta-section h2{

    margin:0 auto 28px;

    max-width:760px;

    font-size:clamp(2.5rem,3vw,3.5rem);

    line-height:1.18;

    font-weight:800;

    color:#ffffff;

}


/* ==========================================================
   TEXT
========================================================== */

.cta-section p{

    max-width:760px;

    margin:0 auto;

    font-size:1.08rem;

    line-height:1.9;

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

}


/* ==========================================================
   BUTTONS
========================================================== */

.cta-actions{

    margin-top:50px;

    display:flex;

    justify-content:center;

    gap:22px;

    flex-wrap:wrap;

}


/* Primary */

.cta-actions .btn-primary{

    background:#1683ff;

    color:#ffffff;

    border:none;

    transition:.30s;

}

.cta-actions .btn-primary:hover{

    background:#0e6ee2;

    transform:translateY(-2px);

}


/* Outline */

.cta-actions .btn-outline{

    background:transparent;

    color:#ffffff;

    border:2px solid rgba(255,255,255,.25);

    transition:.30s;

}

.cta-actions .btn-outline:hover{

    background:#ffffff;

    color:#0d213d;

    border-color:#ffffff;

}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:992px){

    .cta-box{

        padding:70px 50px;

    }

}

@media (max-width:768px){

    .cta-section{

        padding:100px 0;

    }

    .cta-box{

        padding:70px 65px;

    }

    .cta-section h2{

        font-size:2rem;

    }

    .cta-section p{

        font-size:1rem;

    }

    .cta-actions{

        flex-direction:column;

        align-items:center;

    }

    .cta-actions .btn{

        width:260px;

    }

}

@media (max-width:576px){

    .cta-box{

        padding:45px 25px;

    }

}
.cta-content::before{

    content:"";

    display:block;

    width:70px;

    height:3px;

    margin:0 auto 24px;

    border-radius:3px;

    background:#1683ff;

}