{{ if on_page_anchor_link }}
<a id="{{ on_page_anchor_link }}"></a>
{{ /if }}

{{ partial:page_builder/block class="{padding_top} {padding_bottom} z-10" }}
    <div class="{{ if layout == 'screen_width' }}col-span-full{{ else }}span-content{{ /if }} w-full grid grid-cols-1 lg:grid-cols-{{ if columns == 'one' }}1{{ elseif columns == 'two' }}2{{ else }}3{{ /if }} gap-6 lg:gap-20">

        {{ if columns | contains_any('one', 'two', 'three') }}
        <div class="cms {{ if swap_column_order_on_mobile }}order-2 lg:order-1 {{ /if }}{{ if align_vertically == 'centre' }}flex flex-col justify-center{{ /if }}">
            <div>{{ column_1_text }}</div>
        </div>
        {{ /if }}

        {{ if columns | contains_any('two', 'three') }}
        <div class="cms {{ if swap_column_order_on_mobile }}order-1 lg:order-2 {{ /if }}{{ if align_vertically == 'centre' }}flex flex-col justify-center{{ /if }}">
            <div>{{ column_2_text }}</div>
        </div>
        {{ /if }}

        {{ if columns | contains_any('three') }}
        <div class="cms {{ if align_vertically == 'centre' }}flex flex-col justify-center{{ /if }}">
            <div>{{ column_3_text }}</div>
        </div>
        {{ /if }}

    </div>
{{ /partial:page_builder/block }}