<?php
	/**
	 * Title: How We Work
	 * Slug: relyo/how-we-work
	 * Categories: relyo-how-we-work
	 */

	$relyo_url = trailingslashit( get_template_directory_uri() );
	$relyo_img = array(
		$relyo_url . 'assets/images/how-we-work.jpg',
	);
	?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","bottom":"80px","left":"26px","right":"26px"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"backgroundColor":"white-color","layout":{"type":"constrained","contentSize":"1180px"}} -->
<div class="wp-block-group has-white-color-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:80px;padding-right:26px;padding-bottom:80px;padding-left:26px"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"34px","left":"24px"},"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|heading-color"}}},"typography":{"fontSize":"20px","textTransform":"uppercase"}},"textColor":"heading-color","fontFamily":"geist"} -->
<p class="has-heading-color-color has-text-color has-link-color has-geist-font-family" style="font-size:20px;text-transform:uppercase">
<?php
	esc_html_e( '( Process )', 'relyo' );
?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66%","style":{"spacing":{"blockGap":"0","padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"850px"}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:66%"><!-- wp:heading {"style":{"typography":{"fontSize":"44px","fontStyle":"normal","fontWeight":"500"}}} -->
<h2 class="wp-block-heading" style="font-size:44px;font-style:normal;font-weight:500">
<?php
	esc_html_e( 'How We Work', 'relyo' );
?>
</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"16px"}}}} -->
<p style="margin-top:16px">
<?php
	esc_html_e( 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore,', 'relyo' );
?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"60px"},"blockGap":{"top":"34px","left":"34px"}}}} -->
<div class="wp-block-columns" style="margin-top:60px"><!-- wp:column {"verticalAlignment":"center","width":"55%","layout":{"type":"constrained","contentSize":"600px","justifyContent":"left"}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"24px","left":"24px"},"padding":{"bottom":"24px"},"margin":{"top":"0","bottom":"0"}},"border":{"bottom":{"color":"var:preset|color|border-color","style":"solid","width":"1px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center" style="border-bottom-color:var(--wp--preset--color--border-color);border-bottom-style:solid;border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-bottom:24px"><!-- wp:column {"verticalAlignment":"center","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10%"><!-- wp:paragraph -->
<p>
<?php
	esc_html_e( 'Step 01', 'relyo' );
?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700"}},"fontFamily":"inter"} -->
<h3 class="wp-block-heading has-inter-font-family" style="font-size:20px;font-style:normal;font-weight:700">
<?php
	esc_html_e( 'Consultation', 'relyo' );
?>
</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"spacing":{"margin":{"top":"16px"}}}} -->
<p style="margin-top:16px;font-size:16px">
	<?php esc_html_e( 'Lorem ipsum dolor sit amet consectetur. Dignissim pretium blandit nunc elit enim. Diam quis amet vitae urna eu quis lacus. Pretium ut accumsan elementum.', 'relyo' ); ?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"24px","left":"24px"},"padding":{"bottom":"24px"},"margin":{"top":"24px"}},"border":{"bottom":{"color":"var:preset|color|border-color","style":"solid","width":"1px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center" style="border-bottom-color:var(--wp--preset--color--border-color);border-bottom-style:solid;border-bottom-width:1px;margin-top:24px;padding-bottom:24px"><!-- wp:column {"verticalAlignment":"center","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10%"><!-- wp:paragraph -->
<p>
<?php
	esc_html_e( 'Step 02', 'relyo' );
?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700"}},"fontFamily":"inter"} -->
<h3 class="wp-block-heading has-inter-font-family" style="font-size:20px;font-style:normal;font-weight:700">
<?php
	esc_html_e( 'Design', 'relyo' );
?>
</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"spacing":{"margin":{"top":"16px"}}}} -->
<p style="margin-top:16px;font-size:16px"><?php esc_html_e( 'Lorem ipsum dolor sit amet consectetur. Dignissim pretium blandit nunc elit enim. Diam quis amet vitae urna eu quis lacus. Pretium ut accumsan elementum.', 'relyo' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"24px","left":"24px"},"padding":{"bottom":"24px"},"margin":{"top":"24px"}},"border":{"bottom":{"color":"var:preset|color|border-color","style":"solid","width":"1px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center" style="border-bottom-color:var(--wp--preset--color--border-color);border-bottom-style:solid;border-bottom-width:1px;margin-top:24px;padding-bottom:24px"><!-- wp:column {"verticalAlignment":"center","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10%"><!-- wp:paragraph -->
<p>
<?php
	esc_html_e( 'Step 03', 'relyo' );
?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700"}},"fontFamily":"inter"} -->
<h3 class="wp-block-heading has-inter-font-family" style="font-size:20px;font-style:normal;font-weight:700">
<?php
	esc_html_e( 'Valuation', 'relyo' );
?>
</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"spacing":{"margin":{"top":"16px"}}}} -->
<p style="margin-top:16px;font-size:16px"><?php esc_html_e( 'Lorem ipsum dolor sit amet consectetur. Dignissim pretium blandit nunc elit enim. Diam quis amet vitae urna eu quis lacus. Pretium ut accumsan elementum.', 'relyo' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"24px","left":"24px"},"padding":{"bottom":"24px"},"margin":{"top":"24px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center" style="margin-top:24px;padding-bottom:24px"><!-- wp:column {"verticalAlignment":"center","width":"10%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10%"><!-- wp:paragraph -->
<p>
<?php
	esc_html_e( 'Step 04', 'relyo' );
?>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px","fontStyle":"normal","fontWeight":"700"}},"fontFamily":"inter"} -->
<h3 class="wp-block-heading has-inter-font-family" style="font-size:20px;font-style:normal;font-weight:700">
<?php
	esc_html_e( 'Development', 'relyo' );
?>
</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"},"spacing":{"margin":{"top":"16px"}}}} -->
<p style="margin-top:16px;font-size:16px"><?php esc_html_e( 'Lorem ipsum dolor sit amet consectetur. Dignissim pretium blandit nunc elit enim. Diam quis amet vitae urna eu quis lacus. Pretium ut accumsan elementum.', 'relyo' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","style":{"spacing":{"blockGap":"0","padding":{"right":"0","left":"0","top":"0","bottom":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"url":"<?php echo esc_url( $relyo_img[0] ); ?>","id":229,"dimRatio":0,"isUserOverlayColor":true,"minHeight":670,"isDark":false,"sizeSlug":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light" style="min-height:670px"><img class="wp-block-cover__image-background wp-image-229 size-full" alt="" src="<?php echo esc_url( $relyo_img[0] ); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->