/* =====================================
   ABOUT STATS
===================================== */

.about-stats{

    display:grid;

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

    gap:24px;

    max-width:1100px;

    margin:40px auto 60px;
}

.about-stat-card{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:18px;

    padding:30px 20px;

    text-align:center;

    transition:.2s;
}

.about-stat-card:hover{

    transform:translateY(-4px);

    box-shadow:
    0 20px 40px rgba(15,23,42,.08);
}

.about-stat-number{

    font-size:42px;

    font-weight:800;

    color:#14b8a6;

    line-height:1;

    margin-bottom:12px;
}

.about-stat-label{

    font-size:15px;

    color:#64748b;

    line-height:1.6;
}

.about-story{
    font-size:20px;
    max-width:1200px;
    margin:auto;
}

.about-story p{
    font-size:22px;
    line-height:1.9;
    color:#475569;
    margin-bottom:20px;
}

.about-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.about-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:32px;
}

.about-card h3{
    margin-bottom:16px;
}

.about-card p{
    color:#64748b;
    line-height:1.8;
}

.about-card ul{
    margin:0;
    padding-left:20px;
}

.about-card li{
    margin-bottom:10px;
    color:#475569;
}

.about-mission{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:50px;
    text-align:center;
}

.about-mission h2{
    margin-bottom:20px;
}

.about-mission p{
    max-width:1200px;
    margin:0 auto 16px;
    line-height:1.9;
    color:#64748b;
}

@media(max-width:768px){

.about-grid{
    grid-template-columns:1fr;
}

.about-stats{

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

    gap:16px;

    margin:30px auto 40px;
}

.about-stat-number{

    font-size:32px;
}

.about-mission{
    padding:32px 24px;
}

}