<section id="team" class=" wow  fadeInUp" data-wow-delay="0.4s"
    style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">

    <div class="container">

        <div class="Section_title">

            <h3 class="team"><span>Our</span> Team</h3>

            <?php $the_query = new WP_Query('page_id=22'); ?>

            <?php while ($the_query->have_posts()):
                $the_query->the_post(); ?>

                <p>
                    <?php echo $er3 = get_field('our_team_top_field'); ?>
                </p>

            <?php endwhile; ?>

        </div>

        <div class="tabbingContent">

            <ul class="nav nav-tabs">

            </ul>

            <div class="tab-content">

                <div id="home" class="tab-pane fade in active">

                    <div class="row">

                        <?php $the_query = new WP_Query('page_id=22'); ?>

                        <?php while ($the_query->have_posts()):
                            $the_query->the_post(); ?>

                            <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'single-post-thumbnail'); ?>

                            <div class="col-sm-3 text-center "> 
                                <h3 class="principal_name"><b>Shiju Thomas</b>, Founder & CEO</h3>
                                <img src="<?php echo $image[0]; ?>" class="img-circle wow  fadeInLeft " data-wow-delay="0.4s"
                                    style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;"> 

                            </div>

                            <div class="col-sm-9">

                                <div class="leandership-inner">

                                    <?php the_content(); ?>

                                </div>

                            </div>

                        <?php endwhile; ?>

                    </div>
                    <div class="row" style="margin-top:30px;">

                        <?php $the_query = new WP_Query('page_id=325'); ?>

                        <?php while ($the_query->have_posts()):
                            $the_query->the_post(); ?>

                            <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'single-post-thumbnail'); ?>

                            <div class="col-sm-3 text-center">
                            <h3 class="principal_name"><b>Thomas Christy</b>, Senior Manager</h3>
                                <img src="<?php echo $image[0]; ?>" class="img-circle wow  fadeInLeft " data-wow-delay="0.4s"
                                    style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;">

                            </div>

                            <div class="col-sm-9">

                                <div class="leandership-inner">

                                    <?php the_content(); ?>

                                </div>

                            </div>

                        <?php endwhile; ?>

                    </div>
                    <div class="row" style="margin-top:30px;">

                        <?php $the_query = new WP_Query('page_id=329'); ?>

                        <?php while ($the_query->have_posts()):
                            $the_query->the_post(); ?>

                            <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'single-post-thumbnail'); ?>

                            <div class="col-sm-3 text-center">
                                <h3 class="principal_name"><b>Jonathan Hobbie</b>, Senior Manager</h3>
                                <img src="<?php echo $image[0]; ?>" class="img-circle wow  fadeInLeft " data-wow-delay="0.4s"
                                    style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;">

                            </div>

                            <div class="col-sm-9">

                                <div class="leandership-inner">

                                    <?php the_content(); ?>

                                </div>

                            </div>

                        <?php endwhile; ?>

                    </div>
                    <div class="row" style="margin-top:30px;">

                        <?php $the_query = new WP_Query('page_id=331'); ?>

                        <?php while ($the_query->have_posts()):
                            $the_query->the_post(); ?>

                            <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'single-post-thumbnail'); ?>

                            <div class="col-sm-3 text-center">
                                <h3 class="principal_name"><b>Lenny Hall</b>, Senior Manager</h3>
                                <img src="<?php echo $image[0]; ?>" class="img-circle wow  fadeInLeft " data-wow-delay="0.4s"
                                    style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;">

                            </div>

                            <div class="col-sm-9">

                                <div class="leandership-inner">

                                    <?php the_content(); ?>

                                </div>

                            </div>

                        <?php endwhile; ?>

                    </div>
                    <div class="row" style="margin-top:30px;">

                        <?php $the_query = new WP_Query('page_id=375'); ?>

                        <?php while ($the_query->have_posts()):
                            $the_query->the_post(); ?>

                            <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'single-post-thumbnail'); ?>

                            <div class="col-sm-3 text-center">
                                <h3 class="principal_name"><b>Roxanne Martinez</b>, Manager</h3>
                                <img src="<?php echo $image[0]; ?>" class=" wow  fadeInLeft " data-wow-delay="0.4s"
                                    style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;">

                            </div>

                            <div class="col-sm-9">

                                <div class="leandership-inner">

                                    <?php the_content(); ?>

                                </div>

                            </div>

                        <?php endwhile; ?>

                    </div>
                </div>

            </div>

        </div>

    </div>

    <div class="gray_line">

        <?php $the_query = new WP_Query('page_id=173'); ?>

        <?php while ($the_query->have_posts()):
            $the_query->the_post(); ?>

            <h2>
                <?php the_title(); ?>
            </h2>

        <?php endwhile; ?>

    </div>

</section>