<?php /*Template Name: stats */ ?>
<?php get_header();?>



    <section id="stats" class="stats-section py-5">
        <div class="container">
            <div class="row text-center mb-5">
                <div class="col-lg-8 mx-auto">
                    <h2 class="display-4 font-weight-bold text-white mb-4" data-aos="fade-up">
                        <?php the_field('main-tit-num', 'option') ?>
                    </h2>
                    <p class="lead text-light" data-aos="fade-up" data-aos-delay="100">
                        <?php the_field('main-cont-num', 'option') ?>
                    </p>
                </div>
            </div>

            <div class="row">
                <?php $i = 1; while (has_sub_field('number', 'option')): ?>
                    <div class="col-lg-3 col-md-6 mb-4" data-aos="zoom-in" data-aos-delay="<?php echo $i?>00">
                        <div class="stat-card text-center">
                            <div class="stat-icon mb-3">
                                <i class='<?php the_sub_field('icon-num', 'option') ?>' data-fa-i2svg="false"></i>
                            </div>
                            <h3 class="stat-number" data-target="<?php the_sub_field('num-num', 'option') ?>">0</h3>
                            <span class="stat-suffix"><?php the_sub_field('suffix', 'option') ?></span>
                            <p class="stat-label"><?php the_sub_field('tit-num', 'option') ?></p>
                        </div>
                    </div>
                    <?php $i++; endwhile; ?>
            </div>
        </div>
    </section>


<?php get_footer();?>