ACF Repeater loop By Wordpress

index.php

    <!-- banner-area -->
    <div id="owl-id" class="aaaaaa owl-carousel owl-theme">
         <!-- single item -->
        <?php if(have_rows('hero_slider_item')) :?>
        <?php while(have_rows('hero_slider_item')) : the_row(); 

            $add_single_slider = get_sub_field('add_single_slider');
            $slider_title = get_sub_field('slider_title');
            $slider_sub_title = get_sub_field('slider_sub_title');
            $learn_more_button_text = get_sub_field('learn_more_button_text');
            $learn_more_button_url = get_sub_field('learn_more_button_url');
            ?>
            <!-- Slider Single Item -->
                <div class="banner-area" style="background: url('<?php echo $add_single_slider['url'];?>') no-repeat scroll 0 0 / cover;">
                    <div class="container">
                        <div class="banner-bg">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="banner-text text-center">
                                        <h2><?php echo $slider_title?></h2>
                                        <h1><?php echo $slider_sub_title?></h1>
                                        <div class="button">
                                            <a href="<?php echo $learn_more_button_url?>"><?php echo $learn_more_button_text?></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Slider Single Item -->

           <?php endwhile;?>
         <?php endif;?>
        <!-- single item -->

    </div>
    <!-- banner-area-end -->