<div class="wpcap-grid-container elementor-grid <?php echo $columns_desktop . $columns_tablet . $columns_mobile . $grid_class; ?>">
  <section>
    <section class="margin-top-50 flex landing-hero" <?php echo $this->get_render_attribute_string('background_image'); ?>>
      <div class="landing-overlay">
        <div class="digi-container container half-gut">
          <div class="digi-container guttered">
            <h2 class="col" style="color:<?php echo $settings['title_color_11'] ?>;"><?php echo $settings['titlelayout_2']; ?></h2>
            <?php $all_posts->the_post(); ?>
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 right border-b">
              <h5 style="color:<?php echo $settings['title_color_21'] ?>;"><?php echo $settings['title2layout_2']; ?></h5>
              <figure>
                <a href="<?php the_permalink(); ?>">
                  <?php
                  if (has_post_thumbnail()) {
                    the_post_thumbnail('medium_large', array('alt' => '' . get_the_title(), 'title' => '' . get_the_title() . ''));
                  } else { ?>
                    <img src="<?php print(get_template_directory_uri()); ?>/assets/images/thumb.gif" alt="<?php _e('Image not found', 'liosa'); ?>" title="<?php _e('Image not found', 'liosa'); ?>">
                  <?php } ?>
                </a>
              </figure>
              <figcaption>
                <h5>
                  <a style="color:<?php echo $settings['title_color_21'] ?>;" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                </h5>
              </figcaption>
            </div>
            <?php $all_posts->the_post(); ?>
            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 right">
              <h5 style="color:<?php echo $settings['title_color_21'] ?>;"><?php echo $settings['titlelayouttree']; ?></h5>
              <ul class="article-list">
                <?php while ($all_posts->have_posts()) :
                  $all_posts->the_post(); ?>
                  <li class="flex">
                    <div class="card-trns tiny">
                      <a href="<?php the_permalink(); ?>">
                        <img class="card-thumb lazy-hoarea" <?php
                                                            if (has_post_thumbnail()) {
                                                              the_post_thumbnail('thumbnail', array('alt' => '' . get_the_title(), 'title' => '' . get_the_title() . ''));
                                                            } else { ?> <img class="card-thumb lazy-hoarea" src="<?php print(get_template_directory_uri()); ?>/assets/images/thumb.gif" alt="<?php _e('Image not found', 'liosa'); ?>" title="<?php _e('Image not found', 'liosa'); ?>">
                      <?php } ?>
                      <h2 class="card-title"><?php the_title(); ?></h2>
                      </a>
                    </div>
                  </li>
                <?php endwhile; ?>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>
  </section>
  <?php wp_reset_postdata(); ?>
</div>