<div class="wpcap-grid-container elementor-grid layout-3">
  <section class="margin-top-50 home-vid flex landing-hero">
    <?php $all_posts->the_post();  ?>
    <div class="col-12 container columns video-hero-container">
      <?php if ( 'yes' === $settings['show_more'] ): ?>
      <header class="col title-five">
        <a class="inner-card" href="<?php the_permalink(); ?>">
          <h2 class="Survey-title" style="color:<?php echo $settings['title_color_11'] ?>;">
            <?php echo $settings['title']; ?></h2>
          <?php echo '<a class="Survey-bt-mor" style="color:'.$settings['title_color_21'].' ; href="' . $settings['website_link']['url'] . '">'; echo $settings['title_more'];'';?>
        </a>
        </a>
      </header>
      <?php endif; ?>
      <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 columns table-in video-hero-col">
        <div class="cardSuggestions video-hero biggest">
          <?php $all_posts->the_post(); ?>
          <a href="<?php the_permalink(); ?>" class="card__picture">
            <?php the_post_thumbnail('articlethumb'); ?>
          </a>
          <div class="card__overload">
            <div class="card__overload--categories">
              <?php
                  $categories = get_the_category();
                    if ( ! empty( $categories ) ) {
                        echo '<a class="card__overload--category" href="' . esc_url( get_category_link( $categories[0]->term_id ) ) . '">' . esc_html( $categories[0]->name ) . '</a>';
                    } ?>
            </div>
            <a href="<?php the_permalink(); ?>" class="card__overload--link"></a>
            <a href="<?php the_permalink(); ?>" class="card__overload--title">
              <?php the_title(); ?>
            </a>
            <?php if ('yes' === $settings['show_more_specifications']): ?>
            <div class="card__overload--info">
              <div class="card__overload--author">
                نوشته شده توسط <?php the_author(); ?>
              </div>
              <div class="card__overload--date">
                <?php echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . ' پیش'; ?>
              </div>
            </div>
            <?php endif; ?>
          </div>
          <?php if ('yes' === $settings['show_more_icon']):?>
          <span href="#" class="card__bookmark">
            <?php \Elementor\Icons_Manager::render_icon( $settings['Iconlayoutvid'], [ 'aria-hidden' => 'true' ] ); ?>
          </span>
          <?php endif; ?>
        </div>
      </div>
      <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 columns table-in video-hero-col">
        <div class="cardSuggestions video-hero big">
          <?php $all_posts->the_post(); ?>
          <a href="<?php the_permalink(); ?>" class="card__picture">
            <?php the_post_thumbnail('articlethumb'); ?>
          </a>
          <div class="card__overload">
            <a href="<?php the_permalink(); ?>" class="card__overload--link"></a>
            <a href="<?php the_permalink(); ?>" class="card__overload--title">
              <?php the_title(); ?>
            </a>
            <?php if ('yes' === $settings['show_more_specifications']):?>
            <div class="card__overload--info">
              <div class="card__overload--author">
                نوشته شده توسط <?php the_author(); ?>
              </div>
              <div class="card__overload--date">
                <?php echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . ' پیش'; ?>
              </div>
            </div>
            <?php endif; ?>
          </div>
          <?php if ('yes' === $settings['show_more_icon']):?>
          <span href="#" class="card__bookmark">
            <?php \Elementor\Icons_Manager::render_icon( $settings['Iconlayoutvid'], [ 'aria-hidden' => 'true' ] ); ?>
          </span>
          <?php endif; ?>
        </div>
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 frs columns">
        <div class="cardSuggestions video-hero small">
          <?php $all_posts->the_post(); ?>
          <a href="<?php the_permalink(); ?>" class="card__picture">
            <?php the_post_thumbnail('articlethumb'); ?>
          </a>
          <div class="card__overload">
            <a href="<?php the_permalink(); ?>" class="card__overload--link"></a>
            <a href="<?php the_permalink(); ?>" class="card__overload--title">
              <?php the_title(); ?>
            </a>
            <?php if ('yes' === $settings['show_more_specifications']):?>
            <div class="card__overload--info">
              <div class="card__overload--author">
                نوشته شده توسط <?php the_author(); ?>
              </div>
              <div class="card__overload--date">
                <?php echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . ' پیش'; ?>
              </div>
            </div>
            <?php endif; ?>
          </div>
          <?php if ('yes' === $settings['show_more_icon']):?>
          <span href="#" class="card__bookmark">
            <?php \Elementor\Icons_Manager::render_icon( $settings['Iconlayoutvid'], [ 'aria-hidden' => 'true' ] ); ?>
          </span>
          <?php endif; ?>
        </div>
      </div>
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 scn columns">
        <div class="cardSuggestions video-hero small">
          <?php $all_posts->the_post(); ?>
          <a href="<?php the_permalink(); ?>" class="card__picture">
            <?php the_post_thumbnail('articlethumb'); ?>
          </a>
          <div class="card__overload">
            <a href="<?php the_permalink(); ?>" class="card__overload--link"></a>
            <a href="<?php the_permalink(); ?>" class="card__overload--title">
              <?php the_title(); ?>
            </a>
            <?php if ('yes' === $settings['show_more_specifications']):?>
            <div class="card__overload--info">
              <div class="card__overload--author">
                نوشته شده توسط <?php the_author(); ?>
              </div>
              <div class="card__overload--date">
                <?php echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . ' پیش'; ?>
              </div>
            </div>
            <?php endif; ?>
          </div>
          <?php if ('yes' === $settings['show_more_icon']):?>
          <span href="#" class="card__bookmark">
            <?php \Elementor\Icons_Manager::render_icon( $settings['Iconlayoutvid'], [ 'aria-hidden' => 'true' ] ); ?>
          </span>
          <?php endif; ?>
        </div>
      </div>
      </div>
    </div>
</section>
<?php wp_reset_postdata(); ?>
</div>