<section id="services">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <div class="title">

                    <h1 class="section-heading text-uppercase">
                        <?php  the_field('service_section_title'); ?>
                    </h1>

                    <p class="text-faded">
                        <?php  the_field('service_section_description'); ?>
                    </p>

                    <div class="btn btn-primary btn-sm">
                        <a href="<?php  the_field('service_section_button_link'); ?>">Learn more</a>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <div class="container">
        <div class="row services">
            <?php

if( have_rows('services') ):

    while ( have_rows('services') ) : the_row();

       $image = get_field('service_icon');

/*if( !empty($image) ):*/ ?>
                <div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 text-center">
                    <div class="service-box hvr-float">
                        <img class="img-responsive center-block" src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />

                        <div class="service-title">
                            <h3>
                    <?php the_field('service_title'); ?>
                </h3>

                        </div>
                        <p class="text-muted text-justify">
                            <?php the_field('service_description');?>
                        </p>
                    </div>
                </div>

                <?php
    endwhile;

else :

    // no rows found

endif;

?>
        </div>
    </div>
</section>