{{ if ( .Page.Params.rates.standalone ) }}
    <section class="heading flex justify-center pt-20 dark:bg-gray-900">
{{ else }}
    <section class="heading flex justify-center pt-8 dark:bg-gray-900">
{{ end }}

    <div class="h-full flex">
        <div class="text-center align-middle px-4 my-auto">
            <h2 class="text-2xl md:text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
                {{ .Page.Params.rates.heading.title }}
            </h2>
            <p class="mt-4 text-md md:text-xl text-gray-500 sm:text-xl dark:text-gray-500">
                {{ .Page.Params.rates.heading.text}}
            </p>
        </div>
    </div>
</section>