/*=========================================================
    PROJECT : Hope & Harmony Spectrum Inc.
    FILE    : statistics.css
    PURPOSE : Statistics Section
=========================================================*/
/*=========================================================
                STATISTICS
=========================================================*/

.statistics{

    background:var(--white);

}

.statistics-header{

    text-align:center;

    max-width:700px;

    margin:0 auto 60px;

}

.statistics-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.stat-card{

    background:var(--white);

    padding:40px 25px;

    text-align:center;

    border-radius:20px;

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

    transition:var(--transition);

    border:1px solid var(--border-color);

}

.stat-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-lg);

}

.stat-card h3{

    color:var(--primary-color);

    font-size:3rem;

    margin-bottom:15px;

}

.stat-card p{

    margin:0;

    font-weight:600;

}