<section class="aboutus  section-container   ">

  <div class="container">

    <div class="col-12 see-all-lawyers">
      <p class="title-span-head"><?php wp_title(''); ?></p>
    </div>

  </div>


  <div class="container">

    <div class="row">
      <div class="col-lg-7 col-sm-12">

        <div class="cap-content pt-2">

          <div class="cap-bx-cont">
            <?php
            // Start the WordPress loop.
            if (have_posts()) :
              while (have_posts()) : the_post();
                // Output the content of the current post or page.
                the_content();
              endwhile;
            else :
              // Output a message if no content is found.
              echo '<p>No content found.</p>';
            endif;
            ?>
          </div>
        </div>




      </div>
      <div class="col-lg-5">
      <div class="cap-single-bx p-5">
      <a class="team-link" href="https://www.tripleoklaw.com/people/">View Team <i class="fas fa-plus"></i></a>

    <div class="row pt-4">
        <?php if( have_rows('legal_detail') ): ?>
            <?php while( have_rows('legal_detail') ): the_row(); ?>
                <div class="col-md-6">
                    <?php 
                    $image = get_sub_field('image');
                    $name = get_sub_field('name');
                    $position = get_sub_field('position');
                    $email = get_sub_field('email');
                    $linkedin = get_sub_field('linkedin_profile_url');
                    $social_link = get_sub_field('additional_social_link');
                    ?>
                    <a href="#">
                        <div class="img-wrapper">
                            <?php if( $image ):?>
                                <img class="img-fluid" src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
                            <?php endif; ?>
                        </div>
                    </a>
                    <div class="cap-bxsidebar">
                        <a href="#">
                            <h6 class="pt-3"><?php echo esc_html($name); ?></h6>
                            <p class="position"><?php echo esc_html($position); ?></p>
                        </a>
                        <ul class="cap-single-social">
                            <?php if( $email ): ?>
                                <li><a href="mailto:<?php echo esc_attr($email); ?>"><i class="fas fa-envelope"></i></a></li>
                            <?php endif; ?>
                            <?php if( $linkedin ): ?>
                                <li><a href="<?php echo esc_url($linkedin); ?>" target="_blank"><i class="fab fa-linkedin"></i></a></li>
                            <?php endif; ?>
                            <?php if( $social_link ): ?>
                                <li><a href="<?php echo esc_url($social_link); ?>" target="_blank"><i class="fas fa-globe"></i></a></li>
                            <?php endif; ?>
                        </ul>
                    </div>
                </div>
            <?php endwhile; ?>
        <?php endif; ?>
    </div>

    <div class="realated-cap-single mt-4">
        <h2 class="title">Services</h2>
        <ul>
            <?php if( have_rows('legal_service') ): ?>
                <?php while( have_rows('legal_service') ): the_row(); ?>
                    <li><?php the_sub_field('service'); ?></li>
                <?php endwhile; ?>
            <?php endif; ?>
        </ul>
    </div>
</div>
  




      </div>
    </div>


  </div>

  <div class="width-80 mt-5"></div>


</section>