<?php
 /**
  * Title: Service
  * Slug: gutenify-business-dark/service
  * Categories: gutenify-business-dark
  */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","bottom":"80px","right":"30px","left":"30px"}},"border":{"width":"0px","style":"none"}},"layout":{"inherit":true}} -->
<div
	class="wp-block-group"
	style="
		border-style: none;
		border-width: 0px;
		padding-top: 80px;
		padding-right: 30px;
		padding-bottom: 80px;
		padding-left: 30px;
	"
>
	<!-- wp:columns {"align":"wide"} -->
	<div class="wp-block-columns alignwide">
		<!-- wp:column {"verticalAlignment":"center"} -->
		<div class="wp-block-column is-vertically-aligned-center">
			<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"50px","right":"50px","bottom":"50px","left":"50px"},"blockGap":"10px"},"color":{"background":"#111111"}},"className":"has-shadow-dark  animated animated-fadeInUp","layout":{"inherit":true}} -->
			<div
				class="wp-block-group alignwide has-shadow-dark animated animated-fadeInUp has-background"
				style="
					background-color: #111111;
					padding-top: 50px;
					padding-right: 50px;
					padding-bottom: 50px;
					padding-left: 50px;
				"
			>
				<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"15px"}}}} -->
				<div class="wp-block-group" style="padding-bottom: 15px">
					<!-- wp:image {"align":"center","id":2778,"width":32,"height":34,"sizeSlug":"full","linkDestination":"none"} -->
					<figure
						class="wp-block-image aligncenter size-full is-resized"
					>
						<img
							src="<?php echo esc_url( get_template_directory_uri() );?>/images/service-1.png"
							alt=""
							class="wp-image-2778"
							width="32"
							height="34"
						/>
					</figure>
					<!-- /wp:image -->
				</div>
				<!-- /wp:group -->

				<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}}} -->
				<h3
					class="has-text-align-center"
					style="
						margin-top: 10px;
						margin-right: 10px;
						margin-bottom: 10px;
						margin-left: 10px;
					"
				>
				<?php echo esc_html__( 'Pre-build Template', 'gutenify-business-dark' ); ?>
				</h3>
				<!-- /wp:heading -->

				<!-- wp:paragraph {"align":"center"} -->
				<p class="has-text-align-center">
					<?php echo esc_html__( 'Elegant Template Kits compatible with WordPress Full Site Editing to help you create the website you always wanted.', 'gutenify-business-dark' ); ?>
				</p>
				<!-- /wp:paragraph -->

				<!-- wp:buttons {"className":"animated fadeInUp","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
				<div
					class="wp-block-buttons animated fadeInUp"
					style="margin-top: 20px; margin-bottom: 20px"
				>
					<!-- wp:button {"textColor":"background","style":{"border":{"radius":"0px"},"spacing":{"padding":{"right":"25px","left":"25px","top":"6px","bottom":"6px"}}},"className":"is-style-outline"} -->
					<div class="wp-block-button is-style-outline">
						<a
							class="wp-block-button__link has-background-color has-text-color"
							href="#"
							style="
								border-radius: 0px;
								padding-top: 6px;
								padding-right: 25px;
								padding-bottom: 6px;
								padding-left: 25px;
							"
							><?php echo esc_html__( 'Get Started', 'gutenify-business-dark' ); ?></a
						>
					</div>
					<!-- /wp:button -->
				</div>
				<!-- /wp:buttons -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"verticalAlignment":"center"} -->
		<div class="wp-block-column is-vertically-aligned-center">
			<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"50px","right":"50px","bottom":"50px","left":"50px"},"blockGap":"10px"},"border":{"width":"0px","style":"none"}},"backgroundColor":"primary","className":"has-shadow-dark  animated animated-fadeInUp","layout":{"inherit":true}} -->
			<div
				class="wp-block-group alignwide has-shadow-dark animated animated-fadeInUp has-primary-background-color has-background"
				style="
					border-style: none;
					border-width: 0px;
					padding-top: 50px;
					padding-right: 50px;
					padding-bottom: 50px;
					padding-left: 50px;
				"
			>
				<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"15px"}}}} -->
				<div class="wp-block-group" style="padding-bottom: 15px">
					<!-- wp:image {"align":"center","id":2779,"width":38,"height":35,"sizeSlug":"full","linkDestination":"none"} -->
					<figure
						class="wp-block-image aligncenter size-full is-resized"
					>
						<img
							src="<?php echo esc_url( get_template_directory_uri() );?>/images/service-2.png"
							alt=""
							class="wp-image-2779"
							width="38"
							height="35"
						/>
					</figure>
					<!-- /wp:image -->
				</div>
				<!-- /wp:group -->

				<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}}} -->
				<h3
					class="has-text-align-center"
					style="
						margin-top: 10px;
						margin-right: 10px;
						margin-bottom: 10px;
						margin-left: 10px;
					"
				>
					<?php echo esc_html__( 'One Click Demo', 'gutenify-business-dark' ); ?>
				</h3>
				<!-- /wp:heading -->

				<!-- wp:paragraph {"align":"center","textColor":"light"} -->
				<p class="has-text-align-center has-light-color has-text-color">
					<?php echo esc_html__( 'Elegant Template Kits compatible with WordPress Full Site Editing to help you create the website you always wanted.', 'gutenify-business-dark' ); ?>
				</p>
				<!-- /wp:paragraph -->

				<!-- wp:buttons {"className":"animated fadeInUp","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
				<div
					class="wp-block-buttons animated fadeInUp"
					style="margin-top: 20px; margin-bottom: 20px"
				>
					<!-- wp:button {"backgroundColor":"luminous-vivid-amber","textColor":"content-dark","style":{"border":{"radius":"0px"},"spacing":{"padding":{"right":"25px","left":"25px","top":"8px","bottom":"8px"}}},"className":"is-style-fill"} -->
					<div class="wp-block-button is-style-fill">
						<a
							class="wp-block-button__link has-content-dark-color has-luminous-vivid-amber-background-color has-text-color has-background"
							href="#"
							style="
								border-radius: 0px;
								padding-top: 8px;
								padding-right: 25px;
								padding-bottom: 8px;
								padding-left: 25px;
							"
							><?php echo esc_html__( 'Get Started', 'gutenify-business-dark' ); ?></a
						>
					</div>
					<!-- /wp:button -->
				</div>
				<!-- /wp:buttons -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->

		<!-- wp:column {"verticalAlignment":"center"} -->
		<div class="wp-block-column is-vertically-aligned-center">
			<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"50px","right":"50px","bottom":"50px","left":"50px"},"blockGap":"10px"},"color":{"background":"#111111"}},"className":"has-shadow-dark  animated animated-fadeInUp","layout":{"inherit":true}} -->
			<div
				class="wp-block-group alignwide has-shadow-dark animated animated-fadeInUp has-background"
				style="
					background-color: #111111;
					padding-top: 50px;
					padding-right: 50px;
					padding-bottom: 50px;
					padding-left: 50px;
				"
			>
				<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"15px"}}}} -->
				<div class="wp-block-group" style="padding-bottom: 15px">
					<!-- wp:image {"align":"center","id":2780,"width":33,"height":39,"sizeSlug":"full","linkDestination":"none"} -->
					<figure
						class="wp-block-image aligncenter size-full is-resized"
					>
						<img
							src="<?php echo esc_url( get_template_directory_uri() );?>/images/service-3.png"
							alt=""
							class="wp-image-2780"
							width="33"
							height="39"
						/>
					</figure>
					<!-- /wp:image -->
				</div>
				<!-- /wp:group -->

				<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"10px","right":"10px","bottom":"10px","left":"10px"}}}} -->
				<h3
					class="has-text-align-center"
					style="
						margin-top: 10px;
						margin-right: 10px;
						margin-bottom: 10px;
						margin-left: 10px;
					"
				>
				<?php echo esc_html__( '24hr / Support', 'gutenify-business-dark' ); ?>

				</h3>
				<!-- /wp:heading -->

				<!-- wp:paragraph {"align":"center"} -->
				<p class="has-text-align-center">
					<?php echo esc_html__( 'Elegant Template Kits compatible with WordPress Full Site Editing to help you create the website you always wanted.', 'gutenify-business-dark' ); ?>
				</p>
				<!-- /wp:paragraph -->

				<!-- wp:buttons {"className":"animated fadeInUp","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"20px","bottom":"20px"}}}} -->
				<div
					class="wp-block-buttons animated fadeInUp"
					style="margin-top: 20px; margin-bottom: 20px"
				>
					<!-- wp:button {"textColor":"background","style":{"border":{"radius":"0px"},"spacing":{"padding":{"right":"25px","left":"25px","top":"6px","bottom":"6px"}}},"className":"is-style-outline"} -->
					<div class="wp-block-button is-style-outline">
						<a
							class="wp-block-button__link has-background-color has-text-color"
							href="#"
							style="
								border-radius: 0px;
								padding-top: 6px;
								padding-right: 25px;
								padding-bottom: 6px;
								padding-left: 25px;
							"
							><?php echo esc_html__( 'Get Started', 'gutenify-business-dark' ); ?></a
						>
					</div>
					<!-- /wp:button -->
				</div>
				<!-- /wp:buttons -->
			</div>
			<!-- /wp:group -->
		</div>
		<!-- /wp:column -->
	</div>
	<!-- /wp:columns -->
</div>
<!-- /wp:group -->
