# Lario Interiors Animated Statistics Counter ```html

Happy to be Here With Your Support

We strive to earn that title through our exceptional work. Our designs speak volumes, and we believe that satisfied clients are our most powerful advocates.

0 +

Completed Projects

0 +

Satisfied Clients

0 +

Working Hours

``` ### What makes this version lively * **1500+ → 0 to 1,500+ animated count-up** * **800+ → 0 to 800+ animated count-up** * **35,000+ → 0 to 35,000+ animated count-up** * Animation starts **only when the visitor scrolls to the section** * Smooth ease-out counting rather than a basic linear counter * Animated red accent line under each statistic * Subtle floating background effects * Number glow effect when the counter starts * Hover animation on desktop * Responsive layout for mobile * No Bootstrap, jQuery, GSAP, or other external libraries * Uses only lightweight CSS + vanilla JavaScript ### To use your exact reference numbers The code currently uses the numbers shown in your reference image: ```html data-target="1500" data-target="800" data-target="35000" ``` If these are the actual Lario figures you want displayed, you can leave them as they are. If you want the numbers to reflect the **current website's published figures**, update them accordingly; the current homepage describes **1,000+ completed projects**, while the About page contains the statistics section with these counters. **Background image:** replace the image URL in `.lario-stats-section` with the exact interior image you want from your Lario website. For the fastest loading, use a compressed **WebP image** around 100–200 KB.