<?php
/**
 * Title: Vehicle Section
 * Slug: ev-charging-station/vehicle-section
 * Categories: ev-charging-station
 * Keywords: vehicle-section
 * Block Types: core/post-content
 * Post Types: page, wp_template
 */
?>
<!-- wp:group {"metadata":{"name":"Vehicle Section"},"className":"vehicle-section wow zoomIn","style":{"spacing":{"padding":{"right":"0px","left":"0px"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group vehicle-section wow zoomIn" style="margin-top:0;margin-bottom:0;padding-right:0px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"35px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="margin-bottom:35px"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"22px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"500","textDecoration":"underline"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontFamily":"heading"} -->
<h2 class="wp-block-heading has-text-align-center has-primary-color has-text-color has-link-color has-heading-font-family" style="font-size:22px;font-style:normal;font-weight:500;text-decoration:underline;text-transform:capitalize"><?php echo esc_html__( 'supported vehicles', 'ev-charging-station' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"25px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"400"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"spacing":{"margin":{"top":"12px"}}},"textColor":"contrast","fontFamily":"body"} -->
<p class="has-text-align-center has-contrast-color has-text-color has-link-color has-body-font-family" style="margin-top:12px;font-size:25px;font-style:normal;font-weight:400;text-transform:capitalize"><?php echo esc_html__( 'compatible with all your vehicles', 'ev-charging-station' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"vehicle-content","layout":{"type":"default"}} -->
<div class="wp-block-group vehicle-content"><!-- wp:columns {"verticalAlignment":"center","className":"vehicle-content-boxes","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|40"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center vehicle-content-boxes"><!-- wp:column {"verticalAlignment":"center","width":"25%","className":"vehicle-left-box"} -->
<div class="wp-block-column is-vertically-aligned-center vehicle-left-box" style="flex-basis:25%"><!-- wp:buttons {"className":"main-tab","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20"}}}} -->
<div class="wp-block-buttons main-tab"><!-- wp:button {"textAlign":"left","backgroundColor":"secondary","textColor":"primary","className":"tab-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"capitalize","fontSize":"16px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"left":"6px","right":"6px","top":"5px","bottom":"5px"}}},"fontFamily":"body"} -->
<div class="wp-block-button tab-title"><a class="wp-block-button__link has-primary-color has-secondary-background-color has-text-color has-background has-link-color has-body-font-family has-text-align-left has-custom-font-size wp-element-button" style="padding-top:5px;padding-right:6px;padding-bottom:5px;padding-left:6px;font-size:16px;font-style:normal;font-weight:500;text-transform:capitalize"><i class="fa-solid fa-bicycle"></i><?php echo esc_html__( 'electric scooters', 'ev-charging-station' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"left","backgroundColor":"secondary","textColor":"primary","className":"tab-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"capitalize","fontSize":"16px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"left":"6px","right":"6px","top":"5px","bottom":"5px"}}},"fontFamily":"body"} -->
<div class="wp-block-button tab-title"><a class="wp-block-button__link has-primary-color has-secondary-background-color has-text-color has-background has-link-color has-body-font-family has-text-align-left has-custom-font-size wp-element-button" style="padding-top:5px;padding-right:6px;padding-bottom:5px;padding-left:6px;font-size:16px;font-style:normal;font-weight:500;text-transform:capitalize"><i class="fa-solid fa-motorcycle"></i><?php echo esc_html__( 'electric bikes', 'ev-charging-station' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"left","backgroundColor":"secondary","textColor":"primary","className":"tab-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"capitalize","fontSize":"16px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"left":"6px","right":"6px","top":"5px","bottom":"5px"}}},"fontFamily":"body"} -->
<div class="wp-block-button tab-title"><a class="wp-block-button__link has-primary-color has-secondary-background-color has-text-color has-background has-link-color has-body-font-family has-text-align-left has-custom-font-size wp-element-button" style="padding-top:5px;padding-right:6px;padding-bottom:5px;padding-left:6px;font-size:16px;font-style:normal;font-weight:500;text-transform:capitalize"><i class="fa-solid fa-car"></i><?php echo esc_html__( 'electric cars', 'ev-charging-station' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"left","backgroundColor":"secondary","textColor":"primary","className":"tab-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"capitalize","fontSize":"16px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"left":"6px","right":"6px","top":"5px","bottom":"5px"}}},"fontFamily":"body"} -->
<div class="wp-block-button tab-title"><a class="wp-block-button__link has-primary-color has-secondary-background-color has-text-color has-background has-link-color has-body-font-family has-text-align-left has-custom-font-size wp-element-button" style="padding-top:5px;padding-right:6px;padding-bottom:5px;padding-left:6px;font-size:16px;font-style:normal;font-weight:500;text-transform:capitalize"><i class="fa-solid fa-bus"></i><?php echo esc_html__( 'electric buses', 'ev-charging-station' ); ?></a></div>
<!-- /wp:button -->

<!-- wp:button {"textAlign":"left","backgroundColor":"secondary","textColor":"primary","className":"tab-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textTransform":"capitalize","fontSize":"16px","fontStyle":"normal","fontWeight":"500"},"spacing":{"padding":{"left":"6px","right":"6px","top":"5px","bottom":"5px"}}},"fontFamily":"body"} -->
<div class="wp-block-button tab-title"><a class="wp-block-button__link has-primary-color has-secondary-background-color has-text-color has-background has-link-color has-body-font-family has-text-align-left has-custom-font-size wp-element-button" style="padding-top:5px;padding-right:6px;padding-bottom:5px;padding-left:6px;font-size:16px;font-style:normal;font-weight:500;text-transform:capitalize"><i class="fa-solid fa-truck-front"></i><?php echo esc_html__( 'electric vans & fleet', 'ev-charging-station' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"75%","className":"vehicle-right-box"} -->
<div class="wp-block-column is-vertically-aligned-center vehicle-right-box" style="flex-basis:75%"><!-- wp:group {"className":"tab-content","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group tab-content" style="margin-top:0px;margin-bottom:0px"><!-- wp:image {"id":89,"width":"auto","height":"400px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/vehicle-1.png" alt="" class="wp-image-89" style="border-radius:20px;width:auto;height:400px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"tab-content","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group tab-content" style="margin-top:0px;margin-bottom:0px"><!-- wp:image {"id":107,"width":"auto","height":"400px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/vehicle-2.png" alt="" class="wp-image-107" style="border-radius:20px;width:auto;height:400px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"tab-content","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group tab-content" style="margin-top:0px;margin-bottom:0px"><!-- wp:image {"id":108,"width":"auto","height":"400px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/vehicle-3.png" alt="" class="wp-image-108" style="border-radius:20px;width:auto;height:400px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"tab-content","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group tab-content" style="margin-top:0px;margin-bottom:0px"><!-- wp:image {"id":109,"width":"auto","height":"400px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/vehicle-4.png" alt="" class="wp-image-109" style="border-radius:20px;width:auto;height:400px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"tab-content","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group tab-content" style="margin-top:0px;margin-bottom:0px"><!-- wp:image {"id":110,"width":"auto","height":"400px","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"20px"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/vehicle-5.png" alt="" class="wp-image-110" style="border-radius:20px;width:auto;height:400px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

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