Fix: Remove duplicate CSS, fix counter animation, ensure modals are hidden

script.js

@@ -72,20 +72,31 @@ function initCounters() {
     const animateCounter = (counter) => {
         const target = parseFloat(counter.getAttribute('data-target'));
         const duration = 2000;
-        const step = target / (duration / 16);
+        const startTime = performance.now();
-        let current = 0;
+        
-
+        const updateCounter = (currentTime) => {
-        const updateCounter = () => {
+            const elapsed = currentTime - startTime;
-            current += step;
+            const progress = Math.min(elapsed / duration, 1);
-            if (current < target) {
+            
+            // Easing function for smooth animation
+            const easeOutQuart = 1 - Math.pow(1 - progress, 4);
+            const current = target * easeOutQuart;
+            
+            // Format based on target value
+            if (target % 1 === 0) {
+                counter.textContent = Math.round(current);
+            } else {
                 counter.textContent = current.toFixed(1);
+            }
+            
+            if (progress < 1) {
                 requestAnimationFrame(updateCounter);
             } else {
                 counter.textContent = target;
             }
         };
 
-        updateCounter();
+        requestAnimationFrame(updateCounter);
     };
 
     // Use Intersection Observer to trigger animation

styles.css

@@ -1518,17 +1518,6 @@ body {
     color: var(--color-text);
 }
 
-/* ========================================
-   Service Modals - Hide by default
-   ======================================== */
-.service-modal {
-    display: none !important;
-}
-
-.service-modal.active {
-    display: flex !important;
-}
-
 /* ========================================
    Service Status Checking
    ======================================== */