<!-- blog area start -->
<section class="blog__area pt-115 pb-100">
    <div class="container">
        <?php 
        $educrap_blog_title = get_theme_mod( "educrap_Blog_Section_Title",'Our Blog');
        $educrap_blog_desc =  get_theme_mod( "educrap_Blog_Section_Description" ,'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec sagittis nisi.');
        if ( ! empty ( $educrap_blog_title ) || ! empty ( $educrap_blog_desc ) ) { ?>
          <div class="row">
            <div class="col-xxl-6 offset-xxl-3">
               <div class="section__title-wrapper text-center mb-60">
                  <?php if ( ! empty ( $educrap_blog_title ) ) { ?>
                    <h2 class="section__title"><?php echo esc_html(get_theme_mod( "educrap_Blog_Section_Title",'Our Blog' )); ?> </h2>
                  <?php } if ( ! empty ( $educrap_blog_desc ) ) { ?>
                    <p><?php echo esc_html(get_theme_mod( "educrap_Blog_Section_Description" ,'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec sagittis nisi.')); ?> </p>
                  <?php } ?>
               </div>
            </div>
          </div>
        <?php } ?>
        <div class="row">
          <?php 
          $post_data = array( 'post_type' => 'post', 'posts_per_page' => 3, 'post__not_in' => get_option( 'sticky_posts' ) ); 
          $post_data = new WP_Query( $post_data );
          if ( $post_data->have_posts() ) { 
            $count = 1;
              while ( $post_data->have_posts() ) : $post_data->the_post(); 
              ?>
              <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
                 <div class="blog__item white-bg mb-30 transition-3 fix">
                  <?php if ( has_post_thumbnail() ) { ?>
                    <div class="blog__thumb w-img fix">
                       <a href="<?php the_permalink(); ?>">
                          <?php the_post_thumbnail(); ?>
                       </a>
                    </div>
                    <?php } ?>
                    <div class="blog__content">
                       <h3 class="blog__title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

                       <div class="blog__meta d-flex align-items-center justify-content-between">
                          <div class="blog__author d-flex align-items-center">
                             <div class="blog__author-info">
                                <h5><?php echo esc_html( get_the_author() ) ?></h5>
                             </div>
                          </div>
                          <div class="blog__date d-flex align-items-center">
                             <i class="fal fa-clock"></i>
                             <span><?php the_date(); ?></span>
                          </div>
                       </div>
                    </div>
                 </div>
              </div>
          <?php 
        endwhile; 
      } 
      ?>
       </div>
    </div>
</section>
<!-- blog area end -->