{{ template "headersMenu.html" . }}


        <!-- Start Section-->
        <section class="relative py-16 min-h-screen-250 md:py-24">
            <div class="container">
                <div class="grid md:grid-cols-12 grid-cols-1 gap-[30px]">

                    <div class="lg:col-span-8 md:col-span-7">
                        <div class="mt-6">
							<div><a href="/help" class="font-semibold underline text-md">{{ "Aide en ligne" | t }}</a> > {{ .Faq.Category.Name | t }}</div>
                            <h5 class="text-2xl font-bold md:text-3xl">{{ .Faq.Title | t }}</h5>
							<div class="HTML">{{ .HTML }}</div>
                        </div>
                    </div>

                    <div class="lg:col-span-4 md:col-span-5">
                        <div class="sticky top-20 p-6 rounded-md shadow dark:shadow-gray-800">
							<h2 class="text-xl font-bold leading-normal md:text-2xl md:leading-normal">{{ "Dans la même rubrique" | t }}</h2>
							{{ range .Related }}
								<li class="p-0 navbar-item"><a href="/help/{{ .ID }}" class="text-base font-medium navbar-link">{{ .Title | t }}</a></li>
							{{ end }}
                        </div>
                    </div>

                </div>
            </div>
		</section>
		<section class="relative py-16 md:py-24">
			<div class="container px-4 mx-auto mt-24 text-center">
				<h2 class="mb-6 text-3xl font-bold">{{ "Vous n'avez pas trouvé de réponse à votre question ?" | t }}</h2>
				<p class="mx-auto mb-8 max-w-3xl text-xl">{{ "Notre équipe de support est disponible pour vous aider par chat ou téléphone." | t }}</p>
				<div class="flex flex-wrap gap-6 justify-center">
				<a href="mailto:support@card.pm" class="flex items-center px-6 py-4 bg-white rounded-lg shadow-md transition-colors hover:bg-gray-50 text-dark">
					<i class="mx-2 text-xl fas fa-envelope text-primary"></i>
					<span class="font-semibold">support@card.pm</span>
				</a>
				<a href="tel:+33756990321" class="flex items-center px-6 py-4 bg-white rounded-lg shadow-md transition-colors hover:bg-gray-50 text-dark">
					<i class="mx-2 text-xl fas fa-phone-alt text-primary"></i>
					<span class="font-semibold">+33 7 56 99 03 21</span>
				</a>
				</div>
			</div>
        </section>
        
{{ template "footerMenu.html" . }}