Features Breakdown: Animated Stats (Smart) This section displays key performance indicators (KPIs) or "Trust Numbers" (e.g., "50k+ Happy Customers", "98% Satisfaction") with smooth counting animations. It supports advanced gradients and flexible layouts for mobile vs. desktop.

1. Counting Animation

• Smooth Transition: Numbers count up from a "Start Value" (e.g., 0) to the "Final Value" (e.g., 5000) using a smooth easing effect.

• Duration: Control how long the animation takes (e.g., 2 seconds).

• Prefix/Suffix: Add symbols like "+" or "%" that sit next to the animated number. You can adjust the gap (px) between the symbol and the number.

2. Grid & Layout

• Desktop Columns: Choose between 2, 3, or 4 columns.

• Mobile Columns: Toggle between a stacked 1 Column layout or a compact 2 Column grid.

• Separators: Optional visual dividers between stats.

  • Desktop: Vertical lines.

  • Mobile: Horizontal lines (1-col) or vertical lines (2-col).

  • Styling: Adjust the Thickness and Color of the separator lines.

3. Typography & Styling

• Font Control: Use the global Theme Font or force specific Custom Fonts for headings and body text.

• Granular Sizing: Independent font-size sliders for Numbers and Description Text (Desktop vs. Mobile).

• Alignment: Align the entire block content to the Left, Center, or Right.

4. Colors & Gradients

• Number Styling: Apply a solid color or a Custom Gradient to the numbers (including the prefix/suffix).

• Text Styling: Separate color picker for the description text below the number.

• Background: Set a Section Background Color or Gradient.

5. Header Content

• Blocks: Add optional Heading and Text blocks above the stats grid to introduce the section. These have their own Alignment and Size settings.

6. Spacing & Visibility

• Container: Set a Max-Width (px) for the content.

• Padding: Fine-tune margins (Top/Bottom) and side padding (Custom or Theme).

• Device Targeting: Options to hide the section on Mobile Only or Desktop Only.