<?php
        while ($leadersobj->have_posts()) : $leadersobj->the_post();
          $leaderscount++;
          $thumbnail_url = get_the_post_thumbnail_url();
          $title = get_the_title();
          $designation = get_field('designation');
          $linkedin_url = get_field('linkedin_link');
          $twitter_handle = get_field('twitter_handle');
          $twitter_url = get_field('twitter_link');
        ?>
          <div class="team-member-thumb-wrap <?php echo ($leaderscount > 16) ? 'overflow' : ''; ?>" data-url="<?php echo esc_attr(basename(get_permalink())); ?>">
            <div class="team-member-pattern"></div>
            <div class="team-member-thumb-img-wrap" style="background-image: url(<?php echo esc_url($thumbnail_url); ?>);">
              <div class="team-member-thumb-info">
                <div class="team-info-text">
                  <h4><?php echo esc_html($title); ?></h4>
                  <p><?php echo esc_html($designation); ?></p>
                </div>
              </div>
            </div>
          </div>

          <!-- Team Modal -->
          <div class="team-modal">
            <div class="container">
              <div class="row">
                <div class="close"></div>
                <div class="col-md-6 team-img" style="background-image: url(<?php echo esc_url($thumbnail_url); ?>);"></div>
                <div class="col-md-6 team-bio">
                  <h2><?php echo esc_html($title); ?></h2>
                  <p class="title"><?php echo esc_html($designation); ?></p>
                  <div class="team-bio-con">
                    <div class="team-bio-fade"></div>
                    <?php the_content(); ?>
                  </div>
                  <ul class="team-single-social">
                    <?php if ($linkedin_url) : ?>
                      <li>
                        <a href="<?php echo esc_url($linkedin_url); ?>" class="item" target="_blank">
                          <i class="fa fa-linkedin-square" aria-hidden="true"></i>
                        </a>
                      </li>
                    <?php endif; ?>
                    <?php if ($twitter_handle) : ?>
                      <li>
                        <a href="<?php echo esc_url($twitter_url); ?>" class="item" target="_blank">
                          <i class="fa fa-twitter-square" aria-hidden="true"></i>
                          &nbsp;&nbsp;<?php echo esc_html($twitter_handle); ?>
                        </a>
                      </li>
                    <?php endif; ?>
                  </ul>
                </div>
              </div>
            </div>
          </div>

          <?php if ($leaderscount == 16) : ?>
            <div class="row">
              <div class="col txt-center show-all-btn">
                <a class="btn btn-primary show-all">View More</a>
              </div>
            </div>
          <?php endif; ?>
        <?php endwhile; ?>
        <?php wp_reset_postdata(); ?>