{% set categoryBoxSlider = "{
        destroy: true,
        pagination: false,
        rewind: false,
        arrows: false,
        speed: 1500,
        perMove: 1,
        perPage: 3,
        breakpoints: {
            1120: {
                perPage: 2,
                destroy: false,
                pagination: true
            },
            640: {
                perMove: 1,
                perPage: 1,
                destroy: false,
                pagination: true
            }
        }
}"
%}

<div class="ctaBoxes">

    <div class="wrapper">

        <mtc-slider
                class="ctaBoxes__grid"
                :options="{{ categoryBoxSlider }}"
        >
            {% for cta_box in p.pagedata['CTA Boxes'] %}

                {% if cta_box['Title']['value'] is not empty and cta_box['Image']['value'] is not empty %}

                    <mtc-slide class="ctaBoxes__cta">

                        {% include 'includes/partials/cta_image_box.twig' with {
                            box: cta_box
                        }%}

                    </mtc-slide> <!-- .ctaBoxes__cta -->

                {% endif %}

            {% endfor %}
          
        </mtc-slider>
        

    </div> <!-- .wrapper -->

</div> <!-- .ctaBoxes -->
