/*=========================================================
    PROJECT : Hope & Harmony Spectrum Inc.
    FILE    : cta.css
    PURPOSE : Cta Section
=========================================================*/

/*=========================================================
                CALL TO ACTION
=========================================================*/

.cta{

    position:relative;

    background:
        linear-gradient(
            rgba(12,59,125,.82),
            rgba(12,59,125,.82)
        ),
        url("../images/cta-bg.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    text-align:center;

    padding:120px 0;

}

.cta-content{

    max-width:750px;

    margin:auto;

}

.cta .section-tag{

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

    color:#fff;

}

.cta h2{

    color:#fff;

    margin:20px 0;

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

}

.cta p{

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

    line-height:1.9;

    margin-bottom:40px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.cta .btn-primary{

    background:var(--accent-color);

    color:var(--primary-color);

}

.cta .btn-primary:hover{

    background:#f7c977;

    color:var(--dark-blue);

    box-shadow:0 12px 25px rgba(240,190,105,.35);

}  
.cta::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

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

    border-radius:50%;

    top:-100px;

    left:-100px;

    filter:blur(60px);

}

.cta::after{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    background:rgba(71,166,169,.15);

    border-radius:50%;

    bottom:-120px;

    right:-80px;

    filter:blur(60px);

}