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

.cta{

    padding:0px 0;

    background:var(--color-background);

}

/*==============================================
    CONTENT
==============================================*/

.cta-content{

    max-width:850px;

    margin:0 auto;

    text-align:center;

}

/*==============================================
    SUBTITLE
==============================================*/

.cta .section-subtitle{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    margin-bottom:20px;

    color:var(--color-primary);

    font-size:.9rem;

    font-weight:600;

    letter-spacing:5px;

    text-transform:uppercase;

}

.cta .section-subtitle::before,
.cta .section-subtitle::after{

    content:"";

    width:80px;

    height:1px;

    background:rgba(199,154,121,.45);

}

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

.cta-content h2{

    font-size:3.6rem;

    line-height:1.15;

    margin-bottom:25px;

    text-align:center;

}

/*==============================================
    PARAGRAPH
==============================================*/

.cta-content p{

    max-width:700px;

    margin:0 auto;

    text-align:center;

    line-height:1.9;

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

}

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

.cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    margin-top:40px;

    flex-wrap:wrap;

}

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

@media (max-width:768px){

    .cta{

        padding:80px 0;

    }

    .cta-content h2{

        font-size:2.8rem;

    }

    .cta .section-subtitle::before,
    .cta .section-subtitle::after{

        width:50px;

    }

    .cta-buttons{

        flex-direction:column;

    }

}