<section class="faq-home">
    <div class="header">
        <?php /* Default header */ ?>
            <span>
                <?php echo $__env->make('layouts.partials.landingspage.info_icon_svg', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            </span>
            <h2><?php echo KommaLang::get('homeFaqHeader'); ?></h2>
    </div>


    <div class="content">

        <?php /* FAQ items list */ ?>
        <ul>
            <?php foreach($faq as $key => $item): ?>
                <li data-faq="<?php echo $key; ?>" <?php if($key == 0): ?> class="active" <?php endif; ?> >
                    <div class="faq-question">
                        <span></span>
                        <p><?php echo $item->translation->name; ?></p>
                    </div>
                    <article data-faq="<?php echo $key; ?>" class="faq-item__mobile  <?php if($key == 0): ?> active <?php endif; ?>">
                        <?php echo $item->translation->description; ?>

                    </article>
                </li>

            <?php endforeach; ?>
        </ul>

        <?php /* FAQ item content */ ?>
        <?php foreach($faq as $key => $item): ?>
            <article data-faq="<?php echo $key; ?>" class="faq-item  <?php if($key == 0): ?> active <?php endif; ?> ">
                <?php echo $item->translation->description; ?>

            </article>
        <?php endforeach; ?>

    </div>
</section>