<?php
/**
 * Title: Hero Banner
 * Slug: online-courier-services/hero-banner
 */
$get_url = trailingslashit(get_template_directory_uri());
$online_courier_services_hero_image_1 = $get_url . 'assets/images/banner_1.png';
$online_courier_services_hero_image_2 = $get_url . 'assets/images/banner_2.png';
$online_courier_services_hero_image_3 = $get_url . 'assets/images/banner_3.png';
?>

<!-- wp:group {"className":"banner-main-section owl-carousel","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"100%"}} -->
<div class="wp-block-group banner-main-section owl-carousel" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"url":"<?php echo esc_url($online_courier_services_hero_image_1); ?>","id":9,"dimRatio":0,"isUserOverlayColor":true,"sizeSlug":"large","className":"slide-bg","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-bg" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><img class="wp-block-cover__image-background wp-image-9 size-large" alt="" src="<?php echo esc_url($online_courier_services_hero_image_1); ?>" 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:columns {"className":"slider-box"} -->
<div class="wp-block-columns slider-box"><!-- wp:column {"width":"35%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:35%"><!-- wp:group {"className":"slide-content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group slide-content-box"><!-- wp:group {"className":"extra-head-main","layout":{"type":"constrained"}} -->
<div class="wp-block-group extra-head-main"><!-- wp:paragraph {"align":"left","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"spacing":{"padding":{"top":"7px","bottom":"7px","left":"0px","right":"0px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"textTransform":"uppercase"}},"backgroundColor":"primary","textColor":"fourth","fontSize":"small","fontFamily":"inter"} -->
<p class="has-text-align-left banner-extra-head has-fourth-color has-primary-background-color has-text-color has-background has-link-color has-inter-font-family has-small-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:7px;padding-right:0px;padding-bottom:7px;padding-left:0px;text-transform:uppercase"><?php esc_html_e('Welcome TO Courier Delivery Services', 'online-courier-services'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"left","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"42px"}},"textColor":"fourth","fontFamily":"im-fell-double-pica-sc"} -->
<h2 class="wp-block-heading has-text-align-left banner-heading has-fourth-color has-text-color has-link-color has-im-fell-double-pica-sc-font-family" style="font-size:42px;font-style:normal;font-weight:400"><?php esc_html_e('Fast &amp; Reliable Courier', 'online-courier-services'); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php esc_html_e('Delivery', 'online-courier-services'); ?></mark> <?php esc_html_e('Services', 'online-courier-services'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}}},"textColor":"fourth","fontFamily":"inter"} -->
<p class="has-text-align-left banner-para has-fourth-color has-text-color has-link-color has-inter-font-family"><?php esc_html_e('Lorem Ipsum', 'online-courier-services'); ?>&nbsp;<?php esc_html_e('is simply dummy text', 'online-courier-services'); ?> <br><?php esc_html_e('of the printing and typesetting industry.', 'online-courier-services'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons banner-btn" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-bottom:0"><!-- wp:button {"backgroundColor":"secondary","textColor":"fourth","style":{"spacing":{"padding":{"top":"6px","bottom":"6px"}},"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-fourth-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family wp-element-button" href="<?php echo esc_url('#'); ?>" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:6px;padding-bottom:6px">Lets Talk<i class="fas fa-graduation-cap"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"65%","className":"banner-position"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-position" style="flex-basis:65%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"<?php echo esc_url($online_courier_services_hero_image_2); ?>","id":9,"dimRatio":0,"isUserOverlayColor":true,"sizeSlug":"large","className":"slide-bg","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-bg" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><img class="wp-block-cover__image-background wp-image-9 size-large" alt="" src="<?php echo esc_url($online_courier_services_hero_image_2); ?>" 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:columns {"className":"slider-box"} -->
<div class="wp-block-columns slider-box"><!-- wp:column {"width":"35%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:35%"><!-- wp:group {"className":"slide-content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group slide-content-box"><!-- wp:group {"className":"extra-head-main","layout":{"type":"constrained"}} -->
<div class="wp-block-group extra-head-main"><!-- wp:paragraph {"align":"left","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"spacing":{"padding":{"top":"7px","bottom":"7px","left":"0px","right":"0px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"textTransform":"uppercase"}},"backgroundColor":"primary","textColor":"fourth","fontSize":"small","fontFamily":"inter"} -->
<p class="has-text-align-left banner-extra-head has-fourth-color has-primary-background-color has-text-color has-background has-link-color has-inter-font-family has-small-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:7px;padding-right:0px;padding-bottom:7px;padding-left:0px;text-transform:uppercase"><?php esc_html_e('Welcome TO Courier Delivery Services', 'online-courier-services'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"left","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"42px"}},"textColor":"fourth","fontFamily":"im-fell-double-pica-sc"} -->
<h2 class="wp-block-heading has-text-align-left banner-heading has-fourth-color has-text-color has-link-color has-im-fell-double-pica-sc-font-family" style="font-size:42px;font-style:normal;font-weight:400"><?php esc_html_e('Fast &amp; Reliable Courier', 'online-courier-services'); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php esc_html_e('Delivery', 'online-courier-services'); ?></mark> <?php esc_html_e('Services', 'online-courier-services'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}}},"textColor":"fourth","fontFamily":"inter"} -->
<p class="has-text-align-left banner-para has-fourth-color has-text-color has-link-color has-inter-font-family"><?php esc_html_e('Lorem Ipsum', 'online-courier-services'); ?>&nbsp;<?php esc_html_e('is simply dummy text', 'online-courier-services'); ?> <br><?php esc_html_e('of the printing and typesetting industry.', 'online-courier-services'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons banner-btn" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-bottom:0"><!-- wp:button {"backgroundColor":"secondary","textColor":"fourth","style":{"spacing":{"padding":{"top":"6px","bottom":"6px"}},"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-fourth-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family wp-element-button" href="<?php echo esc_url('#'); ?>" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:6px;padding-bottom:6px">Lets Talk<i class="fas fa-graduation-cap"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"65%","className":"banner-position"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-position" style="flex-basis:65%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"<?php echo esc_url($online_courier_services_hero_image_3); ?>","id":9,"dimRatio":0,"isUserOverlayColor":true,"sizeSlug":"large","className":"slide-bg","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover slide-bg" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><img class="wp-block-cover__image-background wp-image-9 size-large" alt="" src="<?php echo esc_url($online_courier_services_hero_image_3); ?>" 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:columns {"className":"slider-box"} -->
<div class="wp-block-columns slider-box"><!-- wp:column {"width":"35%","className":"banner-contentt"} -->
<div class="wp-block-column banner-contentt" style="flex-basis:35%"><!-- wp:group {"className":"slide-content-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group slide-content-box"><!-- wp:group {"className":"extra-head-main","layout":{"type":"constrained"}} -->
<div class="wp-block-group extra-head-main"><!-- wp:paragraph {"align":"left","className":"banner-extra-head","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"spacing":{"padding":{"top":"7px","bottom":"7px","left":"0px","right":"0px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}},"typography":{"textTransform":"uppercase"}},"backgroundColor":"primary","textColor":"fourth","fontSize":"small","fontFamily":"inter"} -->
<p class="has-text-align-left banner-extra-head has-fourth-color has-primary-background-color has-text-color has-background has-link-color has-inter-font-family has-small-font-size" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:7px;padding-right:0px;padding-bottom:7px;padding-left:0px;text-transform:uppercase"><?php esc_html_e('Welcome TO Courier Delivery Services', 'online-courier-services'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"left","className":"banner-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"typography":{"fontStyle":"normal","fontWeight":"400","fontSize":"42px"}},"textColor":"fourth","fontFamily":"im-fell-double-pica-sc"} -->
<h2 class="wp-block-heading has-text-align-left banner-heading has-fourth-color has-text-color has-link-color has-im-fell-double-pica-sc-font-family" style="font-size:42px;font-style:normal;font-weight:400"><?php esc_html_e('Fast &amp; Reliable Courier', 'online-courier-services'); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php esc_html_e('Delivery', 'online-courier-services'); ?></mark> <?php esc_html_e('Services', 'online-courier-services'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":"banner-para","style":{"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}}},"textColor":"fourth","fontFamily":"inter"} -->
<p class="has-text-align-left banner-para has-fourth-color has-text-color has-link-color has-inter-font-family"><?php esc_html_e('Lorem Ipsum', 'online-courier-services'); ?>&nbsp;<?php esc_html_e('is simply dummy text', 'online-courier-services'); ?> <br><?php esc_html_e('of the printing and typesetting industry.', 'online-courier-services'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn","style":{"spacing":{"padding":{"top":"0","bottom":"0"}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-buttons banner-btn" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:0;padding-bottom:0"><!-- wp:button {"backgroundColor":"secondary","textColor":"fourth","style":{"spacing":{"padding":{"top":"6px","bottom":"6px"}},"elements":{"link":{"color":{"text":"var:preset|color|fourth"}}},"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"0px","bottomRight":"0px"}}},"fontFamily":"inter"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-fourth-color has-secondary-background-color has-text-color has-background has-link-color has-inter-font-family wp-element-button" href="<?php echo esc_url('#'); ?>" style="border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;padding-top:6px;padding-bottom:6px">Lets Talk<i class="fas fa-graduation-cap"></i></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"65%","className":"banner-position"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-position" style="flex-basis:65%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->