/* COUNTER SECTION */
.counter-section {
    text-align: center;
    padding: 30px
}

/* The circle itself */
.counter-circle {
    background: #ffff;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    animation: popIn 0.6s ease;    /* small arrival animation */
}

/* The number */
.counter-circle #counterDisplay {
    font-size: 3rem;
    font-weight: 700;
    color: #098317;
    font-family: "Tektur", sans-serif;
}

/* Small label under the circle */
.counter-label {
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: 10px;
    color: #098317;
}


/* Entrance animation */
@keyframes popIn {
    0% { transform: scale(0.5); opacity: 0; }
    60% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); }
}