{% if intro_title is not empty or intro_content is not empty %}
    <div class="introBlock {{ class }} {% if horizontal is not empty %} horizontalIntro{% endif %}">

        {% if wrap is not empty %}
        <div class="wrapper">
        {% endif %}
            
            <div class="innerIntro">
    
    
                {% if intro_subtitle is not empty %}
                    <h5 class="subtitle">{{ intro_subtitle }}</h5>
                {% endif %}
    
                {% if intro_title is not empty %}
    
                    {% if use_h1 is not empty %}
    
                        <h1
                                class="introTitle {% if small_title is not empty %}smallTitle{% endif %}"
                        >
                            {% if title_link  is not empty %}
                                <a href="{{ title_link }}" title="Find out more about {{ intro_title }}">
                            {% endif %}
                                {{ intro_title }}
                            {% if title_link is not empty %}
                                </a>
                            {% endif %}
                        </h1>
    
                    {% else %}
    
                        <div
                                class="introTitle {% if small_title is not empty %}smallTitle{% endif %}"
                        >
                            {% if title_link  is not empty %}
                                <a href="{{ title_link }}" title="Find out more about {{ intro_title }}">
                            {% endif %}
                                {{ intro_title }}
                            {% if title_link is not empty %}
                                </a>
                            {% endif %}
                        </div>
    
                    {% endif %}
                {% endif %}
    
                {% if intro_content is not empty %}
                    <div class="introContentWrap">
                        {{ intro_content|raw }}
                    </div> <!-- .introContentWrap -->
                {% endif %}
    
                {% if cta_link is not empty and cta_text is not empty %}
                    <div class="buttonWrap">
                        <a href="{{ cta_link }}" class="button buttonOutlined" >{{ cta_text }}</a>
                    </div> <!-- .buttonWrap -->
                {% endif %}
    
            </div> <!-- .innerIntro -->

        {% if wrap is not empty %}
        </div> <!-- .wrapper -->
        {% endif %}

    </div> <!-- .introBlock -->
{% endif %}
