<?php
/**
 * Title: Banner
 * Slug: transport-services/banner
 * Categories: transport-services, banner
 */

?>

<!-- wp:group {"className":"banner-section","style":{"dimensions":{"minHeight":""},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-section" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/images/banner.png'); ?>","id":9,"dimRatio":0,"isUserOverlayColor":true,"minHeight":700,"isDark":false,"sizeSlug":"large","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover is-light" style="min-height:700px"><img class="wp-block-cover__image-background wp-image-9 size-large" alt="" src="<?php echo esc_url( get_template_directory_uri() . '/images/banner.png'); ?>" 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 {"verticalAlignment":"center","className":"banner-cont-outer-box"} -->
<div class="wp-block-columns are-vertically-aligned-center banner-cont-outer-box"><!-- wp:column {"verticalAlignment":"center","className":"banner-content-box wow zoomInLeft"} -->
<div class="wp-block-column is-vertically-aligned-center banner-content-box wow zoomInLeft"><!-- wp:heading {"className":"banner-title","style":{"typography":{"fontSize":"45px","fontStyle":"normal","fontWeight":"600","textTransform":"capitalize","lineHeight":1.6},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background"} -->
<h2 class="wp-block-heading banner-title has-background-color has-text-color has-link-color" style="font-size:45px;font-style:normal;font-weight:600;line-height:1.6;text-transform:capitalize"><?php esc_html_e('delivering the future of ','transport-services'); ?><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php esc_html_e('logistics','transport-services'); ?></mark></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-desc","style":{"typography":{"fontSize":"20px","lineHeight":1.6,"fontStyle":"normal","fontWeight":"500"},"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"0"}}},"textColor":"background"} -->
<p class="banner-desc has-background-color has-text-color has-link-color" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:0;font-size:20px;font-style:normal;font-weight:500;line-height:1.6"><?php esc_html_e('Fast, reliable, and tech-driven shipping solutions across the globe.','transport-services'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"className":"banner-btn"} -->
<div class="wp-block-buttons banner-btn"><!-- wp:button {"backgroundColor":"base","textColor":"primary","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"600","textTransform":"capitalize"},"border":{"radius":"25px","width":"2px"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"padding":{"left":"var:preset|spacing|50","right":"var:preset|spacing|50","top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"borderColor":"primary"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-primary-color has-base-background-color has-text-color has-background has-link-color has-border-color has-primary-border-color has-custom-font-size wp-element-button" style="border-width:2px;border-radius:25px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--50);font-size:16px;font-style:normal;font-weight:600;text-transform:capitalize"><?php esc_html_e('get a quote','transport-services'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","className":"bnr-img-box"} -->
<div class="wp-block-column is-vertically-aligned-center bnr-img-box"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->