{{ with .Site.GetPage "_index.md" }}
<div class="gap-8 flex flex-col container mx-auto p-6 my-16">
    <strong class="text-3xl text-left font-bold">What we do</strong>

    <div class="flex flex-wrap justify-center gap-8">
        {{ range .Params.list.main }}
        <div class="flex flex-col w-full sm:w-1/3 lg:w-1/4">
            <div class="max-w-12">
                <div class="flex justify-center mb-4 p-3 fill-[#192252] rounded-xl bg-[#f1f5fc]">
                    {{ .icon | safeHTML }}
                </div>
            </div>
            <p class="text-xl font-semibold mb-2">{{ .title }}</p>
            <p class="text-gray-700">{{ .description }}</p>
        </div>
        {{ end }}
    </div>
</div>
{{ end }}