<section class="faq-block">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<h3 class="fourpanel-heading text-center"><?php the_sub_field('faq_heading') ?></h3>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<?php
$counter=0;
$count=0;
while( have_rows('faq_items') ): the_row(); ?>
<div class="panel panel-default listbox">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse-<?php the_sub_field('faq_unique_id') ?>-<?php echo $count; ?>" aria-expanded="true">
<?php the_sub_field('faq_question') ?> <i class="fa fa-chevron-down pull-right" aria-hidden="true"></i>
</a>
</h4>
</div>
<div id="collapse-<?php the_sub_field('faq_unique_id') ?>-<?php echo $count; ?>" class="panel-collapse collapse" role="tabpanel">
<div class="panel-body">
<p><?php the_sub_field('faq_answer') ?></p>
</div>
</div>
</div>
<?php $count++; ?>
<?php endwhile; ?>
</div><!--end panel group-->
</div>
</div>
</div>
</section>