<div class="global-pagination flex ai-center jc-center">
	{%- if paginate.previous -%}
		<a class="pagination-page arrow arrow-left" href="{{ paginate.previous.url }}" data-go="prev">{{ settings.icon_arrow_left }}</a>
	{%- else -%}
		<span class="pagination-page arrow arrow-left hide-m">{{ settings.icon_arrow_left }}</span>
	{%- endif -%}
	<ul class="flex ai-start jc-center">
		{%- for part in paginate.parts -%}
			{%- if part.is_link -%}
				<li>
					<a href="{{ part.url }}" class="pagination-page number p3" data-page="{{ part.title }}">{{ part.title }}</a>
				</li>
			{%- else -%}
				{%- if part.title == '&hellip;' -%}
					<li>
						<span class="pagination-page number p3" data-page="{{ part.title }}">{{ part.title }}</span>
					</li>
				{%- else -%}
					<li>
						<span class="pagination-page number p3 active" data-page="{{ part.title }}">{{ part.title }}</span>
					</li>
				{%- endif -%}
			{%- endif -%}
		{%- endfor -%}
	</ul>
	{%- if paginate.next -%}
		<a class="pagination-page arrow arrow-right" href="{{ paginate.next.url }}" data-go="next">{{ settings.icon_arrow_right }}</a>
	{%- else -%}
		<span class="pagination-page arrow arrow-right hide-m">{{ settings.icon_arrow_right }}</span>
	{%- endif -%}
</div>