{% if faqs is not empty %}
    
    {% set faqs_title =  faqs_intro['Title']['value'] %}
    
    {% if faqs_title is empty %}
        {% set faqs_title =  'Frequently asked questions' %}
    {% endif %}
    
    <section class="faqsBlock {% if compact is not empty %} faqsBlockCompact{% endif %} {{ class }}">

    
    
        <div class="wrapper">

            
            <div class="faqsBlock__content">

                {% include 'includes/elements/intro_block.twig' with {
                    intro_title: faqs_title,
                    class: 'faqsIntro'
                }%}
                
                {% include 'includes/pages/faqs/faq.twig' with {
                    faqs: faqs,
                    open_first: true
                }%}
                
            </div> <!-- .content -->


            {% if faqs_intro['Image']['value'] is not empty %}
                <div class="faqsBlock__background">
                    
        
                        <picture class="imageWrap">
        
                            <source
                                    srcset="/{{ image_folders['cms_images']['faqs_image_mobile']['path'] }}/{{ faqs_intro['Image']['value'] }}"
                                    media="(max-width: 640px)">
        
                            <img
                                    src="/{{ image_folders['cms_images']['faqs_image']['path']}}/{{ faqs_intro['Image']['value'] }}"
                                    alt="{{ faqs_intro['Image']['alt'] }}"
                                    width="566"
                                    height="566"
                                    loading="lazy"
                            />
        
                        </picture><!-- .imageWrap -->
                    
                </div> <!-- .faqsBlock__background -->
            {% endif %}
            
            
        </div> <!-- .wrapper -->

        
    </section>
    
{% endif %}
