{% if include.block_style.border %}
<div class="m-5 border border-black">
    <div class="grid {% if include.block_style.columns == 'two' %} xl:landscape:grid-cols-2 grid-cols-1 {% elsif include.block_style.columns == 'full-width' %} grid-cols-1 {% endif %} {{include.text_align}} {% if include.text_align == 'text-right' %}ml-auto {% elsif include.text_align == 'text-center' %}mx-auto{% endif %} {% if include.text_width == 'narrow' %} md:landscape:w-[75%] {% elsif include.text_width == 'extra-narrow' %} md:landscape:w-1/2 {% endif %} {% if include.padding == 'large' %} padding-banner {% elsif include.padding == 'regular' %}padding{% endif %}">
        <div class="md:landscape:w-[85%] {% if include.text_align == 'text-right' %}ml-auto {% elsif include.text_align == 'text-center' %}mx-auto{% endif %}">
            {% if include.subtitle %}
            <h2 class="subtitle-lg mb-8">{{include.subtitle}}</h2>
            {% endif %}
            <div class="title-lg {% if include.text_html and include.block_style.columns == 'two' %} xl:landscape:mb-0 mb-8 {% else %} mb-8 {% endif %}">{{include.large_heading_html}}</div>
        </div>
        <div class="md:landscape:mt-0 {% if include.block_style.columns == two' %} mt-12 {% endif %} flex flex-col justify-end">
            {{ include.text_html }}
        </div>
    </div>
</div>
{% elsif include.block_style.background %}
<div class="bg-{{include.block_style.background_color}} {% if include.block_style.background_color == 'black' %}text-white {% endif %} md:p-0 {% if include.block_style.columns == 'two' %} py-8 {% endif %}">
    <div class="grid {% if include.block_style.columns == 
        'two' %}  md:landscape:grid-cols-2 grid-cols-1 {% elsif include.block_style.columns == 'full-width' %} grid-cols-1 {% endif %} {% if include.padding == 'large' %} padding-banner {% elsif include.padding == 'regular' %}padding{% endif %} {{include.text_align}}">
        <div class="md:landscape:w-[85%] {% if include.text_align == 'text-right' %}ml-auto {% elsif include.text_align == 'text-center' %}mx-auto{% endif %}">
            {% if include.subtitle %}

            <h2 class="subtitle-lg mb-8">{{include.subtitle}}</h2>
            {% endif %}
            <div class="title-lg {% if include.text_html %} mb-8 {% endif %}">{{include.large_heading_html}}</div>
        </div>
        <div class="md:landscape:mt-0 {% if include.block_style.columns == two' %} mt-12 {% endif %} flex flex-col justify-end dark-bullets">
            {{ include.text_html }}
        </div>
    </div>
</div>
{% endif %}