/* ==========================================
   HERO STATISTICS
========================================== */

.hero-statistics{

    position: relative;

    margin-top: -70px;      /* masuk ke Hero */

    z-index: 20;

}

.hero-statistics .container{

    max-width: 1100px;      /* tidak terlalu lebar */

}

.counter-box{

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

    backdrop-filter: blur(12px);

    border-radius: 18px;

    padding: 24px 18px;

    box-shadow: 0 12px 35px rgba(0,0,0,.10);

    border:1px solid rgba(15,76,129,.08);
    
    transition: .35s;

    height: 100%;

}

.counter-box:hover{

    transform: translateY(-8px);

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

}

.counter-box h3{

    font-size: 2rem;        /* sebelumnya terlalu besar */

    font-weight: 700;

    color: var(--primary);

    margin-bottom: .35rem;

    line-height: 1;

}

.counter-box small{

    display:block;

    font-size:.92rem;

    color:#6c757d;

    font-weight:500;

}

/*.counter-box{
    border:1px solid rgba(15,76,129,.08);
}*/

/* Tablet */

@media (max-width:991px){

    .hero-statistics{

        margin-top:-55px;

    }

}

/* Mobile */

@media (max-width:767px){

    .hero-statistics{

        margin-top:-35px;

    }

    .hero-statistics .container{

        max-width:95%;

    }

    .counter-box{

        padding:18px 12px;

    }

    .counter-box h3{

        font-size:1.5rem;

    }

    .counter-box small{

        font-size:.8rem;

    }

}