<?php /*

Element label: FAQ
Element name: element07

*/ ?>

<section class="faq">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h1><?= get_sub_field('title'); ?> </h1>
                <div class="font-controls">
                    <button class="font-controls__increment">A</button>
                    <button class="font-controls__decrement">A</button>
                </div>

<?php if (have_rows('questions')) : ?>


    <?php while (have_rows('questions')) : the_row(); ?>
                <div class="accordion">
                    <div class="accordion__header">
                        <svg class="accordion__icon" width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M15.5612 10.8214C15.6944 10.7298 15.8034 10.6071 15.8786 10.464C15.9539 10.3209 15.9932 10.1617 15.9932 10C15.9932 9.83834 15.9539 9.67911 15.8786 9.53601C15.8034 9.39291 15.6944 9.27024 15.5612 9.17856L2.56119 0.184664C2.41124 0.0805606 2.23562 0.0195121 2.05339 0.00815005C1.87117 -0.00321011 1.68931 0.0355491 1.52758 0.120222C1.36585 0.204895 1.23044 0.332241 1.13604 0.488422C1.04165 0.644606 0.9919 0.823652 0.992188 1.00611L0.992189 18.9939C0.992941 19.1759 1.04334 19.3543 1.13795 19.5099C1.23257 19.6654 1.36783 19.7923 1.52918 19.8767C1.69054 19.9612 1.87188 20.0001 2.05372 19.9893C2.23556 19.9785 2.411 19.9184 2.56119 19.8153L15.5612 10.8214Z" fill="#00172B" />
                        </svg>
                        <h2><?= get_sub_field('question'); ?></h2>
                    </div>
                    <div class="accordion__content">
                        <?= get_sub_field('answer'); ?>
                    </div>
                </div>
                <?php endwhile;
                    endif;  ?>


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