{% extends 'layouts/base' %}

{% block content %}
	{% embed 'skeletons/internalPage' %}

		{% block internal %}
		{% import "macros" as macros %}
			<section class="container py-16 xl:py-24">
				<section class="lg:container">
					<h4 class="heading-4 text-center aos-init aos-animate" data-aos="fade-up">
						{{entry.summary}}
					</h4>
					<section class="grid grid-cols-1 mt-16 divide-y divide-grey-B6 lg:mt-20">
						{% for item in entry.paymentListing.all() %}  
							<article class="py-10 lg:px-12 xl:px-16 xl:py-12 aos-init aos-animate" data-aos="fade-up">
								<h4 class="type-4xl text-imperial"> {{item.paymentTitle}} </h4>
								<div class="copy-lg mt-10 space-y-2 text-20 xl:mt-10 xl:space-y-3 richtext">
									{{item.paymentBody}}
								</div>
							</article>
						{% endfor %}
						
					</section>
				</section>
			</section>

			{% include "blocks/global/enquireNow" %}
		{% endblock %}

	{% endembed %}

{% endblock content %}