<?php
/**
 * Title: Service
 * Slug: travel-knock/service
 * Categories: travel-knock-block-category
 *
 * @package travel-knock
 * @since 1.0.0
 */

?>
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"},"blockGap":"0","padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.3"}},"fontSize":"x-large","fontFamily":"courgette"} -->
<h2 class="wp-block-heading has-text-align-center has-courgette-font-family has-x-large-font-size" style="font-style:normal;font-weight:600;line-height:1.3"><?php echo esc_html( 'Complete Your Booking in ', 'travel-knock' ); ?>  <mark style="background-color:rgba(0, 0, 0, 0);color:#e9740a" class="has-inline-color"><?php echo esc_html( '3 Easy Steps', 'travel-knock' ); ?></mark></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","left":"0","right":"0","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide" style="padding-right:0;padding-left:0"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.34%","style":{"spacing":{"blockGap":"0","padding":{"right":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-right:0;padding-left:0;flex-basis:33.34%"><!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|50"},"border":{"radius":"10px","width":"0px","style":"none"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-style:none;border-width:0px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0rem","bottom":"0rem","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":"50%"},"dimensions":{"minHeight":""}},"backgroundColor":"bright","className":"icon-wrap travel-knock-shadow","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group icon-wrap travel-knock-shadow has-bright-background-color has-background" style="border-radius:50%;margin-top:0;margin-bottom:0;padding-top:0rem;padding-right:0;padding-bottom:0rem;padding-left:0"><!-- wp:wp-travel-blocks/icon-picker {"icon":"fas fa-route","className":"wp-block-wptravel-icon-picker","textColor":"primary","style":{"typography":{"lineHeight":"1","fontSize":"46px"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0"}}} -->
<div id="wptravel-blocks-icon" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:46px;line-height:1;--var-svg-font-size:46px" class="wp-block-wp-travel-blocks-icon-picker wp-block-wptravel-icon-picker has-primary-color has-text-color"><div style="text-align:left"><i class="fas fa-route" aria-hidden="true"></i></div></div>
<!-- /wp:wp-travel-blocks/icon-picker --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"contrast","fontSize":"medium"} -->
<h2 class="wp-block-heading has-text-align-center has-contrast-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html( '1.Find Your Dream Destination', 'travel-knock' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"contrast","fontSize":"extra-small"} -->
<p class="has-text-align-center has-contrast-color has-text-color has-extra-small-font-size"><?php echo esc_html( 'Enter your desired destination trip as keyword, filter the countries and tap search.', 'travel-knock' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|50"},"border":{"radius":"10px","width":"0px","style":"none"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-style:none;border-width:0px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}},"dimensions":{"minHeight":"0px"},"border":{"radius":"50%"}},"backgroundColor":"bright","className":"icon-wrap travel-knock-shadow","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group icon-wrap travel-knock-shadow has-bright-background-color has-background" style="border-radius:50%;min-height:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:wp-travel-blocks/icon-picker {"icon":"fas fa-globe","className":"wp-block-wptravel-icon-picker","textColor":"primary","style":{"typography":{"lineHeight":"1","fontSize":"46px"},"spacing":{"padding":{"top":"0"}}}} -->
<div id="wptravel-blocks-icon" style="padding-top:0;font-size:46px;line-height:1;--var-svg-font-size:46px" class="wp-block-wp-travel-blocks-icon-picker wp-block-wptravel-icon-picker has-primary-color has-text-color"><div style="text-align:left"><i class="fas fa-globe" aria-hidden="true"></i></div></div>
<!-- /wp:wp-travel-blocks/icon-picker --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"contrast","fontSize":"medium"} -->
<h2 class="wp-block-heading has-text-align-center has-contrast-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html( '2.Book Your Dream Destination', 'travel-knock' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"contrast","fontSize":"extra-small"} -->
<p class="has-text-align-center has-contrast-color has-text-color has-extra-small-font-size"><?php echo esc_html( 'Booking has been made simple by just entering your contact details and credentials.', 'travel-knock' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.34%"} -->
<div class="wp-block-column" style="flex-basis:33.34%"><!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|50"},"border":{"radius":"10px","width":"0px","style":"none"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-style:none;border-width:0px;border-radius:10px;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}},"dimensions":{"minHeight":"0px"},"border":{"radius":"50%"}},"backgroundColor":"bright","className":"icon-wrap travel-knock-shadow","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group icon-wrap travel-knock-shadow has-bright-background-color has-background" style="border-radius:50%;min-height:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:wp-travel-blocks/icon-picker {"icon":"fas fa-donate","className":"wp-block-wptravel-icon-picker","textColor":"primary","style":{"typography":{"lineHeight":"1","fontSize":"46px"},"spacing":{"padding":{"top":"var:preset|spacing|20"}}}} -->
<div id="wptravel-blocks-icon" style="padding-top:var(--wp--preset--spacing--20);font-size:46px;line-height:1;--var-svg-font-size:46px" class="wp-block-wp-travel-blocks-icon-picker wp-block-wptravel-icon-picker has-primary-color has-text-color"><div style="text-align:left"><i class="fas fa-donate" aria-hidden="true"></i></div></div>
<!-- /wp:wp-travel-blocks/icon-picker --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"contrast","fontSize":"medium"} -->
<h2 class="wp-block-heading has-text-align-center has-contrast-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html( '3.Complete Checkout Process', 'travel-knock' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"contrast","fontSize":"extra-small"} -->
<p class="has-text-align-center has-contrast-color has-text-color has-extra-small-font-size"><?php echo esc_html( 'Congratulations, you have successfully booked your dream destination.', 'travel-knock' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->