/* ==========================================================
   FEATURE CARD
========================================================== */

.feature-card {

    background: #fff;

    border-radius: 24px;

    padding: 2.5rem;

    display: flex;

    flex-direction: column;

    gap: 1.25rem;

    transition: all .35s ease;

    box-shadow:
        0 8px 30px rgba(0,0,0,.05);

    height: 100%;

}

.feature-card:hover {

    transform: translateY(-6px);

    box-shadow:
        0 20px 45px rgba(0,0,0,.10);

}

.feature-card__icon {

    font-size: 3rem;

    line-height: 1;

}

.feature-card__title {

    margin: 0;

    font-size: 1.4rem;

    font-weight: 700;

    color: var(--color-charcoal);

}

.feature-card__text {

    margin: 0;

    color: var(--color-text);

    line-height: 1.8;

}