<div class="educational-projects_wrapper">
<div class="main-education-tab">
<div class="main-education-boximg">
<img class="main-education-img" src="<?php bloginfo('template_url') ?>/img/main-education-tab-img.png" alt="">
</div>
<div class="tab-box">
<ul class="tab-nav">
<?php $args = array( 'post_type' => 'projects', 'posts_per_page' => 5 ); $loop = new WP_Query( $args ); ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); $post_id = get_the_ID(); ?>
<li><a href="javascript:void(0);" data-id="<?php echo $post_id ?>"><?php the_field('why_projects'); ?> <span>“<?php the_title(); ?>”</span></a></li>
<?php endwhile; ?>
</ul>
</div>
</div>
<div>
<div class="tab-panels">
<?php $args = array( 'post_type' => 'projects', 'posts_per_page' => 99 ); $loop = new WP_Query( $args ); ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); $post_id = get_the_ID();?>
<div data-id="<?php echo $post_id ?>"><?php the_content(); ?></div>
<?php endwhile; ?>
</div>
</div>
</div><iframe src="https://www.google.com/maps/embed?pb=!1m12!1m8!1m3!1d20593.85559032681!2d24.043855100493527!3d49.8193055987273!3m2!1i1024!2i768!4f13.1!2m1!1z0LDQv9GC0LXQutC4!5e0!3m2!1sru!2sua!4v1563534689033!5m2!1sru!2sua" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>