<section class="support">
    <div class="container">
        <!--<div class="support__tag">{{ entry.tagline }}</div>-->
        <h2 class="support__title">
            {{ entry.title }}
        </h2>
        <div class="support__description">
            {{ entry.description }}
        </div>

        <div class="support__content">
            {% set highights = entry.highlights.all() %}
            <div class="support__left">
                {% for key, highlightItem in highights %}
                    {% if (key+1) % 2 != 0 %}
                        {% include 'generic-content/_partials/highlight.twig' with {item: highlightItem} %}
                    {% endif %}
                {% endfor %}
            </div>

            <div class="support__image">
                {% include '_partials/image.twig' with {image: entry.centerImage.one(), class: 'support__img', transform: 'maxWidth500'} %}
            </div>

            <div class="support__right">
                {% for key, highlightItem in highights %}
                    {% if (key+1) % 2 == 0 %}
                        {% include 'generic-content/_partials/highlight.twig' with {item: highlightItem} %}
                    {% endif %}
                {% endfor %}
            </div>
        </div>

        <div class="support__actions">
            {% for buttonEntry in entry.buttons %}
                {% set class = buttonEntry.buttonStyle == 'white' ? 'secondary' : 'primary' %}
                {% include '_partials/link.twig' with {class: 'btn btn--' ~ class ~ ' support__btn-' ~ class, link: buttonEntry.button} %}
            {% endfor %}
        </div>
    </div>
</section>