<?php $features = get_field('features_section_features'); ?>

<section class="section philosophie philosophie-mobile">
    <div class="container">
        <div class="text-cont slide-up">
            <h2 class="section-title mb-3">
               <?php echo get_field('features_section_heading'); ?>
            </h2>
            <p class="section-content"><?php echo get_field('features_section_description'); ?></p>
        </div>
        <div class="wrapper">
            <?php if (is_array($features)) : ?>
                <?php for ($i=0; $i < count($features); $i++) : ?>
                    <div class="point slide-<?php echo ($i + 1); ?>">
                        <div class="row">
                            <div class="col-lg-5">
                                <article class="panel-text panel-text-<?php echo ($i + 1); ?> ">
                                    <div class="swapper-content-wrapper">
                                        <h3><?php echo $features[$i]['heading']; ?></h3>
                                        <p><?php echo $features[$i]['description']; ?></p>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <?php $list = $features[$i]['list']; ?>
                                                <ul>
                                                    <?php foreach ($list as $item) : ?>
                                                        <li><?php echo $item['item']; ?></li>
                                                    <?php endforeach; ?>
                                                </ul>
                                            </div>
                                        </div>
                                        <a href="<?php echo $features[$i]['cta_link']; ?>" class="purple-outline-btn" rel="nofollow" target="_blank"><?php echo $features[$i]['cta_label']; ?></a>
                                    </div>
                                </article>
                            </div>

                            <div class="col-lg-7">
                                <article class="panel-image ">
                                    <img src="<?php echo $features[$i]['image']; ?>" alt="<?php echo strip_tags( $features[$i]['heading'] ); ?>" class="img-fluid imagetoch imagetoch1" />
                                </article>
                            </div>

                        </div>
                    </div>
                <?php endfor; ?>
            <?php endif; ?>
        </div>
    </div>
</section>

<section class="section philosophie philosophie-desktop" id="philosophie-desktop-animation">
    <div class="container">
        <div class="text-cont slide-up">
            <h2 class="section-title mb-3">
               <?php echo get_field('features_section_heading'); ?>
            </h2>
            <p class="section-content"><?php echo get_field('features_section_description'); ?></p>
        </div>

        <div class="row">
            <div class="col-xl-5 col-lg-6 ">
                <?php if (is_array($features)) : ?>
                    <?php for ($i=0; $i < count($features); $i++) : ?>
                        <div class="point slide-<?php echo ($i + 1); ?>" data-img="<?php echo $i; ?>">
                            <article class="panel-text panel-text-<?php echo ($i + 1); ?>">
                                <div class="swapper-content-wrapper">
                                <h3><?php echo $features[$i]['heading']; ?></h3>
                                <p><?php echo $features[$i]['description']; ?></p>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <?php $list = $features[$i]['list']; ?>
                                            <ul>
                                                <?php foreach ($list as $item) : ?>
                                                    <li><?php echo $item['item']; ?></li>
                                                <?php endforeach; ?>
                                            </ul>
                                        </div>
                                    </div>
                                    <a href="<?php echo $features[$i]['cta_link']; ?>" class="purple-outline-btn animated-btn" rel="nofollow" target="_blank"><?php echo $features[$i]['cta_label']; ?></a>
                                </div>
                            </article>
                        </div>
                    <?php endfor; ?>
                <?php endif; ?>
            </div>

            <div class="col-xl-7 col-lg-6">
                <div class="right">
                    <div class="photos">
                        <div class="photos-box">
                            <?php if (is_array($features)) : ?>
                                <?php for ($i=0; $i < count($features); $i++) : ?>
                                    <article class="panel-image photo">
                                        <img src="<?php echo $features[$i]['image']; ?>" alt="<?php echo strip_tags( $features[$i]['heading'] ); ?>" class="img-fluid imagetoch imagetoch1" />
                                    </article>
                                <?php endfor; ?>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>                
            </div>                
        </div>
    </div>
</section>