<?php
 /**
  * Title: How It Work Section One
  * Slug: how-it-work-one
  * Categories:  fitness-park
  * Keywords: how it work section, work process, working steps, home how we work section
  */
?>
<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained"},"metadata":{"name":"How It Works One"}} -->
<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"15px","margin":{"bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"align":"full","className":"section-title-wrapper","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group alignfull section-title-wrapper"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"className":"super-title"} -->
<p class="has-text-align-center super-title" style="font-style:normal;font-weight:600"><?php esc_html_e('Fully Customization Theme','fitness-park'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<h2 class="wp-block-heading alignfull has-text-align-center" style="margin-top:0;margin-bottom:0"><?php esc_html_e('We Are A Professional Best WordPress Theme Agency','fitness-park'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"5px","bottom":"5px"}}}} -->
<p class="has-text-align-center" style="margin-top:5px;margin-bottom:5px"><?php esc_html_e('Welcome and thank you for installing themes. Construction is a clean, beautiful, and fully customizable responsive modern free WordPress business theme, especially for App-related landing pages.','fitness-park'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","className":"how_it_works  style1","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull how_it_works style1"><!-- wp:group {"align":"wide","className":"step_block","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide step_block"><!-- wp:columns {"align":"wide","className":"step_item"} -->
<div class="wp-block-columns alignwide step_item"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":"10px"}},"backgroundColor":"background","className":"box-shadow  ","layout":{"type":"constrained"}} -->
<div class="wp-block-group box-shadow has-background-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"600"}}} -->
<h4 class="wp-block-heading has-text-align-right" style="font-size:24px;font-style:normal;font-weight:600"><a href="#"><?php esc_html_e('Easy Online Booking','fitness-park'); ?></a></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><?php esc_html_e('Construction is a clean, beautiful, and fully customizable responsive modern free WordPress business theme, especially for App-related.','fitness-park'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-no-border"} -->
<div class="wp-block-button is-style-no-border"><a class="wp-block-button__link wp-element-button" href="#"><?php esc_html_e('Read More','fitness-park'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"15%","className":"hide-on-mobile","layout":{"type":"constrained"}} -->
<div class="wp-block-column is-vertically-aligned-center hide-on-mobile" style="flex-basis:15%"><!-- wp:group {"className":"step_number","layout":{"type":"constrained"}} -->
<div id="step_number" class="wp-block-group step_number"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center has-text-color">01</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"layout":{"type":"constrained"}} -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"align":"center","id":861,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"5px"}}} -->
<figure class="wp-block-image aligncenter size-large has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/patterns/images/services/slide-01.webp" alt="" class="wp-image-861" style="border-radius:5px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide","className":"step_item"} -->
<div class="wp-block-columns alignwide step_item"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":"10px"}},"backgroundColor":"background","className":"box-shadow  ","layout":{"type":"constrained"}} -->
<div class="wp-block-group box-shadow has-background-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","level":4,"style":{"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"600"}}} -->
<h4 class="wp-block-heading has-text-align-left" style="font-size:24px;font-style:normal;font-weight:600"><a href="#"><?php esc_html_e('Work Processing','fitness-park'); ?></a></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left"><?php esc_html_e('Leverage framework agile to provide a robust synopsis for overviews. Corporate strategy fosters thinking to further the overall value proposition.','fitness-park'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-no-border"} -->
<div class="wp-block-button is-style-no-border"><a class="wp-block-button__link wp-element-button" href="#"><?php esc_html_e('Read More','fitness-park'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"15%","className":"hide-on-mobile","layout":{"type":"constrained"}} -->
<div class="wp-block-column is-vertically-aligned-center hide-on-mobile" style="flex-basis:15%"><!-- wp:group {"className":"step_number","layout":{"type":"constrained"}} -->
<div id="step_number" class="wp-block-group step_number"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center has-text-color">02</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"layout":{"type":"constrained"}} -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"align":"center","id":861,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"5px"}}} -->
<figure class="wp-block-image aligncenter size-large has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/patterns/images/services/slide-02.webp" alt="" class="wp-image-861" style="border-radius:5px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide","className":"step_item"} -->
<div class="wp-block-columns alignwide step_item"><!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":"10px"}},"backgroundColor":"background","className":"box-shadow  ","layout":{"type":"constrained"}} -->
<div class="wp-block-group box-shadow has-background-background-color has-background" style="border-radius:10px;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"right","level":4,"style":{"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"600"}}} -->
<h4 class="wp-block-heading has-text-align-right" style="font-size:24px;font-style:normal;font-weight:600"><a href="#"><?php esc_html_e('Success Project','fitness-park'); ?></a></h4>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><?php esc_html_e('Have a question? Our professional support is ready to answer your questions. All our team member support requests will be replied in 24 hours or less.','fitness-park'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-no-border"} -->
<div class="wp-block-button is-style-no-border"><a class="wp-block-button__link wp-element-button" href="#"><?php esc_html_e('Read More','fitness-park'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"15%","className":"hide-on-mobile","layout":{"type":"constrained"}} -->
<div class="wp-block-column is-vertically-aligned-center hide-on-mobile" style="flex-basis:15%"><!-- wp:group {"className":"step_number","layout":{"type":"constrained"}} -->
<div id="step_number" class="wp-block-group step_number"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center has-text-color">03</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"layout":{"type":"constrained"}} -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"align":"center","id":861,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"5px"}}} -->
<figure class="wp-block-image aligncenter size-large has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() );?>/patterns/images/services/slide-03.webp" alt="" class="wp-image-861" style="border-radius:5px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->