<div class="wpcap-grid-container elementor-grid <?php echo $columns_desktop.$columns_tablet.$columns_mobile.$grid_class; ?>">
  <section>
    <section class="margin-top-50 home-vid flex landing-hero" style="background:<?php  echo $settings['background_Color_vid'] ?>;">
      <?php $all_posts->the_post();  ?>
      <div class=" col-12 container columns video-hero-container">
        <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
            if ( 'yes' === $settings['show_more'] ) {
              echo '<a class="Survey-bt-mor" style="color:'.$settings['title_color_21'].';background:'.$settings['background_Color_vid'].' ; href="' . $settings['website_link']['url'] . '">'; echo $settings['title_more'];'';?></a>
            <?php } ?>
          </a>
        </header>
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 columns table-in video-hero-col">
            <?php
             if( get_post_thumbnail_id()){
              $thumb = wp_get_attachment_image_src( get_post_thumbnail_id(), 'medium_large' );
              ?>
              <figure class="card-bgd biggest video-hero" style="background-image: url('<?php echo $thumb['0'];?>');">
              <?php
              } else { ?>
              <figure class="card-bgd biggest video-hero" style="background-image: url('<?php print(get_template_directory_uri()); ?>/assets/images/thumb.gif"/assets/images/thumb.gif');">
              <?php } ?>
            <a class="inner-card" href="<?php the_permalink(); ?>">
              <div class="dg-overlay-dark">
                <?php
                \Elementor\Icons_Manager::render_icon( $settings['Iconlayoutvid'], [ 'aria-hidden' => 'true' ] ); ?>
                <figcaption>
                  <?php the_title(); ?>
                </figcaption>
              </div>
            </a>
          </figure>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 columns table-in video-hero-col">
          <?php $all_posts->the_post(); ?>
          <div class="row">
          <?php while ( $all_posts->have_posts() ) :
            $all_posts->the_post(); ?>
                <div class="col-12 col-md-6 dimag_vid_r">
                <?php
             if( get_post_thumbnail_id()){
              $thumb = wp_get_attachment_image_src( get_post_thumbnail_id(), 'medium_large' );
              ?>
              <figure class="card-bgd video-hero big" style="background-image: url('<?php echo $thumb['0'];?>');margin-bottom: 1em;">
              <?php
              } else { ?>
              <figure class="card-bgd video-hero big" style="background-image: url('<?php print(get_template_directory_uri()); ?>/assets/images/thumb.gif"/assets/images/thumb.gif');margin-bottom: 1em;">
              <?php } ?>
              <a class="inner-card" href="<?php the_permalink(); ?>">
                <div class="dg-overlay-dark">
                  <?php \Elementor\Icons_Manager::render_icon( $settings['Iconlayoutvid'], [ 'aria-hidden' => 'true' ] ); ?>
                  <figcaption>
                    <?php the_title(); ?>
                  </figcaption>
                </div>
              </a>
            </figure>
                </div>
            <?php endwhile;?>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 frs columns">

          </div>
          </div>
        </div>
      </div>
    </section>
  </section>
<?php wp_reset_postdata(); ?>
</div>
