/* ==========================================================================
   COMPONENTS
========================================================================== */

/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

/* ... */


/*
|--------------------------------------------------------------------------
| Forms
|--------------------------------------------------------------------------
*/

/* ... */


/*
|--------------------------------------------------------------------------
| Card
|--------------------------------------------------------------------------
*/

/* ... */


/*
|--------------------------------------------------------------------------
| Card Header
|--------------------------------------------------------------------------
*/

.ua-card-header {
    margin-bottom: var(--space-2xl);
}


/*
|--------------------------------------------------------------------------
| Section Header
|--------------------------------------------------------------------------
*/

.ua-section-title {
    margin: 0;

    color: var(--text);
    font-size: clamp(1.55rem, 2.5vw, 2rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .02em;
}

.ua-section-description {
    max-width: 700px;
    margin: var(--space-md) 0 0;

    color: var(--text-light);
    font-size: 1.05rem;
    line-height: 1.8;
}

@media (max-width: 767.98px) {

    .ua-card-header {
        margin-bottom: var(--space-xl);
    }

    .ua-section-title {
        font-size: 1.3rem;
    }

    .ua-section-description {
        font-size: .95rem;
    }

}