<?php get_header(); ?>
    <!--who us-->
    <div class="clearfix"></div>
    <div class="single_service">
        <div class="container">
            <h2 class="main-header">
                <?php echo post_type_archive_title();?>
            </h2>
            <div class="row">
<?php if ( have_posts() ) : $list = 1;  while ( have_posts() ) : the_post(); ?>
    <div class="col-lg-4 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="<?php echo $list?>00">
        <div class="service-card h-100">
            <div class="service-icon">
                <i class='<?php the_field('icon-serv') ?>' data-fa-i2svg="false"></i>
            </div>
            <h5 class="font-weight-bold"><?php the_title(); ?></h5>
            <p class="text-muted"><?php
                echo wp_trim_words( get_the_content(), 30, ' ... ' );
                ?></p>
        </div>
    </div>
                <?php $list++; endwhile; else : endif;
                wp_reset_query(); ?>

            </div>


        </div>
    </div>
<?php get_footer(); ?>