document.addEventListener("DOMContentLoaded", function() {
    const counter = document.getElementById('counter');
    const target = parseInt(counter.innerText.replace(/,/g, ''), 10);
    let count = 0;
    const speed = 200; // Adjust this value for animation speed (higher is slower)

    const updateCounter = () => {
        const increment = target / speed; 
        count += increment;

        if (count < target) {
            counter.innerText = Math.floor(count).toLocaleString();
            requestAnimationFrame(updateCounter);
        } else {
            counter.innerText = target.toLocaleString(); // Ensures final number is exact
        }
    };

    setTimeout(updateCounter, 1500);
});

document.addEventListener("DOMContentLoaded", function() {
    const counter = document.getElementById('counter2');
    const target = parseFloat(counter.innerText); // Parse as a float for decimals
    let count = 0;
    const speed = 50; // Adjust this value for animation speed (higher is slower)

    const updateCounter = () => {
        const increment = target / speed; 
        count += increment;

        if (count < target) {
            counter.innerText = count.toFixed(1); // Format to one decimal place
            requestAnimationFrame(updateCounter);
        } else {
            counter.innerText = target.toFixed(1); // Ensures it stops exactly at 1.4
        }
    };

    setTimeout(updateCounter, 3000);
});

document.addEventListener("DOMContentLoaded", function() {
    const counter = document.getElementById('counter3');
    const target = parseInt(counter.innerText, 10);
    let count = 0;
    const speed = 50; // Adjust for speed (higher value makes slower animation)

    const updateCounter = () => {
        const increment = target / speed; 
        count += increment;

        if (count < target) {
            counter.innerText = Math.ceil(count);
            requestAnimationFrame(updateCounter);
        } else {
            counter.innerText = target; // Ensures it stops exactly at 50
        }
    };

    // Start the counter after a 1-second delay
    setTimeout(updateCounter, 3000);
});

document.addEventListener("DOMContentLoaded", function() {
    const counter = document.getElementById('counter4');
    const target = parseFloat(counter.innerText); // Parse as a float for decimals
    let count = 0;
    const speed = 50; // Adjust this value for animation speed (higher is slower)

    const updateCounter = () => {
        const increment = target / speed; 
        count += increment;

        if (count < target) {
            counter.innerText = count.toFixed(1); // Format to one decimal place
            requestAnimationFrame(updateCounter);
        } else {
            counter.innerText = target.toFixed(1); // Ensures it stops exactly at 1.4
        }
    };

    setTimeout(updateCounter, 3000);
});

document.addEventListener("DOMContentLoaded", function() {
    const counter = document.getElementById('counter5');
    const target = parseInt(counter.innerText.replace(/,/g, ''), 10); // Parse as integer, remove commas
    let count = 0;
    const speed = 50; // Adjust this for speed (higher value makes slower animation)

    const updateCounter = () => {
        const increment = target / speed;
        count += increment;

        if (count < target) {
            counter.innerText = Math.ceil(count).toLocaleString(); // Add commas for formatting
            requestAnimationFrame(updateCounter);
        } else {
            counter.innerText = target.toLocaleString(); // Ensures it stops exactly at 1,850
        }
    };

    // Start the counter after a 1-second delay
    setTimeout(updateCounter, 3000);
});

document.addEventListener("DOMContentLoaded", function() {
    const counter = document.getElementById('counter6');
    const target = parseInt(counter.innerText, 10);
    let count = 0;
    const speed = 50; // Adjust this for speed (higher value makes slower animation)

    const updateCounter = () => {
        const increment = target / speed;
        count += increment;

        if (count < target) {
            counter.innerText = Math.ceil(count);
            requestAnimationFrame(updateCounter);
        } else {
            counter.innerText = target; // Ensures it stops exactly at 30
        }
    };

    // Start the counter after a 1-second delay
    setTimeout(updateCounter, 3000);
});