// Get DOM elements let carouselDom = document.querySelector(‘.carousel’); let SliderDom = carouselDom.querySelector(‘.carousel .list’); let timeRunning = 5000; let timeAutoNext = 10000; let runTimeOut; let runNextAuto = setTimeout(() => { showSlider(‘next’); }, timeAutoNext); function showSlider(type) { let SliderItemsDom = SliderDom.querySelectorAll(‘.carousel .list .newItem’); if (type === ‘next’) { SliderDom.appendChild(SliderItemsDom[0]); // No class change needed, just transitions carouselDom.classList.add(‘next’); } else { SliderDom.prepend(SliderItemsDom[SliderItemsDom.length – 1]); carouselDom.classList.add(‘prev’); } clearTimeout(runTimeOut); runTimeOut = setTimeout(() => { carouselDom.classList.remove(‘next’); carouselDom.classList.remove(‘prev’); }, timeRunning); clearTimeout(runNextAuto); runNextAuto = setTimeout(() => { showSlider(‘next’); }, timeAutoNext); }

document.addEventListener(“DOMContentLoaded”, function() { const counters = document.querySelectorAll(‘.count1’); counters.forEach((counter, index) => { // Set different speeds for each counter let speed; if (index === 0) { speed = 500; // Slow speed for the first counter } else if (index === 1) { speed = 100; // Faster speed for the second counter } else { speed = 1000; // Even faster for subsequent counters } const updateCount = () => { const target = +counter.getAttribute(‘data-target’); const count = +counter.innerText; // Calculate increment based on individual speed const increment = target / speed; // Update counter value if (count < target) { counter.innerText = Math.ceil(count + increment); setTimeout(updateCount, 40); // Consistent delay for smoother effect } else { counter.innerText = target; // Ensure counter shows final target value } }; updateCount(); }); });