<?php
/**
 * Title: Banner
 * Slug: pet-ecommerce-store/banner
 * Categories: pet-ecommerce-store, banner
 */
?>
<!-- wp:group {"className":"slider-section","style":{"dimensions":{"minHeight":""},"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group slider-section" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:cover {"isUserOverlayColor":true,"minHeight":700,"gradient":"banner-bg-color","contentPosition":"bottom center","className":"slider-bg","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","left":"0px","right":"0px"}}},"layout":{"type":"constrained","contentSize":"75%"}} -->
<div class="wp-block-cover has-custom-content-position is-position-bottom-center slider-bg" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-banner-bg-color-gradient-background"></span><div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","className":"slider-title wow zoomIn","style":{"typography":{"textTransform":"capitalize","fontSize":"65px","fontStyle":"normal","fontWeight":"900"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary"} -->
<h2 class="wp-block-heading has-text-align-center slider-title wow zoomIn has-secondary-color has-text-color has-link-color" style="font-size:65px;font-style:normal;font-weight:900;text-transform:capitalize"><?php echo esc_html__('find your perfect companion','pet-ecommerce-store'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","className":"slider-para wow zoomIn","style":{"elements":{"link":{"color":{"text":"var:preset|color|heading"}}},"typography":{"fontSize":"25px","fontStyle":"normal","fontWeight":"400"}},"textColor":"heading"} -->
<p class="has-text-align-center slider-para wow zoomIn has-heading-color has-text-color has-link-color" style="font-size:25px;font-style:normal;font-weight:400"><?php echo esc_html__('Healthy, happy pets raised with love and care.','pet-ecommerce-store'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"image-slider-box wow fadeInUp","style":{"spacing":{"padding":{"bottom":"4rem","top":"3rem"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group image-slider-box wow fadeInUp" style="padding-top:3rem;padding-bottom:4rem"><!-- wp:columns {"className":"owl-carousel"} -->
<div class="wp-block-columns owl-carousel"><!-- wp:column {"className":"img-box"} -->
<div class="wp-block-column img-box"><!-- wp:image {"id":14,"width":"auto","height":"350px","sizeSlug":"full","linkDestination":"none","align":"center","className":"slider-img","style":{"spacing":{"margin":{"right":"0px","left":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-full is-resized slider-img" style="margin-right:0px;margin-left:0px"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider1.png'); ?>" alt="" class="wp-image-14" style="width:auto;height:350px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"banner-img-bg","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-img-bg" style="margin-top:0px;margin-bottom:0px"><!-- wp:html -->
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_104_319)">
<path d="M66.5706 97.9769C50.3263 116.211 44.9721 145.953 55.2525 171.454C61.3438 186.564 69.1666 191.18 80.4038 198.191C95.4222 207.561 106.967 195.823 122.183 204.529C139.527 214.452 140.592 242.191 158.792 248.299C181.017 255.757 194.508 237.317 213.706 219.779C229.96 204.93 253.275 198.368 249.616 171.454C246.111 145.669 219.191 162.156 206.719 142.737C192.066 119.922 208.654 85.9086 191.629 66.6847C176.084 49.1328 157.852 43.7251 141.046 58.7626C129.097 69.4551 133.774 91.0737 122.183 102.532C104.34 120.171 83.6245 78.8336 66.5706 97.9769Z" fill="var(--wp--preset--color--primary)"/>
</g>
<defs>
<filter id="filter0_f_104_319" x="0" y="0" width="300" height="300" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_104_319"/>
</filter>
</defs>
</svg>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"img-box"} -->
<div class="wp-block-column img-box"><!-- wp:image {"id":15,"width":"auto","height":"350px","sizeSlug":"full","linkDestination":"none","align":"center","className":"slider-img","style":{"spacing":{"margin":{"right":"0px","left":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-full is-resized slider-img" style="margin-right:0px;margin-left:0px"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider2.png'); ?>" alt="" class="wp-image-15" style="width:auto;height:350px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"banner-img-bg","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-img-bg" style="margin-top:0px;margin-bottom:0px"><!-- wp:html -->
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_104_319)">
<path d="M66.5706 97.9769C50.3263 116.211 44.9721 145.953 55.2525 171.454C61.3438 186.564 69.1666 191.18 80.4038 198.191C95.4222 207.561 106.967 195.823 122.183 204.529C139.527 214.452 140.592 242.191 158.792 248.299C181.017 255.757 194.508 237.317 213.706 219.779C229.96 204.93 253.275 198.368 249.616 171.454C246.111 145.669 219.191 162.156 206.719 142.737C192.066 119.922 208.654 85.9086 191.629 66.6847C176.084 49.1328 157.852 43.7251 141.046 58.7626C129.097 69.4551 133.774 91.0737 122.183 102.532C104.34 120.171 83.6245 78.8336 66.5706 97.9769Z" fill="var(--wp--preset--color--primary)"/>
</g>
<defs>
<filter id="filter0_f_104_319" x="0" y="0" width="300" height="300" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_104_319"/>
</filter>
</defs>
</svg>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"img-box"} -->
<div class="wp-block-column img-box"><!-- wp:image {"id":16,"width":"auto","height":"350px","sizeSlug":"full","linkDestination":"none","align":"center","className":"slider-img","style":{"spacing":{"margin":{"right":"0px","left":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-full is-resized slider-img" style="margin-right:0px;margin-left:0px"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider3.png'); ?>" alt="" class="wp-image-16" style="width:auto;height:350px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"banner-img-bg","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-img-bg" style="margin-top:0px;margin-bottom:0px"><!-- wp:html -->
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_104_319)">
<path d="M66.5706 97.9769C50.3263 116.211 44.9721 145.953 55.2525 171.454C61.3438 186.564 69.1666 191.18 80.4038 198.191C95.4222 207.561 106.967 195.823 122.183 204.529C139.527 214.452 140.592 242.191 158.792 248.299C181.017 255.757 194.508 237.317 213.706 219.779C229.96 204.93 253.275 198.368 249.616 171.454C246.111 145.669 219.191 162.156 206.719 142.737C192.066 119.922 208.654 85.9086 191.629 66.6847C176.084 49.1328 157.852 43.7251 141.046 58.7626C129.097 69.4551 133.774 91.0737 122.183 102.532C104.34 120.171 83.6245 78.8336 66.5706 97.9769Z" fill="var(--wp--preset--color--primary)"/>
</g>
<defs>
<filter id="filter0_f_104_319" x="0" y="0" width="300" height="300" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_104_319"/>
</filter>
</defs>
</svg>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"img-box"} -->
<div class="wp-block-column img-box"><!-- wp:image {"id":26,"width":"auto","height":"350px","sizeSlug":"full","linkDestination":"none","align":"center","className":"slider-img","style":{"spacing":{"margin":{"right":"0px","left":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-full is-resized slider-img" style="margin-right:0px;margin-left:0px"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider4.png'); ?>" alt="" class="wp-image-26" style="width:auto;height:350px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"banner-img-bg","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-img-bg" style="margin-top:0px;margin-bottom:0px"><!-- wp:html -->
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_104_319)">
<path d="M66.5706 97.9769C50.3263 116.211 44.9721 145.953 55.2525 171.454C61.3438 186.564 69.1666 191.18 80.4038 198.191C95.4222 207.561 106.967 195.823 122.183 204.529C139.527 214.452 140.592 242.191 158.792 248.299C181.017 255.757 194.508 237.317 213.706 219.779C229.96 204.93 253.275 198.368 249.616 171.454C246.111 145.669 219.191 162.156 206.719 142.737C192.066 119.922 208.654 85.9086 191.629 66.6847C176.084 49.1328 157.852 43.7251 141.046 58.7626C129.097 69.4551 133.774 91.0737 122.183 102.532C104.34 120.171 83.6245 78.8336 66.5706 97.9769Z" fill="var(--wp--preset--color--primary)"/>
</g>
<defs>
<filter id="filter0_f_104_319" x="0" y="0" width="300" height="300" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_104_319"/>
</filter>
</defs>
</svg>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"className":"img-box"} -->
<div class="wp-block-column img-box"><!-- wp:image {"id":27,"width":"auto","height":"350px","sizeSlug":"full","linkDestination":"none","align":"center","className":"slider-img","style":{"spacing":{"margin":{"right":"0px","left":"0px"}}}} -->
<figure class="wp-block-image aligncenter size-full is-resized slider-img" style="margin-right:0px;margin-left:0px"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/slider5.png'); ?>" alt="" class="wp-image-27" style="width:auto;height:350px"/></figure>
<!-- /wp:image -->

<!-- wp:group {"className":"banner-img-bg","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-img-bg" style="margin-top:0px;margin-bottom:0px"><!-- wp:html -->
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_104_319)">
<path d="M66.5706 97.9769C50.3263 116.211 44.9721 145.953 55.2525 171.454C61.3438 186.564 69.1666 191.18 80.4038 198.191C95.4222 207.561 106.967 195.823 122.183 204.529C139.527 214.452 140.592 242.191 158.792 248.299C181.017 255.757 194.508 237.317 213.706 219.779C229.96 204.93 253.275 198.368 249.616 171.454C246.111 145.669 219.191 162.156 206.719 142.737C192.066 119.922 208.654 85.9086 191.629 66.6847C176.084 49.1328 157.852 43.7251 141.046 58.7626C129.097 69.4551 133.774 91.0737 122.183 102.532C104.34 120.171 83.6245 78.8336 66.5706 97.9769Z" fill="var(--wp--preset--color--primary)"/>
</g>
<defs>
<filter id="filter0_f_104_319" x="0" y="0" width="300" height="300" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_104_319"/>
</filter>
</defs>
</svg>
<!-- /wp:html --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"banner-left-bg","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-left-bg" style="margin-top:0px;margin-bottom:0px"><!-- wp:html -->
<svg width="200" height="352" viewBox="0 0 200 352" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.15" filter="url(#filter0_f_104_336)">
<path d="M-34.3465 110.451C-50.6721 133.426 -56.0531 170.901 -45.7212 203.032C-39.5995 222.071 -31.7376 227.887 -20.4441 236.721C-5.35065 248.527 6.25182 233.737 21.5439 244.707C38.9746 257.21 40.0445 292.161 58.3361 299.856C80.6722 309.253 94.231 286.019 113.524 263.922C129.86 245.212 153.292 236.944 149.614 203.032C146.091 170.543 119.037 191.316 106.503 166.848C91.7767 138.101 108.447 95.2448 91.3367 71.0227C75.7148 48.9073 57.3908 42.0936 40.5017 61.0408C28.4925 74.5135 33.1926 101.753 21.5439 116.19C3.61172 138.416 -17.2074 86.3304 -34.3465 110.451Z" fill="var(--wp--preset--color--primary)"/>
</g>
<defs>
<filter id="filter0_f_104_336" x="-101" y="0" width="301" height="352" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_104_336"/>
</filter>
</defs>
</svg>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"banner-right-bg","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group banner-right-bg" style="margin-top:0px;margin-bottom:0px"><!-- wp:html -->
<svg width="200" height="431" viewBox="0 0 200 431" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.15" filter="url(#filter0_f_104_337)">
<path d="M67.482 108.119C50.3442 140.85 44.6955 194.236 55.5414 240.01C61.9677 267.132 70.2207 275.419 82.0761 288.003C97.9205 304.823 110.1 283.752 126.153 299.38C144.451 317.192 145.574 366.983 164.776 377.946C188.223 391.333 202.456 358.234 222.71 326.753C239.858 300.099 264.456 288.321 260.595 240.01C256.897 193.725 228.497 223.319 215.339 188.462C199.88 147.51 217.38 86.4559 199.418 51.9489C183.019 20.4433 163.783 10.7365 146.054 37.7288C133.447 56.922 138.381 95.7273 126.153 116.295C107.329 147.958 85.4739 73.7564 67.482 108.119Z" fill="var(--wp--preset--color--primary)"/>
</g>
<defs>
<filter id="filter0_f_104_337" x="0" y="-28" width="311" height="459" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_104_337"/>
</filter>
</defs>
</svg>
<!-- /wp:html --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

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