<?php
 /**
  * Title: Counter Area
  * Slug: constructionlite/counter
  * Categories: constructionlite
  * Keywords: counter, count, number, counter area, fun fact, stats
  */
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Counter Area ","categories":["constructionlite"],"patternName":"constructionlite/counter"},"align":"full","className":"counter-section counter-wrap","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull counter-section counter-wrap" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"metadata":{"name":"Section Title"},"align":"wide","style":{"spacing":{"blockGap":"15px","padding":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group alignwide" style="padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:group {"align":"wide","className":"section-title-wrapper","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group alignwide section-title-wrapper"><!-- wp:paragraph {"align":"left","className":"super-title","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} -->
<p class="has-text-align-left super-title" style="font-style:normal;font-weight:600"><?php esc_html_e('Our Counter','spark-construction-lite'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","align":"full"} -->
<h2 class="wp-block-heading alignfull has-text-align-center"><?php esc_html_e('Happy To Have Work With Expertise Clients','spark-construction-lite'); ?></h2>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"constrained","wideSize":"1020px"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php esc_html_e('Welcome and thank you for installing the free WordPress theme. Construction is a clean, beautiful, and fully customizable responsive modern free WordPress construction theme, especially for App-related landing pages.','spark-construction-lite'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","className":"achivement-items","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide achivement-items"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|lg"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"box-shadow","style":{"border":{"radius":"10px"},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}},"shadow":"var:preset|shadow|soft"},"backgroundColor":"background","layout":{"type":"constrained"}} -->
<div class="wp-block-group box-shadow has-background-background-color has-background" style="border-radius:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;box-shadow:var(--wp--preset--shadow--soft)"><!-- wp:group {"className":"timer-content ","style":{"spacing":{"blockGap":"15px","padding":{"top":"25px","bottom":"25px","left":"25px","right":"25px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group timer-content" style="padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px"><!-- wp:group {"className":"timer-icon","style":{"border":{"radius":"5px"},"color":{"background":"#f3f0fb"},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"textColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group timer-icon has-primary-color has-text-color has-background" style="border-radius:5px;background-color:#f3f0fb;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:image {"id":161,"width":"65px","height":"65px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#ffc107","#f6f6f6"]}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/service/product-design.png" alt="" class="wp-image-161" style="object-fit:cover;width:65px;height:65px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"timer-content","style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group timer-content" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"timer counter","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","layout":{"type":"constrained"}} -->
<div class="wp-block-group timer counter has-foreground-color has-text-color has-link-color" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:heading -->
<h2 class="wp-block-heading"><strong>1790</strong></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:heading {"className":"counter_suffix","style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
<h2 class="wp-block-heading counter_suffix has-foreground-color has-text-color has-link-color" style="font-style:normal;font-weight:400">+</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:heading {"level":5,"className":"medium","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
<h5 class="wp-block-heading medium" style="font-style:normal;font-weight:500"><strong><?php esc_html_e('Happy Clients','spark-construction-lite'); ?></strong></h5>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"box-shadow","style":{"border":{"radius":"10px"},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"}},"shadow":"var:preset|shadow|soft"},"backgroundColor":"background","layout":{"type":"constrained"}} -->
<div class="wp-block-group box-shadow has-background-background-color has-background" style="border-radius:10px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;box-shadow:var(--wp--preset--shadow--soft)"><!-- wp:group {"className":"timer-content ","style":{"spacing":{"blockGap":"15px","padding":{"top":"25px","bottom":"25px","left":"25px","right":"25px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group timer-content" style="padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px"><!-- wp:group {"className":"timer-icon","style":{"border":{"radius":"5px"},"color":{"background":"#f3f0fb"},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"textColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group timer-icon has-primary-color has-text-color has-background" style="border-radius:5px;background-color:#f3f0fb;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:image {"id":161,"width":"65px","height":"65px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#ffc107","#f6f6f6"]}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/service/digital-marketting.png" alt="" class="wp-image-161" style="object-fit:cover;width:65px;height:65px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"timer-content","style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group timer-content" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"timer counter","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","layout":{"type":"constrained"}} -->
<div class="wp-block-group timer counter has-foreground-color has-text-color has-link-color" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:heading -->
<h2 class="wp-block-heading"><strong>100</strong></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:heading {"className":"counter_suffix","style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
<h2 class="wp-block-heading counter_suffix has-foreground-color has-text-color has-link-color" style="font-style:normal;font-weight:400">%</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:heading {"level":5,"className":"medium","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
<h5 class="wp-block-heading medium" style="font-style:normal;font-weight:500"><strong><?php esc_html_e('Money Back Guarantee','spark-construction-lite'); ?></strong></h5>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"box-shadow","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":"10px"},"shadow":"var:preset|shadow|soft"},"backgroundColor":"background","layout":{"type":"constrained"}} -->
<div class="wp-block-group box-shadow has-background-background-color has-background" style="border-radius:10px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;box-shadow:var(--wp--preset--shadow--soft)"><!-- wp:group {"className":"timer-content ","style":{"spacing":{"blockGap":"15px","padding":{"top":"25px","bottom":"25px","left":"25px","right":"25px"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group timer-content" style="padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px"><!-- wp:group {"className":"timer-icon","style":{"border":{"radius":"5px"},"color":{"background":"#f3f0fb"},"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30","right":"var:preset|spacing|30"}}},"textColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group timer-icon has-primary-color has-text-color has-background" style="border-radius:5px;background-color:#f3f0fb;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:image {"id":161,"width":"65px","height":"65px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":["#ffc107","#f6f6f6"]}}} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/service/web-development.png" alt="" class="wp-image-161" style="object-fit:cover;width:65px;height:65px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"timer-content","style":{"spacing":{"blockGap":"0px","margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group timer-content" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:group {"className":"timer counter","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","layout":{"type":"constrained"}} -->
<div class="wp-block-group timer counter has-foreground-color has-text-color has-link-color" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:heading -->
<h2 class="wp-block-heading"><strong>25</strong></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:heading {"className":"counter_suffix","style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground"} -->
<h2 class="wp-block-heading counter_suffix has-foreground-color has-text-color has-link-color" style="font-style:normal;font-weight:400">+</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:heading {"level":5,"className":"medium","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->
<h5 class="wp-block-heading medium" style="font-style:normal;font-weight:500"><strong><?php esc_html_e('Years of Experience','spark-construction-lite'); ?></strong></h5>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->