<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
      <script>
        if (window.location.hostname.includes(".pages.dev")) {
          const newUrl =
            "https://f5torefresh.com/" + window.location.pathname + window.location.search;
          window.location.replace(newUrl);
        }
      </script>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Hello Mario APK Download Free For Android [New Version]</title>
      <meta name="description" content="Download Hello Mario APK Latest Version Free For Android to Install a Fun Gaming App to Enjoy Different Games &amp; Activities." />
      <meta property="og:type" content="website" />
      <meta property="og:title" content="Hello Mario APK Download Free For Android [New Version]" />
      <meta property="og:url" content="https://f5torefresh.com//" />
      <meta property="og:site_name" content="Hello Mario" />
      <meta property="og:image" content="https://f5torefresh.com//hello_mario.webp" />
      <meta property="og:description" content="Download Hello Mario APK Latest Version Free For Android to Install a Fun Gaming App to Enjoy Different Games &amp; Activities." />
      <meta property="og:locale" content="en_US" />
      <meta name="twitter:card" content="summary" />
      <meta name="twitter:title" content="Hello Mario APK Download Free For Android [New Version]" />
      <meta name="twitter:description" content="Download Hello Mario APK Latest Version Free For Android to Install a Fun Gaming App to Enjoy Different Games &amp; Activities." />
      <meta name="twitter:creator" content="Hello Mario" />
      <meta name="twitter:image" content="https://f5torefresh.com//hello_mario.webp" />
      <link
        rel="apple-touch-icon"
        sizes="57x57"
        href="https://f5torefresh.com//apple-icon-57x57.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="60x60"
        href="https://f5torefresh.com//apple-icon-60x60.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="72x72"
        href="https://f5torefresh.com//apple-icon-72x72.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="76x76"
        href="https://f5torefresh.com//apple-icon-76x76.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="114x114"
        href="https://f5torefresh.com//apple-icon-114x114.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="120x120"
        href="https://f5torefresh.com//apple-icon-120x120.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="144x144"
        href="https://f5torefresh.com//apple-icon-144x144.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="152x152"
        href="https://f5torefresh.com//apple-icon-152x152.png"
      />
      <link
        rel="apple-touch-icon"
        sizes="180x180"
        href="https://f5torefresh.com//apple-icon-180x180.png"
      />
      <link
        rel="icon"
        type="image/png"
        sizes="192x192"
        href="https://f5torefresh.com//android-icon-192x192.png"
      />
      <link
        rel="icon"
        type="image/png"
        sizes="32x32"
        href="https://f5torefresh.com//favicon-32x32.png"
      />
      <link
        rel="icon"
        type="image/png"
        sizes="96x96"
        href="https://f5torefresh.com//favicon-96x96.png"
      />
      <link
        rel="icon"
        type="image/png"
        sizes="16x16"
        href="https://f5torefresh.com//favicon-16x16.png"
      />
      <meta name="msapplication-TileColor" content="#ffffff" />
      <meta
        name="msapplication-TileImage"
        content="https://f5torefresh.com//ms-icon-144x144.png"
      />
      <meta name="theme-color" content="#ffffff" />
      <link rel="manifest" href="https://f5torefresh.com//manifest.json" />
       
      <link
        rel="alternate"
        hreflang="en"
        href="https://f5torefresh.com/"
      />
       

      <link rel="preconnect" href="https://fonts.googleapis.com" />
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
      <link
        href="https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Orbitron:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet"
      />

      <noscript>
        <link
          href="https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Orbitron:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
          rel="stylesheet"
        />
      </noscript>
      <script type="module" crossorigin src="/assets/app.CUEAXo0q.js"></script>
      <link rel="stylesheet" crossorigin href="/assets/app.crLTXOFd.css">
    </head>
  </html>
</html>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Hello Mario",
        "url": "https://f5torefresh.com/",
        "abstract": "Download Hello Mario APK Latest Version Free For Android to Install a Fun Gaming App to Enjoy Different Games &amp; Activities.",
        "copyrightYear": "2025",
        "keywords": "Hello Mario, Hello Mario Apk, Hello Mario Latest, Hello Mario Android, Hello Mario Game, Hello Mario Free"
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "MobileApplication",
        "name": "Hello Mario",
        "url": "https://f5torefresh.com/",
        "description": "Download Hello Mario APK Latest Version Free For Android to Install a Fun Gaming App to Enjoy Different Games &amp; Activities.",
        "applicationCategory": "GameApplication",
        "operatingSystem": "ANDROID",
        "image": "https://f5torefresh.com//hello_mario.webp",
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.7",
            "reviewCount": "111049"
        },
        "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "USD",
            "availability": "https://schema.org/InStock"
        },
        "author": {
            "@type": "Person",
            "name": "Nintendo Co., Ltd."
        },
        "downloadUrl": "https://f5torefresh.com//download/"
    }
</script>
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebPage",
        "name": "Hello Mario APK Download Free For Android [New Version]",
        "url": "https://f5torefresh.com/",
        "description": "Download Hello Mario APK Latest Version Free For Android to Install a Fun Gaming App to Enjoy Different Games &amp; Activities.",
        "image": {
            "@type": "ImageObject",
            "url": "https://f5torefresh.com//hello_mario.webp",
            "height": 512,
            "width": 512
        },
        "datePublished": "2025-08-28T13:31:30+00:00",
        "dateModified": "2025-08-28T13:31:30+00:00",
        "publisher": {
            "@type": "Person",
            "name": "Nintendo Co., Ltd."
        }
    }
</script></head>
<body><header class="px-4 w-full border-b border-white flex justify-center items-center bg-header-background text-header-foreground py-2">

    <div class="max-w-5xl w-full flex justify-between items-center">
        <div class="flex items-center justify-center gap-2">
            <a href="/" aria-label="Go to Home Page">
                <img src="https://f5torefresh.com//hello_mario.webp" alt="Hello Mario" height="48" width="48"
                    class="size-12 rounded-full">
            </a>
            <div>
                <label class="sr-only" for="language_switch">Change Language</label>
                <select onchange="if(this.value) window.location.href=this.value;" id="language_switch"
                    class="px-2 py-1 bg-card text-card-foreground font-semibold">
                    <option class="bg-[#4f6c2f]" value="/"
                            selected
                    > EN</option>
                </select>
            </div>
        </div>
        <div class="md:flex items-center gap-4 hidden">
            <nav class="flex gap-x-6">
                <a href="/" aria-label="Home" class="font-semibold hover:text-header-hover">
                    Home
                </a>
                <a href="/blog/" aria-label="Blog" class="font-semibold hover:text-header-hover">
                    Blog
                </a>
                <a href="/faqs/" aria-label="FAQs" class="font-semibold hover:text-header-hover">
                    FAQs
                </a>
            </nav>
        </div>

        <a href="/download/" aria-label="Download Now"
            class="primary-button !py-3 !max-w-48 !text-base max-md:hidden">
            Download Now
        </a>


        <button class="md:hidden" id="menuOpen" aria-label="Open Menu">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
              class="h-8 w-8">
              <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
            </svg>        </button>
    </div>


    <div
        class="absolute bottom-0 -left-full bg-black/70 flex items-end z-20 nav-menu w-full h-screen transition-all duration-300 md:hidden">
        <div class="relative z-30 w-full h-fit bg-header-background px-2 pt-2 pb-4 flex flex-col gap-2">

            <div class="flex items-center justify-end">
                <button id="menuClose" aria-label="Close Menu">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                      class="size-6">
                      <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
                    </svg>                </button>
            </div>


            <div class="h-full flex flex-col justify-end items-center">
                <nav class="flex flex-col  gap-3">
                    <a href="/" class="text-xl font-medium text-center">
                        Home
                    </a>
                    <a href="/blog/" class="text-xl font-medium text-center">
                        Blog
                    </a>
                    <a href="/faqs/" class="text-xl font-medium text-center">
                        FAQs
                    </a>
                </nav>


                <a class="mt-3 secondary-button hover:opacity-85" href="/download/">
                    Download Now
                </a>
            </div>
        </div>
        <div class="absolute top-0 left-0 w-full h-full bg-black/15"></div>
    </div>
</header><main id="main">
  <section class="py-10 bg-secondary-section-background">
    <div class="max-w-5xl mx-auto mt-9 flex gap-4 lg:gap-10">
      <div class="flex flex-col gap-y-6 sm:gap-y-8">
        <div class="flex flex-col items-center text-center justify-center gap-y-6 sm:gap-y-8">
          <h1 class="hero-heading !text-secondary-section-foreground">Hello Mario</h1>
          <p class="paragraph !text-secondary-section-foreground">Are you interested in playing a fun Mario game? If that’s the case, Hello Mario is the ideal game for you to experience. The gaming app offers an exciting gameplay where you can have a lot of fun playing with the main character. You can do many fun activities like making silly faces, playing peekaboo, and more.</p>
        </div>
        <div class="flex items-center justify-center gap-2">
          <svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24" stroke-width="1.5" stroke="#fff"
            class="size-6">
            <path stroke-linecap="round" stroke-linejoin="round"
              d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z" />
          </svg>
          <p class="paragraph !text-secondary-section-foreground">
            Rated 4.7 (111k)
          </p>
        </div>
        <div class="flex items-center justify-center">
          <div class="flex justify-center flex-wrap gap-4 w-fit">
            <a
              href="https://www.linkedin.com/sharing/share-offsite?mini&#x3D;true&amp;url&#x3D;https%3A%2F%2Ff5torefresh.com%2F%2F&amp;title&#x3D;Hello%20Mario%20APK%20Download%20Free%20For%20Android%20%5BNew%20Version%5D&amp;summary&#x3D;Hello%20Mario%20APK%20Download%20Free%20For%20Android%20%5BNew%20Version%5D"
              target="_blank"
              rel="noopener noreferrer"
              class="flex items-center justify-center p-3 text-white bg-[#006699] rounded-md hover:bg-[#005580] transition-colors"
              title=""
              aria-label="Share on linkedin"
            >
              <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
                />
              </svg>
            </a>
          
            <a
              href="https://www.facebook.com/sharer/sharer.php?u&#x3D;https%3A%2F%2Ff5torefresh.com%2F%2F"
              target="_blank"
              rel="noopener noreferrer"
              class="flex items-center justify-center p-3 text-white bg-[#337FFF] rounded-md hover:bg-[#2b6cd9] transition-colors"
              title="_shareOnFacebook"
            >
              <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"
                />
              </svg>
            </a>
          
            <a
              href="https://x.com/intent/post?text&#x3D;Hello%20Mario%20APK%20Download%20Free%20For%20Android%20%5BNew%20Version%5D&amp;url&#x3D;https%3A%2F%2Ff5torefresh.com%2F%2F"
              target="_blank"
              rel="noopener noreferrer"
              class="flex items-center justify-center p-3 text-white bg-black rounded-md hover:bg-stone-800 transition-colors"
              title="_shareOnX"
            >
              <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"
                />
              </svg>
            </a>
          
            <a
              href="https://wa.me/?text&#x3D;Hello%20Mario%20APK%20Download%20Free%20For%20Android%20%5BNew%20Version%5D%20https%3A%2F%2Ff5torefresh.com%2F%2F"
              target="_blank"
              rel="noopener noreferrer"
              class="flex items-center justify-center p-3 text-white bg-[#00D95F] rounded-md hover:bg-[#00c055] transition-colors"
              title=""
              aria-label="Share on whatsapp"
            >
              <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"
                />
              </svg>
            </a>
          
            <a
              href="https://t.me/share/url?url&#x3D;https%3A%2F%2Ff5torefresh.com%2F%2F&amp;text&#x3D;Hello%20Mario%20APK%20Download%20Free%20For%20Android%20%5BNew%20Version%5D"
              target="_blank"
              rel="noopener noreferrer"
              class="flex items-center justify-center p-3 text-white bg-[#34AADF] rounded-md hover:bg-[#2d95c2] transition-colors"
              title=""
              aria-label="Share on telegram"
            >
              <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.563 8.994l-1.791 8.425c-.127.585-.456.732-.925.456l-2.555-1.883-1.233 1.188c-.136.136-.255.255-.511.255l.361-2.29 4.735-4.275c.19-.181-.042-.282-.293-.101l-5.85 3.69-2.52-.789c-.546-.17-.556-.546.121-.82l9.684-3.73c.456-.17.855.101.711.82z"
                />
              </svg>
            </a>
          
            <a
              href="https://www.reddit.com/submit?url&#x3D;https%3A%2F%2Ff5torefresh.com%2F%2F&amp;title&#x3D;Hello%20Mario%20APK%20Download%20Free%20For%20Android%20%5BNew%20Version%5D"
              target="_blank"
              rel="noopener noreferrer"
              class="flex items-center justify-center p-3 text-white bg-[#FF4500] rounded-md hover:bg-[#e63e00] transition-colors"
              title=""
              aria-label="Share on reddit"
            >
              <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z"
                />
              </svg>
            </a>
          
            <a
              href="https://pinterest.com/pin/create/button/?url&#x3D;https%3A%2F%2Ff5torefresh.com%2F%2F&amp;description&#x3D;Hello%20Mario%20APK%20Download%20Free%20For%20Android%20%5BNew%20Version%5D"
              target="_blank"
              rel="noopener noreferrer"
              class="flex items-center justify-center p-3 text-white bg-[#E60023] rounded-md hover:bg-[#cc001f] transition-colors"
              title=""
              aria-label="Share on pinterest"
            >
              <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"
                />
              </svg>
            </a>
          
            <a
              href="https://www.tumblr.com/widgets/share/tool?canonicalUrl&#x3D;https%3A%2F%2Ff5torefresh.com%2F%2F&amp;title&#x3D;Hello%20Mario%20APK%20Download%20Free%20For%20Android%20%5BNew%20Version%5D"
              target="_blank"
              rel="noopener noreferrer"
              class="flex items-center justify-center p-3 text-white bg-[#001935] rounded-md hover:bg-[#00152b] transition-colors"
              title="_shareOnTumblr"
            >
              <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M19.3 16.8c.6 1.8 1.3 3.3 2.3 4.5 1 .9 2.1 1.7 3.4 2.3-.3.2-.6.3-.9.5-.3.1-.6.2-.9.3-.3 0-.6.1-1 .1-.3 0-.6 0-.9-.1-.3 0-.6-.1-.9-.2-.3-.1-.6-.2-.8-.4-.2-.2-.4-.4-.6-.6-.2-.2-.3-.5-.4-.8-.1-.3-.2-.6-.2-1v-7.1h4.7v-3.2h-4.7V0h-3.2c-.2.3-.4.6-.5.9-.1.3-.2.6-.3.9 0 .3-.1.6-.1.9v2.7h-3.2v3.2h3.2v8.1c0 .6.1 1.2.2 1.7.1.6.3 1.1.5 1.7.2.5.5 1 .8 1.4.3.4.7.8 1.1 1.1.4.3.9.6 1.4.8.5.2 1.1.4 1.7.5.6.1 1.2.2 1.8.2.5 0 1 0 1.5-.1.5-.1.9-.2 1.4-.3.4-.2.8-.3 1.2-.5.4-.2.7-.4 1-.6z"
                />
              </svg>
            </a>
          
            <a href="/cdn-cgi/l/email-protection#2b14585e49414e485f0d0853186f10634e4747440e191b664a5942440e191b6a7b600e191b6f445c4547444a4f0e191b6d594e4e0e191b6d44590e191b6a454f5944424f0e191b0e1e69654e5c0e191b7d4e59584244450e1e6f0d4a465b1049444f520d0853186f10435f5f5b580e186a0e196d0e196d4d1e5f44594e4d594e5843054844460e196d0e196d" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center p-3 text-white bg-stone-600 rounded-md hover:bg-stone-700 transition-colors" title="_shareOnEmail">
              <svg class="size-6" viewBox="0 0 24 24" fill="currentColor">
                <path
                  d="M0 3v18h24v-18h-24zm21.518 2l-9.518 7.713-9.518-7.713h19.036zm-19.518 14v-11.817l10 8.104 10-8.104v11.817h-20z"
                />
              </svg>
            </a>
          </div>
        </div>

        <a href="/download/" aria-label="Download Now" class="primary-button text-center max-w-xs w-full mx-auto">
          Download Now
        </a>

      </div>
    </div>
  </section>

  <section class="py-12 px-4 md:px-10 bg-muted-section-background flex justify-center">
    <div class="w-full max-w-5xl">
      <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6">
        <div class="group relative primary-card">
          <div class="text-4xl mb-4 transition-all duration-300 group-hover:text-primary-card-background">
            <svg viewBox="0 0 24 24"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
                 class="size-9 object-contain"
            >
                <path d="M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z"
                      stroke="currentColor"
                      stroke-width="2"
                      stroke-linecap="round"
                      stroke-linejoin="round"/>
                <path d="M16 2V6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M8 2V6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M3 10H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M8 14H8.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M12 14H12.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M16 14H16.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M8 18H8.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M12 18H12.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M16 18H16.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>           </div>
          <h1
            class="text-xl font-bold text-primary-card-foreground transition-all duration-300 group-hover:text-primary-card-background">
            App Name
          </h1>
          <p
            class="text-base text-primary-card-foreground break-words mt-1 transition-all duration-300 group-hover:text-primary-card-background">
            Hello Mario
          </p>
        </div>
        <div class="group relative primary-card">
          <div class="text-4xl mb-4 transition-all duration-300 group-hover:text-primary-card-background">
            <svg viewBox="0 0 24 24"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
                 class="size-9 object-contain"
            >
              <path d="M4 6C4 4.89543 4.89543 4 6 4H18C19.1046 4 20 4.89543 20 6V15C20 16.1046 19.1046 17 18 17H6C4.89543 17 4 16.1046 4 15V6Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M4 10H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M8 20H16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M12 17V20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M16 4V2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M8 4V2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>           </div>
          <h1
            class="text-xl font-bold text-primary-card-foreground transition-all duration-300 group-hover:text-primary-card-background">
            Version
          </h1>
          <p
            class="text-base text-primary-card-foreground break-words mt-1 transition-all duration-300 group-hover:text-primary-card-background">
            1.0.3
          </p>
        </div>
        <div class="group relative primary-card">
          <div class="text-4xl mb-4 transition-all duration-300 group-hover:text-primary-card-background">
            <svg viewBox="0 0 24 24"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
                 class="size-9 object-contain"
            >
                <path d="M19 21V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V21" stroke="currentColor" stroke-width="2"
                      stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M9 7H15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M9 11H15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M9 15H13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M5 21H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>          </div>
          <h1
            class="text-xl font-bold text-primary-card-foreground transition-all duration-300 group-hover:text-primary-card-background">
            Package Name
          </h1>
          <p
            class="text-base text-primary-card-foreground break-words mt-1 transition-all duration-300 group-hover:text-primary-card-background">
            com.nintendo.zata
          </p>
        </div>
        <div class="group relative primary-card">
          <div class="text-4xl mb-4 transition-all duration-300 group-hover:text-primary-card-background">
            <svg viewBox="0 0 24 24"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
                 class="size-9 object-contain"
            >
                <path d="M7 8L3 12L7 16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M17 8L21 12L17 16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M14 4L10 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>           </div>
          <h1
            class="text-xl font-bold text-primary-card-foreground transition-all duration-300 group-hover:text-primary-card-background">
            Developer
          </h1>
          <p
            class="text-base text-primary-card-foreground break-words mt-1 transition-all duration-300 group-hover:text-primary-card-background">
            Nintendo Co., Ltd.
          </p>
        </div>
        <div class="group relative primary-card">
          <div class="text-4xl mb-4 transition-all duration-300 group-hover:text-primary-card-background">
            <svg viewBox="0 0 24 24"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
                 class="size-9 object-contain"
            >
                <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"
                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>           </div>
          <h1
            class="text-xl font-bold text-primary-card-foreground transition-all duration-300 group-hover:text-primary-card-background">
            Requirements
          </h1>
          <p
            class="text-base text-primary-card-foreground break-words mt-1 transition-all duration-300 group-hover:text-primary-card-background">
            Android 5.0 and Up
          </p>
        </div>
        <div class="group relative primary-card">
          <div class="text-4xl mb-4 transition-all duration-300 group-hover:text-primary-card-background">
            <svg viewBox="0 0 24 24"
                 fill="currentColor"
                 xmlns="http://www.w3.org/2000/svg"
                 class="size-9 object-contain"
            >
                <path d="M4 11h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm10 0h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zM4 21h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm13 0c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4z"></path>
            </svg>          </div>
          <h1
            class="text-xl font-bold text-primary-card-foreground transition-all duration-300 group-hover:text-primary-card-background">
            Category
          </h1>
          <p
            class="text-base text-primary-card-foreground break-words mt-1 transition-all duration-300 group-hover:text-primary-card-background">
            Action Game
          </p>
        </div>
        <div class="group relative primary-card">
          <div class="text-4xl mb-4 transition-all duration-300 group-hover:text-primary-card-background">
            <svg viewBox="0 0 24 24"
                 fill="none"
                 xmlns="http://www.w3.org/2000/svg"
                 class="size-9 object-contain"
            >
                <path d="M21 3H3C1.89543 3 1 3.89543 1 5V19C1 20.1046 1.89543 21 3 21H21C22.1046 21 23 20.1046 23 19V5C23 3.89543 22.1046 3 21 3Z"
                      stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M1 7H23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M7 7V21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>           </div>
          <h1
            class="text-xl font-bold text-primary-card-foreground transition-all duration-300 group-hover:text-primary-card-background">
            Size
          </h1>
          <p
            class="text-base text-primary-card-foreground break-words mt-1 transition-all duration-300 group-hover:text-primary-card-background">
            70.31 MB
          </p>
        </div>
      </div>
    </div>
  </section>

  <section class="w-full flex justify-center py-10 mt-10 bg-muted-section-background">
    <div
      class="w-full max-w-5xl grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4 text-muted-section-foreground">
      <a href="#about"
        class="group relative block rounded-lg bg-secondary-button-background text-secondary-button-foreground font-semibold text-center px-5 py-4 shadow hover:bg-secondary-button-foreground hover:text-secondary-button-background transition-all duration-300">
        <span class="relative z-10">About</span>
        <span
          class="absolute inset-0 rounded-lg ring-2 ring-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
      </a>
      <a href="#screenshots"
        class="group relative block rounded-lg bg-secondary-button-background text-secondary-button-foreground font-semibold text-center px-5 py-4 shadow hover:bg-secondary-button-foreground hover:text-secondary-button-background transition-all duration-300">
        <span class="relative z-10">Screenshots</span>
        <span
          class="absolute inset-0 rounded-lg ring-2 ring-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
      </a>
      <a href="#features"
        class="group relative block rounded-lg bg-secondary-button-background text-secondary-button-foreground font-semibold text-center px-5 py-4 shadow hover:bg-secondary-button-foreground hover:text-secondary-button-background transition-all duration-300">
        <span class="relative z-10">Features</span>
        <span
          class="absolute inset-0 rounded-lg ring-2 ring-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
      </a>
      <a href="#installation"
        class="group relative block rounded-lg bg-secondary-button-background text-secondary-button-foreground font-semibold text-center px-5 py-4 shadow hover:bg-secondary-button-foreground hover:text-secondary-button-background transition-all duration-300">
        <span class="relative z-10">Installation</span>
        <span
          class="absolute inset-0 rounded-lg ring-2 ring-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
      </a>
      <a href="#faqs"
        class="group relative block rounded-lg bg-secondary-button-background text-secondary-button-foreground font-semibold text-center px-5 py-4 shadow hover:bg-secondary-button-foreground hover:text-secondary-button-background transition-all duration-300">
        <span class="relative z-10">FAQs</span>
        <span
          class="absolute inset-0 rounded-lg ring-2 ring-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
      </a>
      <a href="#conclusion"
        class="group relative block rounded-lg bg-secondary-button-background text-secondary-button-foreground font-semibold text-center px-5 py-4 shadow hover:bg-secondary-button-foreground hover:text-secondary-button-background transition-all duration-300">
        <span class="relative z-10">Conclusion</span>
        <span
          class="absolute inset-0 rounded-lg ring-2 ring-primary opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
      </a>
    </div>
  </section>

  <section class="w-full flex justify-center items-center pt-10">
    <div class="w-full md:max-w-5xl space-y-4">
      <p class="second-paragraph">Mario is a vintage name for gaming fans, as there are a bunch of fascinating games based on this character. This gaming app we are providing here is full of excitement and fun stuff. Here you can check all the important details about it and learn how to download its latest version. </p>
    </div>
  </section>
   
  <section id="about" class="w-full flex flex-col justify-center items-center py-10 gap-4">
    <div class="w-full md:max-w-5xl">
      <h2 class="section-heading">What is Hello Mario?</h2>
      <p class="section-description text-lg">
        
      </p>
    </div>
    <div class="w-full md:max-w-5xl">
      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <div class="card">
  
          <p class="card-description text-lg">It is a unique gaming application based on the classic Mario character, with many fun activities and challenges. A player can do creative things like interact with the character in fun ways, make face shapes, add elements, and play a hide-and-seek game called Peekaboo.</p>
                    </div>
        <div class="card">
  
          <p class="card-description text-lg">The game is designed for people of all ages. Whether you are a kid or an adult, you can enjoy this game by taking part in entertaining activities. It is specially designed for kids as it comes with built-in breaks to offer a balanced screen time for them. If you are an adult and want to continue playing, you turn off this feature.</p>
                    </div>
        <div class="card">
  
          <p class="card-description text-lg">Playing Peekaboo will give your kids a lot of laughing moments. The character will pop in and out, surprising the player. Also, there are so many elements in Hello Mario Eshop that you can use while interacting with the character and have great fun.</p>
                    </div>
        <div class="card">
  
          <p class="card-description text-lg">There are different ways to interact and play with the character that make the game engaging. Also, the uniquely designed graphics and environments make it very interesting. Hello Mario Android can be downloaded directly from this site to install the game right away.</p>
                    </div>
      </div>
    </div>
  </section>
   
  <section id="features" class="w-full flex justify-center py-16 bg-muted-section-background">
    <div class="w-full max-w-5xl px-4">
      <!-- Heading -->
      <div class="text-center space-y-4 mb-10">
        <h2 class="text-3xl md:text-4xl font-bold text-foreground">
          Main Features
        </h2>
         
        <p class="text-base md:text-lg text-muted-foreground max-w-3xl mx-auto">
          There are a bunch of top features to enjoy while using this app. Here, we will discuss the core features that make it unique and interesting for players.
        </p>
         
      </div>

      <!-- Feature Cards -->
      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
        <div class="group rounded-xl border border-border secondary-card hover:shadow-lg">
          <div class="space-y-3">
            <h3 class="text-xl font-semibold group-hover:text-white transition">
              Interactive Gameplay
            </h3>
            <p class="text-base leading-relaxed group-hover:text-white transition">
              This game is really fun and lets players spend time with Mario in many creative and playful ways. You can make Mario do silly faces, act out funny moves, and try lots of different things. The game is designed to be easy and enjoyable so that anyone can play it.
            </p>
          </div>
        </div>
        <div class="group rounded-xl border border-border secondary-card hover:shadow-lg">
          <div class="space-y-3">
            <h3 class="text-xl font-semibold group-hover:text-white transition">
              Peekaboo Game
            </h3>
            <p class="text-base leading-relaxed group-hover:text-white transition">
              A highlight of the game is the peekaboo game with Mario. He suddenly appears and disappears, catching players by surprise and making them smile. This activity is especially popular with kids, who enjoy the excitement of guessing when the character will pop back up.
            </p>
          </div>
        </div>
        <div class="group rounded-xl border border-border secondary-card hover:shadow-lg">
          <div class="space-y-3">
            <h3 class="text-xl font-semibold group-hover:text-white transition">
              Kid-Friendly Design
            </h3>
            <p class="text-base leading-relaxed group-hover:text-white transition">
              The app is made especially for younger kids. It has built-in breaks to make sure children don’t spend too much time looking at the screen. Parents can easily change these break settings or turn them off if they want, helping to keep playtime healthy and balanced.
            </p>
          </div>
        </div>
        <div class="group rounded-xl border border-border secondary-card hover:shadow-lg">
          <div class="space-y-3">
            <h3 class="text-xl font-semibold group-hover:text-white transition">
              Easy-to-Navigate Graphics
            </h3>
            <p class="text-base leading-relaxed group-hover:text-white transition">
              The visuals in the game are easy to use and made to please both kids and adults. They use bright, eye-catching colors and cute animations that make everything feel cheerful and fun. The game’s environments are carefully designed to keep players drawn to the different activities they do while playing.
            </p>
          </div>
        </div>
        <div class="group rounded-xl border border-border secondary-card hover:shadow-lg">
          <div class="space-y-3">
            <h3 class="text-xl font-semibold group-hover:text-white transition">
              Suitable for All Ages
            </h3>
            <p class="text-base leading-relaxed group-hover:text-white transition">
              This game is made mainly for kids, but adults can have fun with it as well by disabling the screen time limits. The easy-to-understand and enjoyable gameplay makes it a great choice for anyone looking for a fun and relaxing time.
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>

   
  <section class="space-y-5 py-16 max-w-5xl mx-auto" id="screenshots">
    <h2 class="section-heading">App Screenshots</h2>
    <div class="relative">
 
      <div class="flex gap-2 overflow-scroll">

        <img src="/assets/images/screenshots/screenshot_of_hello_mario.webp" alt="/assets/images/screenshots/screenshot_of_hello_mario.webp" height="440" width="960"
          class="w-lg shrink-0 h-full object-cover" loading="lazy" />


        <img src="/assets/images/screenshots/screenshot_of_hello_mario_apk.webp" alt="/assets/images/screenshots/screenshot_of_hello_mario_apk.webp" height="440" width="960"
          class="w-lg shrink-0 h-full object-cover" loading="lazy" />


        <img src="/assets/images/screenshots/screenshot_of_hello_mario_mobile.webp" alt="/assets/images/screenshots/screenshot_of_hello_mario_mobile.webp" height="440" width="960"
          class="w-lg shrink-0 h-full object-cover" loading="lazy" />


        <img src="/assets/images/screenshots/screenshot_of_hello_mario_android.webp" alt="/assets/images/screenshots/screenshot_of_hello_mario_android.webp" height="440" width="960"
          class="w-lg shrink-0 h-full object-cover" loading="lazy" />


        <img src="/assets/images/screenshots/screenshot_of_hello_mario_free.webp" alt="/assets/images/screenshots/screenshot_of_hello_mario_free.webp" height="440" width="960"
          class="w-lg shrink-0 h-full object-cover" loading="lazy" />


        <img src="/assets/images/screenshots/screenshot_of_hello_mario_game.webp" alt="/assets/images/screenshots/screenshot_of_hello_mario_game.webp" height="440" width="960"
          class="w-lg shrink-0 h-full object-cover" loading="lazy" />

      </div>
    </div>
  </section>
    
  <section id="installation" class="flex flex-col justify-center items-center pt-16 px-4">
    <div class="w-full md:max-w-5xl space-y-8">
      <div class="text-center space-y-4">
        <h2 class="text-3xl md:text-4xl font-bold text-foreground">
          How to Download Hello Mario APK
        </h2>
        <div class="space-y-2 max-w-3xl mx-auto text-muted-foreground">
          <p class="text-base leading-relaxed">To get Hello Mario download on your Android device, follow the instructions given in these steps.</p>
        </div>
      </div>

      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div class="relative primary-card p-2 md:p-6 rounded-2xl shadow-lg hover:shadow-xl transition hover:!text-primary-card-background">
          <div class="absolute -top-4 left-4">
            <div class="secondary-card-heading-design !w-10 !h-10 rounded-full font-bold border-4 border-white">
              1
            </div>
          </div>
          <p class="text-base text-muted-foreground group-hover:!text-primary-card-background leading-relaxed mt-4">
            Firstly, press the Download Now button available on this page
          </p>
        </div>
        <div class="relative primary-card p-2 md:p-6 rounded-2xl shadow-lg hover:shadow-xl transition hover:!text-primary-card-background">
          <div class="absolute -top-4 left-4">
            <div class="secondary-card-heading-design !w-10 !h-10 rounded-full font-bold border-4 border-white">
              2
            </div>
          </div>
          <p class="text-base text-muted-foreground group-hover:!text-primary-card-background leading-relaxed mt-4">
            Wait until the timer ends and tap the APK file button just appeared on the screen
          </p>
        </div>
        <div class="relative primary-card p-2 md:p-6 rounded-2xl shadow-lg hover:shadow-xl transition hover:!text-primary-card-background">
          <div class="absolute -top-4 left-4">
            <div class="secondary-card-heading-design !w-10 !h-10 rounded-full font-bold border-4 border-white">
              3
            </div>
          </div>
          <p class="text-base text-muted-foreground group-hover:!text-primary-card-background leading-relaxed mt-4">
            The APK file will start downloading, and once downloaded, tap the file to start installation
          </p>
        </div>
        <div class="relative primary-card p-2 md:p-6 rounded-2xl shadow-lg hover:shadow-xl transition hover:!text-primary-card-background">
          <div class="absolute -top-4 left-4">
            <div class="secondary-card-heading-design !w-10 !h-10 rounded-full font-bold border-4 border-white">
              4
            </div>
          </div>
          <p class="text-base text-muted-foreground group-hover:!text-primary-card-background leading-relaxed mt-4">
            If prompted, allow installation from unknown sources to complete the process
          </p>
        </div>
        <div class="relative primary-card p-2 md:p-6 rounded-2xl shadow-lg hover:shadow-xl transition hover:!text-primary-card-background">
          <div class="absolute -top-4 left-4">
            <div class="secondary-card-heading-design !w-10 !h-10 rounded-full font-bold border-4 border-white">
              5
            </div>
          </div>
          <p class="text-base text-muted-foreground group-hover:!text-primary-card-background leading-relaxed mt-4">
            It will be installed and available in the apps menu on your device
          </p>
        </div>
      </div>

    </div>
  </section>

   
  <section id="faqs" class="flex justify-center items-center pt-10">
    <div class="w-full md:max-w-5xl space-y-4">
      <h2 class="section-heading">Frequently Asked Questions</h2>
      <div itemscope itemtype="http://schema.org/FAQPage" class="grid md:grid-cols-1 gap-2">
        <div itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
          class="muted-card faq-item h-fit active">
          <h3 itemprop="name" class="text-xl font-medium p-3 faq-question">
            Is Hello Mario free to play?
          </h3>
          <div itemprop="acceptedAnswer" itemscope itemtype="http://schema.org/Answer" class="mt-2 p-4 faq-answer show">
            <div itemprop="text">
              <p class="">Yes, you can enjoy the game offline once installed.</p>
                           </div>
          </div>
        </div>
        <div itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
          class="muted-card faq-item h-fit active">
          <h3 itemprop="name" class="text-xl font-medium p-3 faq-question">
            Is Hello Mario APK safe to download?
          </h3>
          <div itemprop="acceptedAnswer" itemscope itemtype="http://schema.org/Answer" class="mt-2 p-4 faq-answer show">
            <div itemprop="text">
              <p class="">If you get it from a trusted or official source, it is safe to download.</p>
                           </div>
          </div>
        </div>
        <div itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
          class="muted-card faq-item h-fit active">
          <h3 itemprop="name" class="text-xl font-medium p-3 faq-question">
            Is the app available on Google Play Store?
          </h3>
          <div itemprop="acceptedAnswer" itemscope itemtype="http://schema.org/Answer" class="mt-2 p-4 faq-answer show">
            <div itemprop="text">
              <p class="">Yes, it is available on the Play Store.</p>
                           </div>
          </div>
        </div>
        <div itemprop="mainEntity" itemscope itemtype="http://schema.org/Question"
          class="muted-card faq-item h-fit active">
          <h3 itemprop="name" class="text-xl font-medium p-3 faq-question">
            Can I play the game on iOS devices?
          </h3>
          <div itemprop="acceptedAnswer" itemscope itemtype="http://schema.org/Answer" class="mt-2 p-4 faq-answer show">
            <div itemprop="text">
              <p class="">Yes, you can play it iOS devices by downloading it from the App Store.</p>
                           </div>
          </div>
        </div>
      </div>

      <a href="/faqs/" class="secondary-button block !py-4 !max-w-56 mx-auto">
        Read All
      </a>
    </div>
  </section>
   
  <section id="conclusion" class="space-y-5 max-w-5xl mx-auto py-10">
    <h2 class="section-heading">Final Words</h2>
    <div class="card space-y-2">
      <p class="second-paragraph">Hello Mario is a fun and interactive gaming app for people of all ages. You can play games like peekaboo and make funny faces, which bring lots of laughs and excitement to players' faces. The game is made to keep kids safe with breaks, but adults can choose to play without stopping. Download it now and make your screen time enjoyable.</p>
    </div>
  </section>
</main><footer class="w-full bg-footer-background text-footer-foreground px-4 py-10">
  <div
    class="w-full md:max-w-5xl mx-auto card md:mb-10 flex justify-between max-md:flex-col gap-4"
  >
    <a
      href="/"
      aria-label="Go to Home Page"
    >
      <img
        src="https://f5torefresh.com//hello_mario.webp"
        alt="Hello Mario"
        height="48"
        width="48"
        class="size-20 rounded-full"
      />
    </a>
    <div class="flex gap-2 flex-col">
      <p class="text-xl font-bold">Links</p>


      <nav class="flex flex-col max-w-3xl gap-4">
        <a
          href="/about/"
          target="_self"
          aria-label="Learn More About Us"
          class="hover:underline"
        >
          About Us
        </a>
        <a
          href="/contact/"
          target="_self"
          aria-label="View Contact Us Page"
          class="hover:underline"
        >
          Contact Us
        </a>
        <a
          href="/privacy-policy/"
          target="_self"
          aria-label="View Privacy Policy Page"
          class="hover:underline"
        >
          Privacy Policy
        </a>
        <a
          href="/terms/"
          target="_self"
          aria-label="View Terms and Conditions Page"
          class="hover:underline"
        >
          Terms & Conditions
        </a>
      </nav>
    </div>

    <div class="flex gap-2 flex-col">
      <p class="text-xl font-bold">Follow us on</p>
      <div class="flex gap-10">
        <div class="gap-4">
          <nav class="flex flex-col gap-4">
            <a
              href="#"
              target="_blank"
              aria-label="View Facebook Profile"
              class=""
            >
              Facebook
            </a>
            <a
              href="#"
              target="_blank"
              aria-label="View X Profile"
              class=""
            >
              X
            </a>
            <a
              href="#"
              target="_blank"
              aria-label="View Instagram Profile"
              class=""
            >
              Instagram
            </a>
            <a
              href="#"
              target="_blank"
              aria-label="View Reddit Page"
              class=""
            >
              Reddit
            </a>
          </nav>
        </div>
         
        <div class="flex justify-center items-center">
          <nav class="flex flex-col gap-4">
            <a
              href="#"
              target="_blank"
              aria-label="View Pinterest Profile"
            >
              Pinterest
            </a>
            <a
              href="#"
              target="_blank"
              aria-label="Subscribe on Youtube"
            >
              Youtube
            </a>
            <a
              href="#"
              target="_blank"
              aria-label="Join on Telegram"
            >
              Telegram
            </a>
            <a
              href="#"
              target="_blank"
              aria-label="View Tiktok Profile"
            >
              Tiktok
            </a>
          </nav>
        </div>
      </div>
    </div>
  </div>
  <div class="w-full h-[1px] bg-white my-10"></div>
  <p class="mt-4 text-card-foreground text-center">Copyright &copy; 2025. All rights reserved.</p>
</footer><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>