<?php
/**
 * Title: Popular Trainding Section
 * Slug: classified-listings/popular-trainding-section
 * Categories: template
 */
?>
<!-- wp:group {"className":"popular-trainding-section wow slideInLeft delay-1000","layout":{"type":"constrained"}} -->
<div class="wp-block-group popular-trainding-section wow slideInLeft delay-1000"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%","className":"trend1"} -->
<div class="wp-block-column trend1" style="flex-basis:20%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"65%"} -->
<div class="wp-block-column" style="flex-basis:65%"><!-- wp:paragraph {"align":"left","className":"trainding-small-para"} -->
<p class="has-text-align-left trainding-small-para"><?php echo esc_html__( 'Check Or Ads', 'classified-listings' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html__( 'Popular Trending Ads', 'classified-listings' ); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"25%","className":"trainding-grp-btn"} -->
<div class="wp-block-column is-vertically-aligned-center trainding-grp-btn" style="flex-basis:25%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"background":"var(--wp--preset--color--primary)"},"border":{"radius":"6px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" href="#" style="border-radius:6px;background-color:var(--wp--preset--color--primary)"><?php echo esc_html__( 'Load More', 'classified-listings' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column -->

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

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"15%","className":"trend1"} -->
<div class="wp-block-column trend1" style="flex-basis:15%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"70%","className":"trainding-col-section"} -->
<div class="wp-block-column trainding-col-section" style="flex-basis:70%"><!-- wp:directorist/all-listing {"columns":"4"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":"15%","className":"trend1"} -->
<div class="wp-block-column trend1" style="flex-basis:15%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->