<div class="container">
    <section class="article_post2 article_post3" style="margin-top:1rem;background:<?php echo $settings['background_Color_vid']; ?>">
        <?php if ($settings['title']) : ?>
            <div class=" col-12">
                <h3 class="article__title p-l-1 pull-xs-right nini-larg line" style="color:<?php echo $settings['text_Color_vid']; ?>">
                    <?php \Elementor\Icons_Manager::render_icon($settings['Iconlayoutvid'], ['aria-hidden' => 'true']); ?>
                    <a class="">
                        <?php echo $settings['title']; ?>
                    </a>
                </h3>
            </div>
        <?php endif; ?>
        <div class="art-items row">
            <div class="col-12 col-md-9 pal_0 ">
                <?php $all_posts->the_post(); ?>
                <div class="block_articels">
                    <div class="row">
                        <div class="col-12 col-md-5 pal_0">
                            <div class="article3_content">
                                <a href="<?php the_permalink(); ?>">
                                    <h2><?php the_title(); ?></h2>
                                </a>
                                <?php echo '<p class="text d-none d-lg-block">' .  get_the_excerpt() . '</p>'; ?>
                            </div>
                            <div class="article3_meta">
                                <?php _e('author ', 'liosa'); ?>:
                                <a href="<?php echo esc_url(get_author_posts_url(get_the_author_meta('ID'))); ?>">
                                    <span itemprop="name" class="item__details--author"><?php the_author_meta('display_name'); ?></span>
                                </a>
                                <span>
                                    <?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' پیش'; ?>
                                </span>
                            </div>
                        </div>
                        <div class="col-12 col-md-7">
                            <a href="<?php the_permalink(); ?>">
                                <figure>
                                    <?php the_post_thumbnail('medium_large'); ?>
                                </figure>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-3">
                <?php
                while ($all_posts->have_posts()) :
                    $all_posts->the_post();
                    $thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
                ?>
                    <ul class="article3_list_posts">
                        <li>
                            <div class="featured">
                                <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" style="background-image: url('<?php echo $thumb['0']; ?>');"></a>
                            </div>
                            <h3 class="title">
                                <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                            </h3>
                            <div class="post-meta">
                                <span class="time">
                                    <?php echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' پیش'; ?>
                                </span>
                            </div>
                        </li>
                    </ul>
                <?php endwhile; ?>
            </div>
        </div>
    </section>
</div>