<?php
 /**
  * Title: Services List With Icon
  * Slug: visualbusiness/services-list-with-icon
  * Categories: visualbusiness
  */
?>

<!-- wp:group {"style":{"color":{"background":"#f7f9f9"},"spacing":{"padding":{"top":"4rem","bottom":"5rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-background" style="background-color:#f7f9f9;padding-top:4rem;padding-bottom:5rem"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained","contentSize":""}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"vivid-green-cyan"} -->
<p class="has-text-align-center has-vivid-green-cyan-color has-text-color">Our Services.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"large"} -->
<h2 class="wp-block-heading has-text-align-center has-large-font-size" style="font-style:normal;font-weight:400">10+ Years of Experience in <br>Online Services &amp; Business.</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"3rem"}}}} -->
<div class="wp-block-columns" style="margin-top:3rem"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"},"blockGap":"20px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:image {"align":"center","id":736,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/cube-solid.png" alt="" class="wp-image-736" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"1.2rem"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:1.2rem;font-style:normal;font-weight:400">Powerful API</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#666666">Curabitur finibus mollis pellentesque. Curabitur arcu nisi, dignissim a mollis in, imperdiet vitae sapien.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"},"blockGap":"20px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:image {"align":"center","id":731,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/user-friends-solid.png" alt="" class="wp-image-731" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"1.2rem"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:1.2rem;font-style:normal;font-weight:400">Team Collaboration</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#666666">Duis vel diam fermentum arcu vulputate feugiat. In id est id ante dignissim fermentum. Suspendisse auctor non.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"},"blockGap":"20px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:image {"align":"center","id":740,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/tasks-solid.png" alt="" class="wp-image-740" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"1.2rem"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:1.2rem;font-style:normal;font-weight:400">Efficient Workflow</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#666666">Sed vel sapien ligula. Aliquam quis laoreet quam, eget eleifend lorem. Bestibulum sagittis magna vitae nisi tempus.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"},"blockGap":"20px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:image {"align":"center","id":733,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/phone-square-solid.png" alt="" class="wp-image-733" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"1.2rem"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:1.2rem;font-style:normal;font-weight:400">Phone Consultation</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#666666">Morbi sagittis congue nunc, non placerat enim luctus sed. Sed a ligula neque. Integer id volutpat nibh, et dictum ante.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"},"blockGap":"20px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:image {"align":"center","id":738,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/folder-open-solid.png" alt="" class="wp-image-738" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"1.2rem"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:1.2rem;font-style:normal;font-weight:400">Project Management</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#666666">Lorem ipsum dolor sit amet, consectetur uvite adipiscing elit. Nam sagittis ultricies acumin rutrum. Nam in lacinia elit.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"20px","bottom":"30px","left":"20px"},"blockGap":"20px"},"border":{"radius":"4px"}},"backgroundColor":"background","className":"hover-shadow","layout":{"type":"constrained"}} -->
<div class="wp-block-group hover-shadow has-background-background-color has-background" style="border-radius:4px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px"><!-- wp:image {"align":"center","id":734,"width":40,"height":40,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/images/tools-solid.png" alt="" class="wp-image-734" width="40" height="40"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"1.2rem"}}} -->
<h2 class="wp-block-heading has-text-align-center" style="font-size:1.2rem;font-style:normal;font-weight:400">Real-life Strategy</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#666666"}},"fontSize":"small"} -->
<p class="has-text-align-center has-text-color has-small-font-size" style="color:#666666">Mauris euismod nisi sed feugiat tempus. Integer lectus justo, luctus vitae sem sit amet, convallis pretium libero rutrum.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->