<?php
/**
 * Title: Banner
 * Slug: waste-management-firm/banner
 * Categories: waste-management-firm, banner
 */
?>
<!-- wp:group {"className":"banner-section","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"0px","left":"0px","right":"0px","bottom":"0px"}},"border":{"radius":"0px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-section" style="border-radius:0px;margin-top:0px;margin-bottom:0px;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-bg.png'); ?>","id":7,"dimRatio":50,"overlayColor":"footer-background","isUserOverlayColor":true,"minHeight":700,"sizeSlug":"large","className":"banner-bg","style":{"spacing":{"padding":{"top":"20px","left":"0px","right":"0px","bottom":"20px"}},"border":{"radius":"0px"}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-cover banner-bg" style="border-radius:0px;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;min-height:700px"><img class="wp-block-cover__image-background wp-image-7 size-large" alt="" src="<?php echo esc_url( get_template_directory_uri() . '/images/banner-bg.png'); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-footer-background-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"bottom","className":"banner-inner-box"} -->
<div class="wp-block-columns are-vertically-aligned-bottom banner-inner-box"><!-- wp:column {"verticalAlignment":"bottom","width":"40%","className":"banner-left"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-left" style="flex-basis:40%"><!-- wp:group {"className":"banner-top-box","style":{"spacing":{"padding":{"top":"30px","bottom":"20px","left":"30px","right":"30px"}}},"backgroundColor":"primary","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-top-box has-primary-background-color has-background" style="padding-top:30px;padding-right:30px;padding-bottom:20px;padding-left:30px"><!-- wp:heading {"className":"banner-title","style":{"typography":{"fontSize":"34px","textTransform":"capitalize","lineHeight":1.6},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontFamily":"poppins"} -->
<h2 class="wp-block-heading banner-title has-base-color has-text-color has-link-color has-poppins-font-family" style="font-size:34px;line-height:1.6;text-transform:capitalize"><?php esc_html_e('smart waste solutions for a cleaner tomorrow','waste-management-firm'); ?></h2>
<!-- /wp:heading -->

<!-- wp:buttons {"className":"banner-btn"} -->
<div class="wp-block-buttons banner-btn"><!-- wp:button {"backgroundColor":"base","textColor":"primary","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"fontSize":"14px","textTransform":"capitalize"},"spacing":{"padding":{"left":"30px","right":"30px","top":"8px","bottom":"8px"}}},"fontFamily":"poppins"} -->
<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-poppins-font-family has-custom-font-size wp-element-button" href="#" style="padding-top:8px;padding-right:30px;padding-bottom:8px;padding-left:30px;font-size:14px;text-transform:capitalize"><?php esc_html_e('learn more','waste-management-firm'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"banner-bottom-box","style":{"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"},"margin":{"top":"15px","bottom":"0px"}}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
<div class="wp-block-group banner-bottom-box has-secondary-background-color has-background" style="margin-top:15px;margin-bottom:0px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:columns {"className":"banner-bottom-inner"} -->
<div class="wp-block-columns banner-bottom-inner"><!-- wp:column {"verticalAlignment":"center","width":"70%","className":"banner-btm-left"} -->
<div class="wp-block-column is-vertically-aligned-center banner-btm-left" style="flex-basis:70%"><!-- wp:paragraph {"className":"banner-desc","style":{"typography":{"fontSize":"18px","lineHeight":"1.7"},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"textColor":"base","fontFamily":"poppins"} -->
<p class="banner-desc has-base-color has-text-color has-link-color has-poppins-font-family" style="font-size:18px;line-height:1.7"><?php esc_html_e('From recycling to responsible disposal, we provide sustainable waste management services that protect communities and the environment.','waste-management-firm'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"30%","className":"banner-btm-right"} -->
<div class="wp-block-column is-vertically-aligned-center banner-btm-right" style="flex-basis:30%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"60%","className":"banner-right"} -->
<div class="wp-block-column is-vertically-aligned-bottom banner-right" style="flex-basis:60%"><!-- wp:image {"id":13,"width":"auto","height":"452px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/banner-right.png'); ?>" alt="" class="wp-image-13" style="width:auto;height:452px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"60px","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div style="margin-top:0px;margin-bottom:0px;height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->