
    <section class="relative z-10 pt-[180px] pb-[120px]">
        <div class="container">
            <div class="flex flex-wrap mx-[-16px]">
                <div class="w-full px-4">
                    <div class="max-w-[530px] mx-auto text-center">
                        <div class="mx-auto mb-9 text-center">
                            <svg class="w-full mx-auto text-center" height="210" viewBox="0 0 474 210" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path opacity="0.5"
                                    d="M25 163.051H101.211V191H133.308V163.051H153V136.111H133.308V32H91.2871L25 136.577V163.051ZM101.831 136.111H58.8025V134.869L100.591 68.6445H101.831V136.111Z"
                                    stroke="url(#paint0_linear_116:1137)" stroke-width="3" />
                                <path opacity="0.5"
                                    d="M307 133.051H383.211V161H415.308V133.051H435V106.111H415.308V2H373.287L307 106.577V133.051ZM383.831 106.111H340.803V104.869L382.591 38.6445H383.831V106.111Z"
                                    stroke="url(#paint1_linear_116:1137)" stroke-width="3" />
                                <circle opacity="0.8" cx="227.5" cy="81.5" r="68.5" fill="#4A6CF7" />
                                <mask id="mask0_116:1137" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="159"
                                    y="13" width="137" height="137">
                                    <circle opacity="0.8" cx="227.5" cy="81.5" r="68.5" fill="#4A6CF7" />
                                </mask>
                                <g mask="url(#mask0_116:1137)">
                                    <circle opacity="0.8" cx="227.5" cy="81.5" r="68.5"
                                        fill="url(#paint2_radial_116:1137)" />
                                    <g opacity="0.8" filter="url(#filter0_f_116:1137)">
                                        <circle cx="233.543" cy="49.2645" r="28.2059" fill="white" />
                                    </g>
                                </g>
                                <defs>
                                    <filter id="filter0_f_116:1137" x="175.337" y="-8.94141" width="116.412"
                                        height="116.412" filterUnits="userSpaceOnUse"
                                        color-interpolation-filters="sRGB">
                                        <feFlood flood-opacity="0" result="BackgroundImageFix" />
                                        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix"
                                            result="shape" />
                                        <feGaussianBlur stdDeviation="15" result="effect1_foregroundBlur_116:1137" />
                                    </filter>
                                    <linearGradient id="paint0_linear_116:1137" x1="25" y1="183" x2="126.155"
                                        y2="27.0837" gradientUnits="userSpaceOnUse">
                                        <stop stop-color="#4A6CF7" stop-opacity="0" />
                                        <stop offset="1" stop-color="#4A6CF7" />
                                    </linearGradient>
                                    <linearGradient id="paint1_linear_116:1137" x1="307" y1="153" x2="408.155"
                                        y2="-2.91631" gradientUnits="userSpaceOnUse">
                                        <stop stop-color="#4A6CF7" stop-opacity="0" />
                                        <stop offset="1" stop-color="#4A6CF7" />
                                    </linearGradient>
                                    <radialGradient id="paint2_radial_116:1137" cx="0" cy="0" r="1"
                                        gradientUnits="userSpaceOnUse"
                                        gradientTransform="translate(227.5 81.5) rotate(90) scale(73.5368)">
                                        <stop stop-opacity="0.47" />
                                        <stop offset="1" stop-opacity="0" />
                                    </radialGradient>
                                </defs>
                            </svg>
                        </div>
                        <h3 class="font-bold text-black dark:text-white text-3xl sm:text-4xl mb-4">
                            Oups ! La page n'a pas été trouvée.
                        </h3>
                        <p
                            class="font-medium text-body-color text-base sm:text-lg leading-relaxed sm:leading-relaxed mb-10">
                            La page que vous avez demandée peut avoir été déplacée, supprimée ou n'a jamais existé. Vous avez peut-être suivi un lien incorrect ou une URL mal orthographiée.
                        </p>
                        <a href="/" class="text-base font-semibold text-white bg-primary py-4 px-8 hover:bg-opacity-80 mx-2 rounded-md transition duration-300 ease-in-out">
                            page d'accueil
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

