<div class="container mb-0 card_box_13">
    <div class="row">
        <?php if ($settings['title']): ?>
        <div class="col-12">
            <div class="head_card_box">
                <span class="head_card_title" style="color:<?php echo $settings['box_title']; ?>">
                    <?php echo $settings['title']; ?>
                </span>
                <?php if ($settings['title_show_more']): ?>
                <a href="<?php echo $settings['website_link']['url']; ?>" class="head_card_more"
                    style="color:<?php echo $settings['box_title_redmor']; ?>">
                    <?php echo $settings['title_show_more']; ?>
                    <i class="fal fa-arrow-left"></i>
                </a>
                <?php endif; ?>
            </div>
        </div>
        <?php endif; ?>
        <div class="col-md-3 col-sm-12 col-xs-12 pal_0">
            <?php $all_posts->the_post(); ?>
            <div class="newsWrapper">
                <div class="row">
                    <a href="<?php the_permalink(); ?>" class="newsImg col-4 p-0">
                        <?php the_post_thumbnail('medium'); ?>
                    </a>
                    <div class="col-8 pad5R pad0L newsTitleNews">
                        <span><a href="">
                                <?php the_title(); ?>
                            </a></span>
                        <ul>
                            <li>
                                <i class="fa fa-pencil"></i>
                                <a href=""><?php the_author(); ?></a>
                            </li>
                            <li>
                                <i class="fa fa-calendar"></i>
                                <?php do_action('type_article'); echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' پیش'; ?>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <?php $all_posts->the_post(); ?>
            <div class="newsWrapper">
                <div class="row">
                    <a href="<?php the_permalink(); ?>" class="newsImg col-4 p-0">
                        <?php the_post_thumbnail('medium'); ?>
                    </a>
                    <div class="col-8 pad5R pad0L newsTitleNews">
                        <span><a href="">
                                <?php the_title(); ?>
                            </a></span>
                        <ul>
                            <li>
                                <i class="fa fa-pencil"></i>
                                <a href=""><?php the_author(); ?></a>
                            </li>
                            <li>
                                <i class="fa fa-calendar"></i>
                                <?php do_action('type_article'); echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' پیش'; ?>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <?php $all_posts->the_post(); ?>
            <div class="newsWrapper">
                <div class="row">
                    <a href="<?php the_permalink(); ?>" class="newsImg col-4 p-0">
                        <?php the_post_thumbnail('medium'); ?>
                    </a>
                    <div class="col-8 pad5R pad0L newsTitleNews">
                        <span><a href="">
                                <?php the_title(); ?>
                            </a></span>
                        <ul>
                            <li>
                                <i class="fa fa-pencil"></i>
                                <a href=""><?php the_author(); ?></a>
                            </li>
                            <li>
                                <i class="fa fa-calendar"></i>
                                <?php do_action('type_article'); echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' پیش'; ?>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <?php $all_posts->the_post(); ?>
            <div class="newsWrapper">
                <div class="row">
                    <a href="<?php the_permalink(); ?>" class="newsImg col-4 p-0">
                        <?php the_post_thumbnail('medium'); ?>
                    </a>
                    <div class="col-8 pad5R pad0L newsTitleNews">
                        <span><a href="">
                                <?php the_title(); ?>
                            </a></span>
                        <ul>
                            <li>
                                <i class="fa fa-pencil"></i>
                                <a href=""><?php the_author(); ?></a>
                            </li>
                            <li>
                                <i class="fa fa-calendar"></i>
                                <?php do_action('type_article'); echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' پیش'; ?>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-9 col-sm-12 col-xs-12 vc-wrapper"> 
        <div class="rudborder overflow-hidden">
        <div class="row">
            <div class="col-12 col-md-7">
                <div class="row">
                    <?php
                    while ($all_posts->have_posts()) :
                        $all_posts->the_post();
                        $thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium_large');
                    ?>
                        <div class="col-6 col-md-4">
                            <article class="widget-item-content listing-mg-9-item listing-item-1" style="border-color:<?php echo $settings['background_Color_vid']; ?>">
                                <a href="<?php the_permalink(); ?>" class="listing-mg-type" style="background-image: url('<?php echo $thumb['0']; ?>');">
                                </a>
                                <div class="content-container">
                                    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                                        <h2 class="title "><?php the_title(); ?></h2>
                                    </a>
                                </div>
                            </article>
                        </div>
                    <?php endwhile; ?>
                </div>
            </div>
            <div class="col-12 col-md-5">
                <?php
                $all_posts->the_post();
                $thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium_large');
                ?>
                <article class="listing-item-1" style="border-color:<?php echo $settings['background_Color_vid']; ?>">
                    <a href="<?php the_permalink(); ?>" class="listing-mg-type" style="background-image: url('<?php echo $thumb['0']; ?>');">
                    </a>
                    <div class="content-container">
                        <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                            <h2 class="title "><?php the_title(); ?></h2>
                        </a>
                        <div class="as-post-meta">
                            <a href="#">
                                <span class="post-author" style="padding-left:0px;"><?php the_author_meta('display_name'); ?></span>
                            </a>
                            <span class="time">
                                <time><?php do_action('type_article'); echo human_time_diff(get_the_time('U'), current_time('timestamp')) . ' پیش'; ?></time>
                            </span>
                            <a href="" class="comments">
                                <i class="fa fa-comments-o"></i>
                                <?php comments_number('0', '1', '%'); ?>
                            </a>
                        </div>
                    </div>
                </article>
            </div>
        </div>
        </div>
        </div>
    </div>
</div>