/**
 * ==========================================================
 * HERO STATS
 * MetrYMMO V2
 * ==========================================================
 */

.hero-stats{

    display:grid;

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

    gap:25px;

    margin-top:70px;

}

.hero-stat{

    padding:30px 25px;

    border-radius:22px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.12);

    backdrop-filter:blur(20px);

    -webkit-backdrop-filter:blur(20px);

    text-align:center;

    transition:.35s ease;

}

.hero-stat:hover{

    transform:translateY(-8px);

    border-color:#C99A55;

    box-shadow:
        0 20px 40px rgba(0,0,0,.30);

}

.hero-stat h3{

    margin:0 0 10px;

    color:#C99A55;

    font-size:2.5rem;

    font-weight:800;

    line-height:1;

}

.hero-stat p{

    margin:0;

    color:rgba(255,255,255,.85);

    font-size:1rem;

    font-weight:500;

}

/* ==========================================
   TABLETTE
========================================== */

@media (max-width:991px){

    .hero-stats{

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

    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:576px){

    .hero-stats{

        grid-template-columns:1fr;

        gap:18px;

        margin-top:50px;

    }

    .hero-stat{

        padding:24px 20px;

    }

    .hero-stat h3{

        font-size:2rem;

    }

}