/* ==================================================
   HOME CTA
================================================== */

.home-cta {

    padding: var(--space-3xl) 0;
}

.home-cta .container {

    max-width: 900px;

    padding: 56px 36px;

    text-align: center;

    background: var(--background-alt);

    border: 1px solid #eceff3;
    border-radius: var(--radius-lg);

    box-shadow: var(--shadow-sm);
}


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

.home-cta .section-subtitle {

    display: inline-block;

    margin-bottom: 18px;
}

.home-cta h2 {

    max-width: 760px;

    margin: 0 auto 24px;

    line-height: 1.15;
}

.home-cta p {

    max-width: 700px;

    margin: 0 auto;

    color: var(--text-light);

    line-height: 1.9;
}


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

.cta-buttons {

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 18px;

    margin-top: 42px;
}

.cta-buttons .btn {

    width: 100%;
    max-width: 340px;
}


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

@media (min-width: 768px) {

    .home-cta .container {

        padding: 72px 56px;
    }

    .cta-buttons {

        flex-direction: row;
        justify-content: center;
    }

    .cta-buttons .btn {

        width: auto;
        min-width: 240px;
    }

}


/* ==================================================
   DESKTOP
================================================== */

@media (min-width: 1200px) {

    .home-cta .container {

        padding: 88px 72px;
    }

    .home-cta h2 {

        font-size: clamp(2.8rem, 4vw, 3.8rem);
    }

}