<?php
/**
 * Title: Gallery Section
 * Slug: vw-shopping-mall/gallery-section
 * Categories: template
 */
?>
<!-- wp:group {"className":"gallery-section wow fadeInLeft","layout":{"type":"constrained","contentSize":"80%","justifyContent":"center"}} -->
<div class="wp-block-group gallery-section wow fadeInLeft"><!-- wp:columns {"className":"gallery-heading-box"} -->
<div class="wp-block-columns gallery-heading-box are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"left","level":3,"className":"gallery-title","style":{"typography":{"fontSize":"28px","textTransform":"capitalize"},"border":{"bottom":{"color":"#777777","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|20"}}},"fontFamily":"raleway"} -->
<h3 class="wp-block-heading has-text-align-left gallery-title has-raleway-font-family" style="border-bottom-color:#777777;border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--20);font-size:28px;text-transform:capitalize"><?php echo esc_html__('gallery', 'vw-shopping-mall'); ?></h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"23%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:23%"><!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"15px","lineHeight":1.4},"spacing":{"margin":{"top":"var:preset|spacing|20"}},"color":{"text":"#777777"},"elements":{"link":{"color":{"text":"#777777"}}}},"fontFamily":"roboto"} -->
<p class="has-text-align-right has-text-color has-link-color has-roboto-font-family" style="color:#777777;margin-top:var(--wp--preset--spacing--20);font-size:15px;line-height:1.4"><?php echo esc_html__('Enjoy seamless shopping with valet parking, free Wi-Fi, concierge assistance, kids\' play areas, and top-notch security for a hassle-free experience!', 'vw-shopping-mall'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"className":"gallery-main-sec"} -->
<div class="wp-block-columns gallery-main-sec"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons gallery-arrows"><!-- wp:button {"backgroundColor":"background","className":"gallery-swiper-button-prev","style":{"border":{"color":"#777777","width":"1px","radius":"5px"},"spacing":{"padding":{"left":"8px","right":"8px","top":"3px","bottom":"3px"}}}} -->
<div class="wp-block-button gallery-swiper-button-prev"><a class="wp-block-button__link has-background-background-color has-background has-border-color wp-element-button" style="border-color:#777777;border-width:1px;border-radius:5px;padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px"><img class="wp-image-223" style="width: 16px;" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/previous.png" alt=""></a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"background","className":"gallery-swiper-button-next","style":{"border":{"color":"#777777","width":"1px","radius":"5px"},"spacing":{"padding":{"left":"8px","right":"8px","top":"3px","bottom":"3px"}}}} -->
<div class="wp-block-button gallery-swiper-button-next"><a class="wp-block-button__link has-background-background-color has-background has-border-color wp-element-button" style="border-color:#777777;border-width:1px;border-radius:5px;padding-top:3px;padding-right:8px;padding-bottom:3px;padding-left:8px"><img class="wp-image-224" style="width: 16px;" src="<?php echo esc_url(get_template_directory_uri()); ?>/images/next.png" alt=""></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"100%","className":"swiper mySwiper"} -->
<div class="wp-block-column swiper mySwiper" style="flex-basis:100%"><!-- wp:group {"className":"swiper-wrapper","layout":{"type":"constrained"}} -->
<div class="wp-block-group swiper-wrapper"><!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
<div class="wp-block-group swiper-slide"><!-- wp:image {"id":57,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery1.png" alt="" class="wp-image-57"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"className":"slider-number","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.1"}},"textColor":"background"} -->
<p class="slider-number has-background-color has-text-color has-link-color" style="font-size:28px;font-style:normal;font-weight:700;line-height:1.1"><?php echo esc_html__('01', 'vw-shopping-mall'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
<div class="wp-block-group swiper-slide"><!-- wp:image {"id":58,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery2.png" alt="" class="wp-image-58"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"className":"slider-number","style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.1"},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background"} -->
<p class="slider-number has-background-color has-text-color has-link-color" style="font-size:28px;font-style:normal;font-weight:700;line-height:1.1"><?php echo esc_html__('02', 'vw-shopping-mall'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
<div class="wp-block-group swiper-slide"><!-- wp:image {"id":59,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery3.png" alt="" class="wp-image-59"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"className":"slider-number","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.1"}},"textColor":"background"} -->
<p class="slider-number has-background-color has-text-color has-link-color" style="font-size:28px;font-style:normal;font-weight:700;line-height:1.1"><?php echo esc_html__('03', 'vw-shopping-mall'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
<div class="wp-block-group swiper-slide"><!-- wp:image {"id":78,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery4.png" alt="" class="wp-image-78"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"className":"slider-number","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.1"}},"textColor":"background"} -->
<p class="slider-number has-background-color has-text-color has-link-color" style="font-size:28px;font-style:normal;font-weight:700;line-height:1.1"><?php echo esc_html__('04', 'vw-shopping-mall'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
<div class="wp-block-group swiper-slide"><!-- wp:image {"id":79,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery5.png" alt="" class="wp-image-79"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"className":"slider-number","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.1"}},"textColor":"background"} -->
<p class="slider-number has-background-color has-text-color has-link-color" style="font-size:28px;font-style:normal;font-weight:700;line-height:1.1"><?php echo esc_html__('05', 'vw-shopping-mall'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
<div class="wp-block-group swiper-slide"><!-- wp:image {"id":80,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery6.png" alt="" class="wp-image-80"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"className":"slider-number","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.1"}},"textColor":"background"} -->
<p class="slider-number has-background-color has-text-color has-link-color" style="font-size:28px;font-style:normal;font-weight:700;line-height:1.1"><?php echo esc_html__('06', 'vw-shopping-mall'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"swiper-slide","layout":{"type":"constrained"}} -->
<div class="wp-block-group swiper-slide"><!-- wp:image {"id":81,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery7.png" alt="" class="wp-image-81"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"className":"slider-number","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.1"}},"textColor":"background"} -->
<p class="slider-number has-background-color has-text-color has-link-color" style="font-size:28px;font-style:normal;font-weight:700;line-height:1.1"><?php echo esc_html__('07', 'vw-shopping-mall'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"100%","className":"gallery-bottom-img"} -->
<div class="wp-block-column gallery-bottom-img" style="flex-basis:100%"><!-- wp:group {"className":"gallery-bottom-box","layout":{"type":"constrained"}} -->
<div class="wp-block-group gallery-bottom-box"><!-- wp:group {"className":"gallery-short-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group gallery-short-img"><!-- wp:image {"id":68,"width":"190px","sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery1.png" alt="" class="wp-image-68" style="width:190px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"gallery-short-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group gallery-short-img"><!-- wp:image {"id":70,"width":"190px","sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery2.png" alt="" class="wp-image-70" style="width:190px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"gallery-short-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group gallery-short-img"><!-- wp:image {"id":71,"width":"190px","sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery3.png" alt="" class="wp-image-71" style="width:190px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"gallery-short-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group gallery-short-img"><!-- wp:image {"id":72,"width":"190px","sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery4.png" alt="" class="wp-image-72" style="width:190px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"gallery-short-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group gallery-short-img"><!-- wp:image {"id":73,"width":"190px","sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery5.png" alt="" class="wp-image-73" style="width:190px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"gallery-short-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group gallery-short-img"><!-- wp:image {"id":75,"width":"190px","sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery6.png" alt="" class="wp-image-75" style="width:190px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"gallery-short-img","layout":{"type":"constrained"}} -->
<div class="wp-block-group gallery-short-img"><!-- wp:image {"id":76,"width":"190px","sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/images/gallery7.png" alt="" class="wp-image-76" style="width:190px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->