<!DOCTYPE html>
<html class="h-100">

<head>
  <title>Malloc: Advanced AI-Powered Privacy & Data Security Solutions 2025</title>
  <script src="/config.js"></script>
  <meta charset="utf-8">
  <script type="module" src="https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js"></script>
  <script type="module" src="https://www.gstatic.com/firebasejs/9.22.0/firebase-auth.js"></script>
  <!-- Custom account modal script -->
  <script type="module" src="/assets/js/accountModal.js"></script>
  <script type="module" src="/assets/js/pricing.js"></script>

  <!-- SEO Meta Tags -->
  <meta name="title" content="Malloc Privacy & Security VPN for iOS & Android | Leading Mobile Security in 2025">
  <meta name="description" content="Stay safe in 2025 with Malloc — the AI-powered VPN and spyware protection that guards your mobile devices against hackers, trackers, and cyber threats without compromising your privacy. Trusted by millions worldwide.">
  <meta name="keywords" content="malloc, vpn, ai security, mobile security, privacy protection, spyware blocker, ios vpn, android vpn, data security 2025, antivirus, cybersecurity, online privacy">
  <meta name="author" content="Malloc">
  <meta property="og:title" content="Malloc Privacy & Security VPN | AI-Powered Mobile Security 2025" />
  <meta property="og:description" content="Protect your mobile devices with Malloc’s AI-driven VPN and spyware protection. Secure your data and privacy effortlessly on iOS and Android." />
  <meta property="og:image" content="https://mallocprivacy.com/assets/img/og_image.png" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://mallocprivacy.com" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Malloc: AI-Powered Privacy & Security VPN 2025" />
  <meta name="twitter:description" content="Experience the future of mobile security with Malloc's AI-powered VPN and spyware protection for iOS & Android." />
  <meta name="twitter:image" content="https://mallocprivacy.com/assets/img/og_image.png" />


  <!-- Viewport-->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Favicon and Touch Icons-->
  <link rel="apple-touch-icon" sizes="180x180"
    href="https://www.mallocprivacy.com/assets/favicon/apple-touch-icon.png?v=2">
  <link rel="icon" type="image/png" sizes="32x32"
    href="https://www.mallocprivacy.com/assets/favicon/favicon-32x32.png?v=2">
  <link rel="icon" type="image/png" sizes="16x16"
    href="https://www.mallocprivacy.com/assets/favicon/favicon-16x16.png?v=2">
  <link rel="manifest" href="https://www.mallocprivacy.com/assets/favicon/site.webmanifest">
  <link rel="mask-icon" href="https://www.mallocprivacy.com/assets/favicon/safari-pinned-tab.svg?v=2">
  <meta name="msapplication-TileColor" content="#080032">
  <meta name="msapplication-config" content="https://www.mallocprivacy.com/assets/favicon/browserconfig.xml">
  <meta name="theme-color" content="white">
  <!-- for rewardfull -->
  <script>(function(w,r){w._rwq=r;w[r]=w[r]||function(){(w[r].q=w[r].q||[]).push(arguments)}})(window,'rewardful');</script>
  <script async src='https://r.wdfl.co/rw.js' data-rewardful='564b92'></script>

  <!-- Theme mode-->
  <script>
    let mode = window.localStorage.getItem('mode'),
      root = document.getElementsByTagName('html')[0];
    if (mode !== undefined && mode === 'dark') {
      root.classList.add('dark-mode');
    } else {
      root.classList.remove('dark-mode');
    }


  </script>
  <style>


    .dark-mode .page-loading {
      background-color: #121519;
    }

    .page-loading.active {
      opacity: 1;
      visibility: visible;
    }

    .page-loading-inner {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      text-align: center;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: opacity .2s ease-in-out;
      transition: opacity .2s ease-in-out;
      opacity: 0;
    }

    .page-loading.active>.page-loading-inner {
      opacity: 1;
    }

    .page-loading-inner>span {
      display: block;
      font-family: 'Inter', sans-serif;
      font-size: 1rem;
      font-weight: normal;
      color: #6f788b;
    }

    .dark-mode .page-loading-inner>span {
      color: #fff;
      opacity: .6;
    }

    .page-spinner {
      display: inline-block;
      width: 2.75rem;
      height: 2.75rem;
      margin-bottom: .75rem;
      vertical-align: text-bottom;
      background-color: #d7dde2;
      border-radius: 50%;
      opacity: 0;
      -webkit-animation: spinner .75s linear infinite;
      animation: spinner .75s linear infinite;
    }

    .dark-mode .page-spinner {
      background-color: rgba(255, 255, 255, .25);
    }

    @-webkit-keyframes spinner {
      0% {
        -webkit-transform: scale(0);
        transform: scale(0);
      }

      50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }

    @keyframes spinner {
      0% {
        -webkit-transform: scale(0);
        transform: scale(0);
      }

      50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
  </style>
  <!-- Page loading scripts-->

  <!-- Import Google Font-->
  <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=Inter:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet"
    id="google-font">
  <!-- Vendor styles-->
  <link rel="stylesheet" media="screen" href="assets/vendor/swiper/swiper-bundle.min.css" />
  <link rel="stylesheet" media="screen" href="assets/vendor/aos/dist/aos.css" />
  <!-- Main Theme Styles + Bootstrap-->
  <link rel="stylesheet" media="screen" href="assets/css/theme.css">
  <link rel="stylesheet" type="text/css" href="/css/main.css" />



</head>

<body class="h-300 ">

  <header-dark-component class="header-dark" id="main-header"></header-dark-component>

  <div id="app" class="h-100 d-flex flex-column">

    <main class="page-wrapper" id="homepage">
      <div id="main-content">

        <div id="content-home" class="page">
          <div>


            <section class="bg-dark dark-mode min-vh-100 position-relative overflow-hidden py-5">
              <div class="position-absolute top-0 start-0 w-100 h-100"
                   style="background-image: url(/assets/img/landing/conference/noise.png); mix-blend-mode: soft-light; opacity: 12%">
              </div>
              <div class="container position-relative zindex-2 py-md-3 py-lg-4 py-xl-5">
                <div class="row align-items-center justify-content-center pt-5 pb-2 pb-sm-3 mt-sm-4">
                  <div
                          class="align-items-center justify-content-center col-10 col-sm-8 col-md-6 col-xl-5 offset-lg-1 offset-xl-2 order-md-2 pb-3 pb-md-0 mb-3 mb-sm-4 mb-md-0">
                    <div class="swiper" data-swiper-options="{
              &quot;effect&quot;: &quot;creative&quot;,
              &quot;loop&quot;: true,
              &quot;allowTouchMove&quot;: true,
              &quot;speed&quot;: 450,
              &quot;autoplay&quot;: {
                &quot;delay&quot;: 6000,
                &quot;disableOnInteraction&quot;: false
              },
              &quot;creativeEffect&quot;: {
                &quot;prev&quot;: {
                  &quot;shadow&quot;: true,
                  &quot;translate&quot;: [&quot;-20%&quot;, 0, -1]
                },
                &quot;next&quot;: {
                  &quot;translate&quot;: [&quot;100%&quot;, 0, 0]
                }
              },
              &quot;thumbnails&quot;: {
                &quot;el&quot;: &quot;#thumbnails&quot;,
                &quot;images&quot;: [
                  &quot;assets/img/landing/homepage/android_logo.png&quot;,
                  &quot;assets/img/landing/homepage/ios_logo.png&quot;
                ]
              }
            }" style="border-radius: 5%; max-width: 2600px;">
                      <div class="swiper-wrapper">

                        <!-- Android Slide -->
                        <div class="swiper-slide">
                          <div class="position-relative overflow-hidden bg-dark"
                               style="border-bottom-left-radius: 0%; border-top-left-radius: 0%;">
                            <div class="container-fluid overflow-hidden px-2 pt-3 pt-sm-4 pb-sm-2 pb-md-3 py-lg-4 ">
                              <div class="position-absolute top-0 start-0 w-100 h-100"
                                   style="background-image: url(assets/img/landing/conference/noise.png); mix-blend-mode: soft-light; opacity: 12%">
                              </div>
                              <div class="mx-auto">
                                <div class="parallax-layer d-flex justify-content-end align-items-end" data-depth="0.1">
                                  <img class="d-block" src="assets/img/landing/homepage/Android-lightpre.png"
                                       style="width: 100%" alt="Android Mobile Security">
                                </div>
                              </div>
                            </div>
                            <div
                                    class="d-flex align-items-end justify-content-end position-relative start-0 bottom-0 w-100 mt-2 mt-md-0"
                                    style="clear:both;">
                              <div class="text-end ps-0 pe-2 ps-md-2 pb-sm-2 pb-md-3">
                                <h7 class="mb-0 pb-0">Mobile Security for Android</h7>
                              </div>
                            </div>
                          </div>
                        </div>

                        <!-- iOS Slide -->
                        <div class="swiper-slide h-100">
                          <div class="position-relative overflow-hidden bg-dark"
                               style="border-bottom-left-radius: 0%; border-top-left-radius: 0%;">
                            <div class="container-fluid overflow-hidden px-2 pt-3 pt-sm-4 pb-sm-2 pb-md-3 py-lg-4 ">
                              <div class="position-absolute top-0 start-0 w-100 h-100"
                                   style="background-image: url(assets/img/landing/conference/noise.png); mix-blend-mode: soft-light; opacity: 12%">
                              </div>
                              <div class="mx-auto">
                                <div
                                        class="parallax-layer d-flex justify-content-center align-items-center justify-content-md-end align-items-md-end"
                                        data-depth="0.1">
                                  <img class="d-block" src="assets/img/landing/homepage/ios-light mockup3.png" alt="iOS Mobile Security">
                                </div>
                              </div>
                            </div>
                            <div
                                    class="d-flex align-items-end justify-content-end position-relative start-0 bottom-0 w-100 mt-2 mt-md-0"
                                    style="clear:both;">
                              <div class="text-end px-2 pb-sm-2 pb-md-3">
                                <h7 class="mb-0 pb-0">Mobile Security for iPhone</h7>
                              </div>
                            </div>
                          </div>
                        </div>

                      </div>
                    </div>
                    <!-- Thumbnails -->
                    <div class="d-flex align-items-end justify-content-end">
                      <div class="swiper-thumbnails flex-nowrap justify-content-end pt-0 mt-0 me-0" id="thumbnails" style="max-width: 160px;"></div>
                    </div>
                  </div>

                  <div class="col-sm-10 col-md-6 col-lg-5 col-xl-5 order-md-1">
                    <h1 class="display-3 text-uppercase d-none d-lg-block pb-3 mb-4">
                      PROTECT YOUR ONLINE PRIVACY & BLOCK SPYWARE WITH MALLOC
                    </h1>
                    <h1 class="display-5 text-uppercase d-lg-none pb-1 pb-sm-2">
                      PROTECT YOUR ONLINE PRIVACY & BLOCK SPYWARE
                    </h1>
                    <p class="fs-lg pb-2 pb-sm-3 pb-md-4 pb-xl-5 mb-xl-2">
                      In 2025, malware attacks have surged to over <strong>8 billion</strong> globally, targeting millions of mobile devices daily.
                      Malloc Privacy & Security VPN combines AI-driven spyware detection with a secure, no-log VPN to keep you safe and private online.
                      Created with the mission to help people regain control of their digital lives, Malloc protects your data without compromising privacy.
                    </p>
                    <div class="d-flex gap-3 flex-wrap">
                      <a class="btn btn-light btn-lg px-3 py-2 mb-3 mb-sm-0 mt-3"
                         href="https://play.google.com/store/apps/details?id=com.mallocprivacy.antistalkerfree&hl=en_US&utm_source=website&utm_medium=website&utm_campaign=website"
                         aria-label="Download Malloc Privacy & Security VPN on Google Play Store">
                        <img class="mx-1" src="assets/img/market/googleplay-dark.svg" width="136" alt="Google Play Store">
                      </a>
                      <a class="btn btn-light btn-lg px-3 py-2 mb-3 mb-sm-0 mt-3"
                         href="https://apps.apple.com/app/apple-store/id1632814003?pt=123612159&ct=website&mt=8"
                         aria-label="Download Malloc Privacy & Security VPN on Apple App Store">
                        <img class="mx-1" src="assets/img/market/appstore-dark.svg" width="136" alt="Apple App Store">
                      </a>
                    </div>
                    <p class="fs-sm pt-2 mt-sm-1 mb-0 text-white">
                      <i class="text-warning ai-star-filled"></i><i class="text-warning ai-star-filled"></i><i class="text-warning ai-star-filled"></i><i class="text-warning ai-star-filled"></i><i
                            class="text-warning ai-star-half"></i>&ensp;Rating
                    </p>
                  </div>

                  <div
                          class="z-index position-relative order-3 row row-cols-2 row-cols-sm-4 row-cols-lg-5 row-cols-xl-4 justify-content-center align-items-center g-4 pt-lg-3 pt-xl-1">
                    <div class="col"><img class="d-block mx-auto"
                                          src="assets/img/landing/common/featured/techcrunch.png" width="110" alt="TechCrunch"></div>
                    <div class="col"><img class="d-block my-1 mx-auto"
                                          src="assets/img/landing/common/featured/ycombinator.png" width="160" alt="YCombinator"></div>
                    <div class="col"><img class="d-block my-1 mx-auto"
                                          src="assets/img/landing/common/featured/beebom.png" width="115" alt="Beebom"></div>
                    <div class="col"><img class="d-block my-1 mx-auto"
                                          src="assets/img/landing/common/featured/digitaljournal.png" width="115" alt="DigitalJournal"></div>
                  </div>
                </div>
              </div>
            </section>


            <section
              class="container pt-5 mt-lg-3 mt-xl-4 mt-xxl-5 pb-5 mb-n4 mb-sm-n3 mb-md-0 mb-lg-3 mb-xl-4 mb-xxl-5 d-none">
              <h2 class="text-center pt-2 pt-sm-3 pt-md-4 pt-lg-5 pb-lg-5 mt-xxl-2">Claim back your privacy with
                Malloc</h2>
              <!-- Colors-->
              <div class="row align-items-center py-4 mt-2 mt-sm-3 mt-md-5 mb-2 mb-md-3 mb-lg-4" data-aos="fade-up"
                data-aos-duration="600" data-aos-offset="300" data-disable-parallax-down="md">
                <div class="col-md-6 col-lg-7 order-md-2 d-flex justify-content-end"><img
                    class="d-dark-mode-none rounded-4" src="assets/img/landing/common/frssst.png" width="593"
                    alt="Man in chair"><img class="d-none d-dark-mode-block rounded-4"
                    src="assets/img/landing/common/frssst.png" width="593" alt="Colors"></div>
                <div class="col-md-6 col-lg-5 order-md-1 mt-md-n5" data-aos="fade-up" data-aos-duration="850"
                  data-aos-offset="200" data-disable-parallax-down="md">
                  <!-- <span class="badge fs-sm bg-faded-primary text-primary mb-4">Colors</span> -->
                  <h3 class="mb-4">Your privacy is important to you, but is it for your apps?</h3>
                  <p class="fs-base mb-0 mb-lg-4">In this modern world, we rely on applications for about everything ,
                    but let's
                    be honest: Can you really trust every app with your data? Is every app 100% free from tracking or
                    spying and
                    also 100% free from selling your data? Most of the apps we use every day gather data about us behind
                    our
                    backs and sell it to shady businesses. Now theres something you can do about it. Malloc can help you
                    regain
                    your privacy.</p>
                </div>
              </div>
              <!-- Typography-->
              <div class="row align-items-center py-4 my-2 my-md-3 my-lg-4" data-aos="fade-up" data-aos-duration="600"
                data-aos-offset="300" data-disable-parallax-down="md">
                <div class="col-md-6 col-lg-7"><img class="d-block rounded-4"
                    src="assets/img/landing/common/spyware.png" width="636" alt="Spyware"></div>
                <div class="col-md-6 col-lg-5 mt-md-n4" data-aos="fade-up" data-aos-duration="850" data-aos-offset="200"
                  data-disable-parallax-down="md">
                  <!-- <span class="badge fs-sm bg-faded-info text-info mb-4">Typography</span> -->
                  <h3 class="mb-4">Spyware are on the rise</h3>
                  <p class="fs-base mb-0 mb-lg-4">Spyware is a type of malicious software that is designed to infect
                    mobiles and
                    gather information about a person or organization without their knowledge or consent. Once
                    installed,
                    spyware can track your internet browsing activity, steal your personal information, such as login
                    credentials and credit card information, activate your camera and microphone, read your text
                    messages and
                    emails, and even take control of your device. Spyware can also be used to monitor your location, and
                    can be
                    used for various types of cyber espionage. During the last years spyware such as Pegasus and Cytrox
                    infected
                    millions of devices to gather sensitive information from users around the world. Malloc helps you
                    detect
                    such spyware and protect your privacy. Our state-of-the art technology detects spyware in real-time
                    based on
                    indicators such as anomalies on networking activity, processes running and files created.</p>
                </div>
              </div>
              <!-- Borders-->
              <div class="row align-items-center py-4 my-2 my-md-3 my-lg-4" data-aos="fade-up" data-aos-duration="600"
                data-aos-offset="300" data-disable-parallax-down="md">
                <div class="col-md-6 col-lg-7 order-md-2 d-flex justify-content-end pb-2 pb-md-0 mb-4 mb-md-0"><img
                    class="d-block rounded-4" src="assets/img/landing/common/safe family using mobile security app.png"
                    width="636" alt="Safe family"></div>
                <div class="col-md-6 col-lg-5 order-md-1" data-aos="fade-up" data-aos-duration="850"
                  data-aos-offset="200" data-disable-parallax-down="md">
                  <!-- <span class="badge fs-sm bg-faded-danger text-danger mb-4">Borders</span> -->
                  <h3 class="mb-4">Access the internet safely and privately with Malloc</h3>
                  <p class="fs-base mb-0 mb-lg-4">Malloc provides the best tools to protect your privacy. Your data stay
                    secure
                    with the VPN Data Shield and spyware detection in both <a class="text-decoration-none"
                      href="mobile-security/android">Android</a> and <a class="text-decoration-none"
                      href="mobile-security/ios">iPhone/iPad</a>. The Android version offers enhanced security with the
                    App
                    Monitoring feature which
                    offers you transparency on where your apps send data and enables you to Scan your device for
                    malicious apps.
                    Malloc gives you full control over what is happening on your device, it helps you monitor which apps
                    use the
                    camera or mic of your device and gives you the option to mute your microphone for when you need to
                    discuss
                    in private. Check out the full set of features Malloc offers to regain your privacy!</p>
                </div>
              </div>
            </section>

            <section class="container d-none pt-1 mt-n4 mt-sm-n3 mt-md-0 mt-lg-3 mt-xl-4 mt-xxl-5">
              <div class="bg-primary rounded-5 position-relative overflow-hidden py-5 px-4 px-sm-5">
                <div class="d-none d-dark-mode-block position-absolute top-0 start-0 w-100 h-100"
                  style="background-color: rgba(255,255,255, .02);"></div>
                <svg class="position-absolute start-0 bottom-0 zindex-2" width="713" height="410" viewBox="0 0 713 410"
                  fill="none" stroke="white" stroke-opacity="0.12" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M682.907 484.533C695.503 444.57 705.228 400.872 691.238 361.386C672.894 309.65 617.745 278.967 563.532 270.375C509.32 261.768 454.065 270.505 399.207 272.603C344.348 274.702 285.906 268.882 241.992 235.917C181.111 190.21 163.777 104.969 109.285 51.7863C63.8512 7.45308 -6.63234 -9.27787 -67.1491 9.9424">
                  </path>
                  <path
                    d="M641.482 482.967C653.4 445.169 662.6 403.82 649.367 366.472C632.013 317.53 579.846 288.506 528.564 280.379C477.267 272.236 425.011 280.507 373.121 282.492C321.231 284.477 265.935 278.97 224.403 247.786C166.796 204.54 150.415 123.91 98.8593 73.6098C55.8807 31.6733 -10.8023 15.8433 -68.0415 34.0275">
                  </path>
                  <path
                    d="M600.052 481.4C611.277 445.751 619.968 406.784 607.477 371.559C591.113 325.409 541.928 298.044 493.561 290.383C445.194 282.705 395.92 290.508 346.984 292.363C298.047 294.234 245.913 289.041 206.762 259.639C152.445 218.868 137.002 142.834 88.3989 95.4004C47.876 55.8447 -14.9912 40.9323 -68.9688 58.0798">
                  </path>
                  <path
                    d="M558.622 479.833C569.168 446.349 577.336 409.73 565.601 376.644C550.227 333.287 504.025 307.582 458.589 300.385C413.153 293.173 366.862 300.493 320.893 302.251C274.925 304.009 225.953 299.128 189.168 271.507C138.142 233.198 123.636 161.774 77.9686 117.223C39.9006 80.0639 -19.166 66.0526 -69.8661 82.164">
                  </path>
                  <path
                    d="M517.195 478.267C527.064 446.932 534.691 412.678 523.729 381.732C509.361 341.167 466.125 317.121 423.62 310.39C381.115 303.643 337.806 310.496 294.806 312.141C251.807 313.785 205.981 309.216 171.561 283.377C123.825 247.544 110.24 180.715 67.5263 139.03C31.9133 104.268 -23.3529 91.1578 -70.7753 106.233">
                  </path>
                </svg>
                <svg class="position-absolute top-0 end-0 zindex-2" width="317" height="367" viewBox="0 0 317 367"
                  fill="none" stroke="white" stroke-opacity="0.12" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M766.907 366.533C779.503 326.57 789.228 282.872 775.238 243.386C756.894 191.65 701.745 160.967 647.532 152.375C593.32 143.768 538.065 152.505 483.207 154.603C428.348 156.702 369.906 150.882 325.992 117.917C265.111 72.2101 247.777 -13.031 193.285 -66.2137C147.851 -110.547 77.3677 -127.278 16.8509 -108.058">
                  </path>
                  <path
                    d="M725.482 364.967C737.4 327.169 746.6 285.82 733.367 248.472C716.013 199.53 663.846 170.506 612.564 162.379C561.267 154.236 509.011 162.507 457.121 164.492C405.231 166.477 349.935 160.97 308.403 129.786C250.796 86.5396 234.415 5.91023 182.859 -44.3902C139.881 -86.3267 73.1977 -102.157 15.9585 -83.9725">
                  </path>
                  <path
                    d="M684.052 363.4C695.277 327.751 703.968 288.784 691.477 253.559C675.113 207.409 625.928 180.044 577.561 172.383C529.194 164.705 479.92 172.508 430.984 174.363C382.047 176.234 329.913 171.041 290.762 141.639C236.445 100.868 221.002 24.8341 172.399 -22.5996C131.876 -62.1553 69.0088 -77.0677 15.0312 -59.9202">
                  </path>
                  <path
                    d="M642.622 361.833C653.168 328.349 661.336 291.73 649.601 258.644C634.227 215.287 588.025 189.582 542.589 182.385C497.153 175.173 450.862 182.493 404.893 184.251C358.925 186.009 309.953 181.128 273.168 153.507C222.142 115.198 207.636 43.7743 161.969 -0.777178C123.901 -37.9361 64.834 -51.9474 14.1339 -35.836">
                  </path>
                  <path
                    d="M601.195 360.267C611.064 328.932 618.691 294.678 607.729 263.732C593.361 223.167 550.125 199.121 507.62 192.39C465.115 185.643 421.806 192.496 378.806 194.141C335.807 195.785 289.981 191.216 255.561 165.377C207.825 129.544 194.24 62.7152 151.526 21.0304C115.913 -13.7317 60.6471 -26.8422 13.2247 -11.7668">
                  </path>
                </svg>
                <div class="dark-mode position-relative zindex-3 text-center px-3 px-sm-0 pb-2 py-sm-3 py-md-4 py-lg-5">
                  <h1 class="display-5 pt-xl-2">Ready to take control of your online privacy? </h1>
                  <p class="fs-lg pb-4 pb-lg-5 mb-2 mb-sm-3 mb-lg-0 mb-xl-2">Download now to protect yourself.</p>
                  <a class="btn btn-light btn-lg px-3 py-2 me-sm-3 mb-3 mb-sm-0"
                    href="https://apps.apple.com/app/apple-store/id1632814003?pt=123612159&ct=website&mt=8"><img
                      class="mx-1" src="assets/img/market/appstore-dark.svg" width="136" alt="Play Store"></a>

                  <a class="btn btn-light btn-lg px-3 py-2 me-sm-3 mb-3 mb-sm-0"
                    href="https://play.google.com/store/apps/details?id=com.mallocprivacy.antistalkerfree&hl=e[…]US&utm_source=website&utm_medium=website&utm_campaign=website"><img
                      class="mx-1" src="assets/img/market/googleplay-dark.svg" width="136" alt="App Store"></a>


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

            <section class="container py-5 mt-lg-3 mt-xl-4 mt-xxl-5">
              <div class="row align-items-center">
                <!-- Text Content -->
                <div class="col-md-6 col-lg-5 order-md-1" data-aos="fade-up" data-aos-duration="600" data-aos-offset="300">
                  <h2 class="h3 mb-4">Secure Your Data with Malloc’s Advanced VPN & Spyware Protection</h2>
                  <p class="fs-base mb-4">
                    Malloc’s AI-powered VPN encrypts your internet traffic, shielding your data from hackers and trackers on public Wi-Fi and beyond. Our cutting-edge spyware detection identifies and blocks malicious software like Pegasus and Predator in real-time, ensuring your personal information stays private.
                  </p>
                  <div class="alert alert-info mb-4">
                    <strong>Unique in the Market:</strong> Malloc is the only app that reveals the exact domains your apps and phone communicate with, giving you full transparency into where your data is sent.
                  </div>
                  <div class="d-flex flex-wrap gap-3">
                    <a class="btn btn-primary btn-lg px-3 py-2 animate-pulse" href="https://play.google.com/store/apps/details?id=com.mallocprivacy.antistalkerfree&hl=en_US&utm_source=website&utm_medium=website&utm_campaign=website" aria-label="Download Malloc on Google Play Store">
                      <img class="mx-1" src="assets/img/market/googleplay-dark.svg" width="136" alt="Google Play Store">
                    </a>
                    <a class="btn btn-primary btn-lg px-3 py-2 animate-pulse" href="https://apps.apple.com/app/apple-store/id1632814003?pt=123612159&ct=website&mt=8" aria-label="Download Malloc on Apple App Store">
                      <img class="mx-1" src="assets/img/market/appstore-dark.svg" width="136" alt="Apple App Store">
                    </a>
                  </div>
                </div>
                <!-- Image Content -->
                <div class="col-md-6 col-lg-7 order-md-2 d-flex justify-content-center" data-aos="fade-left" data-aos-duration="600" data-aos-offset="300">
                  <img class="rounded-4" src="assets/img/landing/homepage/vpn-spyware-protection.png" width="600" alt="VPN and Spyware Protection">
                </div>
              </div>
            </section>

            <!-- Replace the `#plans` section` in the `#content-profile` section -->
            <p class="py-5"></p>

            <p class="py-5"></p>
            <section class="pb-6">
              <div class="container">
                <div class="position-relative overflow-hidden rounded-5 px-4 px-sm-5 px-lg-0">
                  <div class="bg-primary rounded-5 position-absolute top-0 start-0 w-100 h-100" data-aos="zoom-in"
                    data-aos-duration="600" data-aos-offset="300" data-disable-parallax-down="lg"></div>
                  <div class="row align-items-center position-relative zindex-2">
                    <div class="col-md-6 col-lg-5 col-xl-4 offset-lg-1 pb-3 pt-5 py-md-0 py-lg-5  order-2"
                      data-aos="fade-up" data-aos-duration="500" data-aos-offset="250" data-disable-parallax-down="lg">
                      <h3 class="display-5 text-white text-center text-md-start mb-4 mb-lg-5">Download Malloc<br
                          class='d-none d-xxl-inline'> to get Protected</h3>
                      <div class="d-flex flex-column flex-sm-row justify-content-center justify-content-md-start">



                        <div class="ps-3">

                          <p class="text-black mb-2">App Store</p>
                          <div class="d-flex mb-3">
                            <img class="me-1" src="assets/img/market/star.png" style="height: 25px; width: 25px;"></img>
                            <img class="me-1" src="assets/img/market/star.png" style="height: 25px; width: 25px;"></img>
                            <img class="me-1" src="assets/img/market/star.png" style="height: 25px; width: 25px;"></img>
                            <img class="me-1" src="assets/img/market/star.png" style="height: 25px; width: 25px;"></img>
                            <img src="assets/img/market/star.png" style="height: 25px; width: 25px;"></img>
                          </div>
                          <a class="btn btn-lg px-3 py-2 mb-3 mb-sm-0 mt-1 ps-0"
                            href="https://apps.apple.com/app/apple-store/id1632814003?pt=123612159&ct=website&mt=8"><img
                              class="" src="assets/img/market/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg"
                              width="162" alt="App Store"></a>
                        </div>


                        <div class="border-end me-3"></div>

                        <div class="ps-3">

                          <p class="text-black mb-2">Google Play</p>
                          <div class="d-flex mb-3">
                            <img class="me-1" src="assets/img/market/star.png" style="height: 25px; width: 25px;"></img>
                            <img class="me-1" src="assets/img/market/star.png" style="height: 25px; width: 25px;"></img>
                            <img class="me-1" src="assets/img/market/star.png" style="height: 25px; width: 25px;"></img>
                            <img src="assets/img/market/star.png" style="height: 25px; width: 25px;"></img>
                          </div>
                          <a class="btn btn-lg py-0 px-0 px-3 py-2 mb-3 mb-sm-0 mt-1 ms-0 ps-0"
                            href="https://play.google.com/store/apps/details?id=com.mallocprivacy.antistalkerfree&hl=e[…]US&utm_source=website&utm_medium=website&utm_campaign=website"><img
                              class="h-100" src="assets/img/market/Google_Play_Store_badge_EN.svg" width="176"
                              alt="Play Store"></a>
                        </div>


                      </div>
                    </div>
                    <div class="col-md-6 col-lg-5 offset-xl-1 order-1">

                      <div class="d-none d-md-block position-relative mx-auto" style="max-width: 484px;">
                        <div class="position-absolute top-0 start-0 w-100 h-100" data-aos="zoom-in"
                          data-aos-duration="400" data-aos-delay="600" data-aos-offset="300"
                          data-aos-easing="ease-out-back" data-disable-parallax-down="lg">

                        </div><img src="assets/img/landing/homepage/aios-trilogy-no frame.png" alt="App screens"
                          data-aos="fade-left" data-aos-duration="600" data-aos-delay="200" data-aos-offset="300"
                          data-disable-parallax-down="lg">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>

            <section class="container py-5 mt-n4 mt-sm-n3 mt-md-0 my-lg-3 my-xl-4 my-xxl-5">
              <h2 class="text-center pt-md-3 pt-lg-4 pb-xxl-2 mt-xl-3 mb-4 mb-sm-5">Stay Safe with Features You Can Trust</h2>
              <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 gy-4 gy-sm-5 pb-md-4 pb-lg-5 mb-2 mb-lg-0 mb-xxl-2">

                <!-- Spyware Detection -->
                <div class="col text-center text-sm-start pt-2 pt-sm-0">
                  <div class="pe-md-3 pe-lg-3 pe-xl-5">
                    <img
                            class="d-inline-block mb-3 mb-lg-4"
                            src="https://www.mallocprivacy.com/assets/img/landing/android/Asset 1.svg"
                            width="48"
                            alt="Spyware Detection Icon"
                    />
                    <h3 class="h5 mb-2">Detect Spyware</h3>
                    <p class="mb-0 fs-base">
                      Get notified if spyware such as Pegasus NSO or Predator Cytrox are detected on your device.
                    </p>
                  </div>
                </div>

                <!-- Network Protection -->
                <div class="col text-center text-sm-start pt-2 pt-sm-0">
                  <div class="ps-md-3 px-lg-2 px-xl-4">
                    <img
                            class="d-inline-block mb-3 mb-lg-4"
                            src="assets/img/landing/android/iconmobpurple.svg"
                            style="width: 48px; color: #7A6EEC;"
                            alt="Network Protection Icon"
                    />
                    <h3 class="h5 mb-2">Network Protection</h3>
                    <p class="mb-0 fs-base">
                      Block connections to spyware, phishing sites, data trackers, advertisers, cryptomining, and adult sites using an on-device VPN.
                    </p>
                  </div>
                </div>

                <!-- Permission Manager -->
                <div class="col text-center text-sm-start pt-2 pt-sm-0">
                  <div class="pe-md-3 ps-lg-3 ps-xl-5">
                    <i
                            class="d-inline-block mb-3 mb-lg-4 ai-hide"
                            style="color: #2281D9; font-size: 48px;"
                            role="img"
                            aria-label="Permission Manager Icon"
                    ></i>
                    <h3 class="h5 mb-2">Permission Manager</h3>
                    <p class="mb-0 fs-base">Check critical privacy permissions of your apps.</p>
                  </div>
                </div>

                <!-- Apps Monitoring -->
                <div class="col text-center text-sm-start pt-2 pt-sm-0">
                  <div class="pe-md-3 pe-lg-3 pe-xl-5">
                    <i
                            class="d-inline-block mb-3 mb-lg-4 ai-dots"
                            style="color: #7A6EEC; font-size: 52px;"
                            role="img"
                            aria-label="Apps Monitoring Icon"
                    ></i>
                    <h3 class="h5 mb-2">Apps Monitoring</h3>
                    <p class="mb-0 fs-base">See where the apps on your phone send data to.</p>
                  </div>
                </div>

                <!-- Scan for Malicious Apps -->
                <div class="col text-center text-sm-start pt-2 pt-sm-0">
                  <div class="pe-md-3 px-lg-2 px-xl-4">
                    <i
                            class="d-inline-block mb-3 mb-lg-4 ai-search"
                            style="color: #2281D9; font-size: 48px;"
                            role="img"
                            aria-label="Scan for Malicious Apps Icon"
                    ></i>
                    <h3 class="h5 mb-2">Scan for Malicious Apps</h3>
                    <p class="mb-0 fs-base">
                      Detect spyware, trackers, apps with risky permissions, or apps downloaded from untrusted sources.
                    </p>
                  </div>
                </div>

                <!-- Antitheft Alarm -->
                <div class="col text-center text-sm-start pt-2 pt-sm-0">
                  <div class="ps-md-3 ps-lg-3 ps-xl-5">
                    <i
                            class="d-inline-block mb-3 mb-lg-4 ai-bell"
                            style="color: #00CAC4; font-size: 48px;"
                            role="img"
                            aria-label="Antitheft Alarm Icon"
                    ></i>
                    <h3 class="h5 mb-2">Antitheft Alarm</h3>
                    <p class="mb-0 fs-base">Enable an antitheft alarm to protect your phone when charging in public places.</p>
                  </div>
                </div>

                <!-- Camera and Mic Monitoring -->
                <div class="col text-center text-sm-start pt-2 pt-sm-0">
                  <div class="pe-md-3 pe-lg-3 pe-xl-5">
                    <i
                            class="d-inline-block mb-3 mb-lg-4 ai-chart"
                            style="color: #2281D9; font-size: 48px;"
                            role="img"
                            aria-label="Camera and Microphone Monitoring Icon"
                    ></i>
                    <h3 class="h5 mb-2">Camera & Mic Monitoring</h3>
                    <p class="mb-0 fs-base">
                      Monitor when and which apps use your camera or microphone, and for how long.
                    </p>
                  </div>
                </div>

                <!-- Mute Mic -->
                <div class="col text-center text-sm-start pt-2 pt-sm-0">
                  <div class="ps-md-3 px-lg-2 px-xl-4">
                    <i
                            class="d-inline-block mb-3 mb-lg-4 ai-microphone-off"
                            style="color: #00CAC4; font-size: 48px;"
                            role="img"
                            aria-label="Mute Microphone Icon"
                    ></i>
                    <h3 class="h5 mb-2">Mute Mic</h3>
                    <p class="mb-0 fs-base">Mute your microphone instantly for extra security during private conversations.</p>
                  </div>
                </div>

                <!-- Root/Jailbreak Check -->
                <div class="col text-center text-sm-start pt-2 pt-sm-0">
                  <div class="pe-md-3 ps-lg-3 ps-xl-5">
                    <i
                            class="d-inline-block mb-3 mb-lg-4 ai-lock-open"
                            style="color: #7A6EEC; font-size: 48px;"
                            role="img"
                            aria-label="Root and Jailbreak Check Icon"
                    ></i>
                    <h3 class="h5 mb-2">Root/Jailbreak Check</h3>
                    <p class="mb-0 fs-base">Detect if your device is rooted or jailbroken to prevent data leaks.</p>
                  </div>
                </div>

              </div>
            </section>

            <section class="container py-5 my-4 my-lg-5">
              <!-- Hero Header -->
              <div class="text-center mb-5 pb-3">
                <span class="badge bg-danger bg-opacity-15 text-white fs-base mb-3">2025 COMPARISON REPORT</span>
                <h2 class="display-5 mb-3">Why Settle For Less When You Can Have <span class="text-gradient-primary">Complete Protection?</span></h2>
                <p class="lead mb-0">Malloc isn't just another VPN - it's your all-in-one digital armor against modern threats</p>
              </div>


              <!-- Comparison table -->

              <div class="collapse show" id="comparePlans">
                <div class="table-responsive pt-sm-2 pt-lg-3">
                  <table class="table text-center text-nowrap">
                    <thead>
                    <tr>
                      <th class="border-0 py-3">&nbsp;</th>
                      <th class="border-0 py-3"><span class="h6 mb-0">&nbsp;</span></th>
                      <th class="border-0 py-3"><span class="h6 mb-0">Malloc</span></th>
                      <th class="border-0 py-3"><span class="h6 mb-0">NordVPN</span></th>
                      <th class="border-0 py-3"><span class="h6 mb-0">Proton VPN</span></th>
                      <th class="border-0 py-3"><span class="h6 mb-0">Surfshark</span></th>
                      <th class="border-0 py-3"><span class="h6 mb-0">Lookout</span></th>
                      <th class="border-0 py-3"><span class="h6 mb-0">Kaspersky</span></th>


                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                      <th class="border-0 bg-secondary rounded-3 rounded-end-0 text-start py-3 ps-4"><span
                              class="text-body fw-medium ">Network Protection</span>
                      </th>
                      <td class="border-0 bg-secondary py-3"><span class="text-dark">&nbsp;</span></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 bg-secondary py-3 rounded-3 rounded-start-0"><i class="ai-cross fs-xl text-danger"></i></td>

                    </tr>

                    <!-- Row 3 -->
                    <tr>
                      <th class="border-0 bg-secondary text-start py-3 ps-4"><span
                              class="d-flex align-items-center text-body fw-medium">Data Trackers and Ads Blocker</span>
                      </th>
                      <td class="border-0 bg-secondary py-3"><span class="text-dark">&nbsp;</span></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 bg-secondary py-3 rounded-3 rounded-start-0"><i class="ai-cross fs-xl text-danger"></i>
                      </td>
                    </tr>
                    <tr>
                      <th class="border-0 rounded-3 rounded-end-0 text-start py-3 ps-4"><span
                              class="d-flex align-items-center text-body fw-medium">Phishing Protection</span>
                      </th>
                      <td class="border-0 py-3"><span class="text-dark">&nbsp;</span></td>
                      <td class="border-0 py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 py-3 rounded-3 rounded-start-0"><i
                              class="ai-cross fs-xl text-danger"></i></td>

                    </tr>
                    <tr>
                      <th class="border-0 bg-secondary text-start py-3 ps-4"><span
                              class="d-flex align-items-center text-body fw-medium">Spyware Blocker</span>
                      </th>
                      <td class="border-0 bg-secondary py-3"><span class="text-dark">&nbsp;</span></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 bg-secondary py-3 rounded-3 rounded-start-0"><i class="ai-cross fs-xl text-danger"></i>
                      </td>

                    </tr>

                    <tr>
                      <th class="border-0 rounded-3 rounded-end-0 text-start py-3 ps-4"><span
                              class="text-body fw-medium">Malware Protect</span>
                      </th>
                      <td class="border-0 py-3"><span class="text-dark">&nbsp;</span></td>
                      <td class="border-0 py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 py-3"><i class="ai-check fs-xl text-success"></i></td>

                      <td class="border-0 rounded-3 rounded-start-0 py-3"><i
                              class="ai-check fs-xl text-success"></i></td>
                    </tr>

                    <tr>
                      <th class="border-0 bg-secondary text-start py-3 ps-4">
                        <span class="d-flex align-items-center text-body fw-medium">Domain Transparency</span>
                      </th>
                      <td class="border-0 bg-secondary py-3"><span class="text-dark"> </span></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-check fs-xl text-success"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 bg-secondary py-3"><i class="ai-cross fs-xl text-danger"></i></td>
                      <td class="border-0 bg-secondary py-3 rounded-3 rounded-start-0"><i class="ai-cross fs-xl text-danger"></i></td>
                    </tr>

                    </tbody>
                  </table>

                  </div>
                </div>


              <!-- USP Badges -->
              <div class="row g-4 mt-4 pt-2">
                <div class="col-sm-6 col-lg-3">
                  <div class="card card-hover h-100">
                    <div class="card-body text-center">
                      <i class="fas fa-lock fa-2x text-primary mb-3"></i>
                      <h5 class="mb-2">Zero-Log Policy</h5>
                      <p class="fs-sm mb-0">Verified by independent auditors</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 col-lg-3">
                  <div class="card card-hover h-100">
                    <div class="card-body text-center">
                      <i class="fas fa-globe fa-2x text-primary mb-3"></i>
                      <h5 class="mb-2">Global Coverage</h5>
                      <p class="fs-sm mb-0">150+ countries, 3000+ servers</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 col-lg-3">
                  <div class="card card-hover h-100">
                    <div class="card-body text-center">
                      <i class="fas fa-user-shield fa-2x text-primary mb-3"></i>
                      <h5 class="mb-2">24/7 Protection</h5>
                      <p class="fs-sm mb-0">Active threat monitoring</p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-6 col-lg-3">
                  <div class="card card-hover h-100">
                    <div class="card-body text-center">
                      <i class="fas fa-headset fa-2x text-primary mb-3"></i>
                      <h5 class="mb-2">Premium Support</h5>
                      <p class="fs-sm mb-0">Dedicated security experts</p>
                    </div>
                  </div>
                </div>
              </div>
            </section>

            <style>
              .text-gradient-primary {
                background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
                -webkit-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
              }
              .table-compare th {
                font-weight: 500;
              }
              .table-compare td, .table-compare th {
                padding: 1.25rem 0.5rem;
                vertical-align: middle;
              }
              .table-compare tr:nth-child(odd) {
                background-color: rgba(243, 244, 246, 0.5);
              }
              .card-hover:hover {
                transform: translateY(-5px);
                box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.1);
                transition: all 0.3s ease;
              }
            </style>
            <!-- Testimonials carousel-->
            <section class="container py-5 mb-1 mb-sm-2 my-lg-3 my-xl-4 my-xxl-5">
              <div class="row justify-content-center pt-2 pt-sm-4 pb-4 mb-2 mb-lg-3">
                <div class="col-lg-8 col-xl-7 col-xxl-6 text-center pt-2">
                  <h2 class="mb-1">Check out what our users say</h2>
                </div>
              </div>
              <div class="swiper pb-2 pb-sm-4" data-swiper-options="{
              &quot;slidesPerView&quot;: 1,
              &quot;spaceBetween&quot;: 24,
              &quot;loop&quot;: true,
              &quot;pagination&quot;: {
                &quot;el&quot;: &quot;.swiper-pagination&quot;,
                &quot;clickable&quot;: true
              },
              &quot;breakpoints&quot;: {
                &quot;800&quot;: {
                  &quot;slidesPerView&quot;: 2
                }
              }
            }">
                <div class="swiper-wrapper pt-5">
                  <!-- Item-->

                  <div class="swiper-slide h-auto" dir="ltr">
                    <div class="card h-100 border-0 bg-secondary rounded-4">
                      <div class="card-body">
                        <div class="d-flex align-items-center mb-4"><img class="rounded-circle"
                            src="assets/img/landing/android/testimonial_avatars/review_icon_1.png" width="60"
                            alt="Avatar">
                          <div class="ps-3">
                            <div class="h5 mb-0">A.D.</div>
                            <div class="text-nowrap"><i class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i class="ai-star-filled text-warning"></i>
                            </div>
                          </div>
                        </div>
                        <p class="mb-0 fs-base">"I have dealt with severe abuse from my ex, stalking as well. I choose
                          your app
                          because
                          of the mic protection."</p>
                      </div>
                    </div>
                  </div>
                  <!-- Item-->
                  <div class="swiper-slide h-auto" dir="ltr">
                    <div class="card h-100 border-0 bg-secondary rounded-4">
                      <div class="card-body">
                        <div class="d-flex align-items-center mb-4"><img class="rounded-circle"
                            src="assets/img/landing/android/testimonial_avatars/review_icon_2.png" width="60"
                            alt="Avatar">
                          <div class="ps-3">
                            <div class="h5 mb-0">D.Wolf</div>
                            <div class="text-nowrap"><i class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i class="ai-star-filled text-warning"></i>
                            </div>
                          </div>
                        </div>
                        <p class="mb-0 fs-base">"I'm being protected from the innumerable amount of threats invading our
                          privacy.
                          Definitely legitimate, cost effective, and safe most importantly."</p>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide h-auto" dir="ltr">
                    <div class="card h-100 border-0 bg-secondary rounded-4">
                      <div class="card-body">
                        <div class="d-flex align-items-center mb-4"><img class="rounded-circle"
                                                                         src="assets/img/landing/android/testimonial_avatars/review_icon_2.png" width="60"
                                                                         alt="Avatar">
                          <div class="ps-3">
                            <div class="h5 mb-0">Sarah K., Verified User</div>
                            <div class="text-nowrap"><i class="ai-star-filled text-warning me-1"></i><i
                                    class="ai-star-filled text-warning me-1"></i><i
                                    class="ai-star-filled text-warning me-1"></i><i
                                    class="ai-star-filled text-warning me-1"></i><i class="ai-star-filled text-warning"></i>
                            </div>
                          </div>
                        </div>
                        <p class="mb-0 fs-base">"Malloc showed me exactly which domains my apps were contacting – it’s like having X-ray vision for my phone’s data!"</p>
                      </div>
                    </div>
                  </div>

                  <div class="swiper-slide h-auto" dir="ltr">
                    <div class="card h-100 border-0 bg-secondary rounded-4">
                      <div class="card-body">
                        <div class="d-flex align-items-center mb-4"><img class="rounded-circle"
                            src="assets/img/landing/android/testimonial_avatars/review_icon_3.png" width="60"
                            alt="Avatar">
                          <div class="ps-3">
                            <div class="h5 mb-0">M.A.E.</div>
                            <div class="text-nowrap"><i class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i class="ai-star-filled text-warning"></i>
                            </div>
                          </div>
                        </div>
                        <p class="mb-0 fs-base">"This app adequately does exactly what it says it will do. I didn't have
                          any
                          issues with
                          the app or any weirdness of other apps abusing my phone's resources or abilities."</p>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide h-auto" dir="ltr">
                    <div class="card h-100 border-0 bg-secondary rounded-4">
                      <div class="card-body">
                        <div class="d-flex align-items-center mb-4"><img class="rounded-circle"
                            src="assets/img/landing/android/testimonial_avatars/review_icon_4.png" width="60"
                            alt="Avatar">
                          <div class="ps-3">
                            <div class="h5 mb-0">Tina Shay</div>
                            <div class="text-nowrap"><i class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i class="ai-star-filled text-warning"></i>
                            </div>
                          </div>
                        </div>
                        <p class="mb-0 fs-base">"Does what it said it would! Doesn't run my battery down and is easy to
                          use! Ya
                          gotta
                          love it! No Ads either! Whew! Why cant every app be this good? A sincere "Thank you" to the
                          developers!"</p>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide h-auto" dir="ltr">
                    <div class="card h-100 border-0 bg-secondary rounded-4">
                      <div class="card-body">
                        <div class="d-flex align-items-center mb-4"><img class="rounded-circle"
                            src="assets/img/landing/android/testimonial_avatars/review_icon_5.png" width="60"
                            alt="Avatar">
                          <div class="ps-3">
                            <div class="h5 mb-0">D. Nukemus</div>
                            <div class="text-nowrap"><i class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i class="ai-star-filled text-warning"></i>
                            </div>
                          </div>
                        </div>
                        <p class="mb-0 fs-base">"Excellent app and it monitor every app to give most info on wich one
                          accessing
                          microphone or cam and how much time it have been used."</p>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-slide h-auto" dir="ltr">
                    <div class="card h-100 border-0 bg-secondary rounded-4">
                      <div class="card-body">
                        <div class="d-flex align-items-center mb-4"><img class="rounded-circle"
                            src="assets/img/landing/android/testimonial_avatars/review_icon_6.png" width="60"
                            alt="Avatar">
                          <div class="ps-3">
                            <div class="h5 mb-0">A. T. Caldwell</div>
                            <div class="text-nowrap"><i class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i class="ai-star-filled text-warning"></i>
                            </div>
                          </div>
                        </div>
                        <p class="mb-0 fs-base">"Blew my mind about what apps and how often I was being watched or
                          listened to!
                          Everyone
                          needs this app!"</p>
                      </div>
                    </div>
                  </div>


                  <div class="swiper-slide h-auto" dir="ltr">
                    <div class="card h-100 border-0 bg-secondary rounded-4">
                      <div class="card-body">
                        <div class="d-flex align-items-center mb-4"><img class="rounded-circle"
                            src="assets/img/landing/ios/c.png" width="60" alt="Avatar">
                          <div class="ps-3">
                            <div class="h5 mb-0">cemo1991</div>
                            <div class="text-nowrap"><i class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i class="ai-star-filled text-warning"></i>
                            </div>
                          </div>
                        </div>
                        <p class="mb-0 fs-base">"This is one of the most stable VPN connections I've ever used!! I'm on
                          the free
                          trial
                          version and have been using it for 6+ hours straight now and worth it."</p>
                      </div>
                    </div>
                  </div>
                  <!-- Item-->
                  <div class="swiper-slide h-auto" dir="ltr">
                    <div class="card h-100 border-0 bg-secondary rounded-4">
                      <div class="card-body">
                        <div class="d-flex align-items-center mb-4"><img class="rounded-circle"
                            src="assets/img/landing/ios/3.png" width="60" alt="Avatar">
                          <div class="ps-3">
                            <div class="h5 mb-0">sheflyes</div>
                            <div class="text-nowrap"><i class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i
                                class="ai-star-filled text-warning me-1"></i><i class="ai-star-filled text-warning"></i>
                            </div>
                          </div>
                        </div>
                        <p class="mb-0 fs-base">"I'm impressed so far!!!"</p>
                      </div>
                    </div>
                  </div>

                </div>
                <!-- Pagination (bullets)-->
                <div class="swiper-pagination position-relative bottom-0 mt-2 mt-lg-3 pt-4"></div>
              </div>
            </section>
            <!-- FAQ (Accordion)-->
            <section class="bg-secondary py-5">
              <div class="container py-md-4 py-lg-5">
                <div class="row align-items-center">
                  <div class="col-lg-5 mb-5 mb-lg-0">
                    <div class="pe-lg-4 text-center text-lg-start">
                      <h2 class="h1 mb-4">Frequently Asked Questions</h2>
                      <p class="lead mb-4">Can't find what you're looking for? Check our comprehensive FAQ below or contact our support team.</p>

                      <!-- Improved decorative element with animation -->
                      <div class="d-none d-lg-block mt-5">
                        <svg class="text-primary animate-float" width="180" height="190" viewBox="0 0 200 211" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M198.804 194.488C189.279 189.596 179.529 185.52 169.407 182.07L169.384 182.049C169.227 181.994 169.07 181.939 168.912 181.884C166.669 181.139 165.906 184.546 167.669 185.615C174.053 189.473 182.761 191.837 189.146 195.695C156.603 195.912 119.781 196.591 91.266 179.049C62.5221 161.368 48.1094 130.695 56.934 98.891C84.5539 98.7247 112.556 84.0176 129.508 62.667C136.396 53.9724 146.193 35.1448 129.773 30.2717C114.292 25.6624 93.7109 41.8875 83.1971 51.3147C70.1109 63.039 59.63 78.433 54.2039 95.0087C52.1221 94.9842 50.0776 94.8683 48.0703 94.6608C30.1803 92.8027 11.2197 83.6338 5.44902 65.1074C-1.88449 41.5699 14.4994 19.0183 27.9202 1.56641C28.6411 0.625793 27.2862 -0.561638 26.5419 0.358501C13.4588 16.4098 -0.221091 34.5242 0.896608 56.5659C1.8218 74.6941 14.221 87.9401 30.4121 94.2058C37.7076 97.0203 45.3454 98.5003 53.0334 98.8449C47.8679 117.532 49.2961 137.487 60.7729 155.283C87.7615 197.081 139.616 201.147 184.786 201.155L174.332 206.827C172.119 208.033 174.345 211.287 176.537 210.105C182.06 207.125 187.582 204.122 193.084 201.144C193.346 201.147 195.161 199.887 195.423 199.868C197.08 198.548 193.084 201.144 195.528 199.81C196.688 199.192 197.846 198.552 199.006 197.935C200.397 197.167 200.007 195.087 198.804 194.488ZM60.8213 88.0427C67.6894 72.648 78.8538 59.1566 92.1207 49.0388C98.8475 43.9065 106.334 39.2953 114.188 36.1439C117.295 34.8947 120.798 33.6609 124.168 33.635C134.365 33.5511 136.354 42.9911 132.638 51.031C120.47 77.4222 86.8639 93.9837 58.0983 94.9666C58.8971 92.6666 59.783 90.3603 60.8213 88.0427Z" fill="currentColor"></path>
                        </svg>
                      </div>
                    </div>
                  </div>

                  <div class="col-lg-7">
                    <div class="accordion" id="faqAccordion">
                      <!-- FAQ Item 1 -->
                      <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="headingOne">
                          <button class="accordion-button rounded-3 py-3 px-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            <i class="fas fa-shield-alt me-3 text-primary"></i> What is Malloc Privacy & Security VPN?
                          </button>
                        </h3>
                        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
                          <div class="accordion-body pt-0">
                            <p>Malloc Privacy & Security App VPN is a comprehensive mobile application designed to protect your online privacy and security. Our solution offers:</p>
                            <ul class="mb-0">
                              <li>Secure encryption for all your internet traffic</li>
                              <li>Protection against data trackers and malicious websites</li>
                              <li>Fast and reliable connections worldwide</li>
                              <li>User-friendly interface with one-tap protection</li>
                            </ul>
                            <p class="mt-2 mb-0">We prioritize giving users complete control over their digital privacy with cutting-edge technology.</p>
                          </div>
                        </div>
                      </div>

                      <!-- FAQ Item 2 -->
                      <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="headingTwo">
                          <button class="accordion-button collapsed rounded-3 py-3 px-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            <i class="fas fa-mobile-alt me-3 text-primary"></i> How secure is my phone?
                          </button>
                        </h3>
                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion">
                          <div class="accordion-body">
                            <p>Your phone's security depends on multiple factors:</p>
                            <div class="row">
                              <div class="col-md-6">
                                <h6 class="mt-2">Device Security:</h6>
                                <ul>
                                  <li>Operating system version and updates</li>
                                  <li>Manufacturer security patches</li>
                                  <li>Hardware encryption capabilities</li>
                                </ul>
                              </div>
                              <div class="col-md-6">
                                <h6 class="mt-2">User Practices:</h6>
                                <ul>
                                  <li>App permissions management</li>
                                  <li>Network connection security</li>
                                  <li>Password/PIN strength</li>
                                </ul>
                              </div>
                            </div>
                            <p class="mb-0">Malloc enhances your phone's security by encrypting connections and blocking malicious traffic.</p>
                          </div>
                        </div>
                      </div>

                      <!-- FAQ Item 3 -->
                      <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="headingThree">
                          <button class="accordion-button collapsed rounded-3 py-3 px-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                            <i class="fas fa-bug me-3 text-primary"></i> Do mobiles need antivirus?
                          </button>
                        </h3>
                        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
                          <div class="accordion-body">
                            <p>While modern mobile OSes have built-in security, antivirus apps provide additional protection:</p>
                            <ul>
                              <li>Detect malware that might bypass system protections</li>
                              <li>Block unwanted data transmissions from legitimate apps</li>
                              <li>Protect against phishing attempts</li>
                              <li>Scan for vulnerabilities in your device settings</li>
                            </ul>
                            <p class="mb-0">Malloc goes beyond traditional antivirus by also protecting your privacy from trackers and securing all network communications.</p>
                          </div>
                        </div>
                      </div>

                      <!-- FAQ Item 4 -->
                      <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="headingFour">
                          <button class="accordion-button collapsed rounded-3 py-3 px-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                            <i class="fas fa-user-secret me-3 text-primary"></i> What are data trackers?
                          </button>
                        </h3>
                        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faqAccordion">
                          <div class="accordion-body">
                            <p>Data trackers are hidden components in apps that collect information about you without transparent disclosure. They serve various purposes:</p>
                            <table class="table table-bordered">
                              <thead>
                              <tr>
                                <th>Tracker Type</th>
                                <th>Purpose</th>
                              </tr>
                              </thead>
                              <tbody>
                              <tr>
                                <td>Analytics Trackers</td>
                                <td>Monitor how you use the app</td>
                              </tr>
                              <tr>
                                <td>Advertising Trackers</td>
                                <td>Build profiles for targeted ads</td>
                              </tr>
                              <tr>
                                <td>Location Trackers</td>
                                <td>Record your geographical movements</td>
                              </tr>
                              <tr>
                                <td>Social Media Trackers</td>
                                <td>Link app activity to your social profiles</td>
                              </tr>
                              </tbody>
                            </table>
                            <p class="mb-0">Malloc identifies and blocks these trackers, giving you back control of your personal data.</p>
                          </div>
                        </div>
                      </div>

                      <!-- FAQ Item 5 -->
                      <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="headingFive">
                          <button class="accordion-button collapsed rounded-3 py-3 px-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                            <i class="fas fa-eye-slash me-3 text-primary"></i> What is spyware?
                          </button>
                        </h3>
                        <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#faqAccordion">
                          <div class="accordion-body">
                            <div class="alert alert-warning mb-3">
                              <strong>Warning:</strong> Spyware is malicious software designed to secretly monitor your activities.
                            </div>
                            <p>Common spyware capabilities include:</p>
                            <ul>
                              <li>Recording keystrokes (keyloggers)</li>
                              <li>Accessing camera and microphone</li>
                              <li>Stealing login credentials</li>
                              <li>Tracking location in real-time</li>
                              <li>Reading messages and emails</li>
                            </ul>
                            <p>Malloc protects against spyware by:</p>
                            <ol>
                              <li>Blocking known spyware communication channels</li>
                              <li>Alerting you to suspicious app behavior</li>
                              <li>Encrypting all network traffic</li>
                            </ol>
                          </div>
                        </div>
                      </div>

                      <!-- FAQ Item 6 -->
                      <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="headingSix">
                          <button class="accordion-button collapsed rounded-3 py-3 px-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                            <i class="fas fa-network-wired me-3 text-primary"></i> What is VPN?
                          </button>
                        </h3>
                        <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#faqAccordion">
                          <div class="accordion-body">
                            <div class="d-flex align-items-start mb-3">
                              <div class="flex-shrink-0 me-3">
                                <i class="fas fa-lock fa-2x text-primary"></i>
                              </div>
                              <div>
                                <h5 class="mt-0">Virtual Private Network (VPN)</h5>
                                <p>A VPN creates a secure tunnel between your device and the internet, protecting your data from prying eyes.</p>
                              </div>
                            </div>
                            <div class="row">
                              <div class="col-md-6">
                                <h6>Benefits of Malloc VPN:</h6>
                                <ul>
                                  <li>Encrypts all internet traffic</li>
                                  <li>Hides your IP address</li>
                                  <li>Protects on public WiFi</li>
                                </ul>
                              </div>
                              <div class="col-md-6">
                                <h6>How It Works:</h6>
                                <ol>
                                  <li>Connects to secure server</li>
                                  <li>Encrypts data in transit</li>
                                  <li>Masks your location</li>
                                </ol>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- FAQ Item 7 -->
                      <div class="accordion-item border-0 mb-3 shadow-sm">
                        <h3 class="accordion-header" id="headingSeven">
                          <button class="accordion-button collapsed rounded-3 py-3 px-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                            <i class="fas fa-question-circle me-3 text-primary"></i> How do I use Malloc app?
                          </button>
                        </h3>
                        <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#faqAccordion">
                          <div class="accordion-body">
                            <p>Getting started with Malloc is simple:</p>
                            <ol>
                              <li>Download from your app store</li>
                              <li>Open the app and create an account</li>
                              <li>Tap the power button to enable protection</li>
                              <li>Customize settings in the Preferences</li>
                            </ol>
                            <div class="text-center mt-3">
                              <a href="https://youtube.com/shorts/LI2pMbWl8Y8?feature=share" class="btn btn-primary px-4">
                                <i class="fas fa-play-circle me-2"></i> Watch Tutorial Video
                              </a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>

            <!-- Add this to your CSS -->
            <style>

              .animate-pulse {
                animation: pulse 2s infinite;
              }
              @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
              }
              .animate-float {
                animation: float 6s ease-in-out infinite;
              }
              @keyframes float {
                0% { transform: translateY(0px); }
                50% { transform: translateY(-15px); }
                100% { transform: translateY(0px); }
              }
              .accordion-button:not(.collapsed) {
                background-color: rgba(13, 110, 253, 0.1);
                color: #0d6efd;
              }
              .accordion-button:focus {
                box-shadow: none;
                border-color: rgba(13, 110, 253, 0.25);
              }
            </style>
            <section class="bg-secondary pb-6 d-none">
              <div class="container">
                <div class="position-relative overflow-hidden rounded-5 px-4 px-sm-5 px-lg-0">
                  <div class="bg-primary rounded-5 position-absolute top-0 start-0 w-100 h-100" data-aos="zoom-in"
                    data-aos-duration="600" data-aos-offset="300" data-disable-parallax-down="lg"></div>
                  <div class="row align-items-center position-relative zindex-2">
                    <div class="col-md-6 col-lg-5 col-xl-4 offset-lg-1 pb-sm-3 pt-5 py-md-0 py-lg-5" data-aos="fade-up"
                      data-aos-duration="500" data-aos-offset="250" data-disable-parallax-down="lg">
                      <h1 class="display-5 text-white text-center text-md-start mb-4 mb-lg-5">Ready to <br
                          class='d-none d-xxl-inline'>Get Started?</h1>
                      <div class="d-flex flex-column flex-sm-row justify-content-center justify-content-md-start"><a
                          class="btn btn-light btn-lg px-3 py-2 me-sm-3 mb-3 mb-sm-0"
                          href="https://apps.apple.com/app/apple-store/id1632814003?pt=123612159&ct=website&mt=8"><img
                            class="mx-1" src="assets/img/market/appstore-dark.svg" width="136" alt="App Store"></a><a
                          class="btn btn-light btn-lg px-3 py-2"
                          href="https://play.google.com/store/apps/details?id=com.mallocprivacy.antistalkerfree&hl=e[…]US&utm_source=website&utm_medium=website&utm_campaign=website"><img
                            class="mx-1" src="assets/img/market/googleplay-dark.svg" width="135" alt="Google Play"></a>
                      </div>
                    </div>
                    <div class="col-md-6 col-lg-5 offset-xl-1">

                      <div class="d-none d-md-block position-relative mx-auto" style="max-width: 484px;">
                        <div class="position-absolute top-0 start-0 w-100 h-100" data-aos="zoom-in"
                          data-aos-duration="400" data-aos-delay="600" data-aos-offset="300"
                          data-aos-easing="ease-out-back" data-disable-parallax-down="lg">

                        </div><img src="assets/img/landing/common/common3xscreens.png" alt="App screens"
                          data-aos="fade-left" data-aos-duration="600" data-aos-delay="200" data-aos-offset="300"
                          data-disable-parallax-down="lg">
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>
          </div>
        </div>

        <div class="page bg-secondary" id="content-profile">
          <header-dark-component class="header-light d-none"></header-dark-component>
          <div class="page-spinner" id="loading-spinner">


    <header-dark-component class="header-light d-none"></header-dark-component>



      </div>
       <footer-component></footer-component>

  <div class="page bg-secondary d-none " id="content-profile-settings">
    <header-dark-component class="header-light d-none"></header-dark-component>

    <div class="container">

      <section class="bg-secondary  min-vh-100 position-relative overflow-hidden py-5">
        <div class="position-absolute top-0 start-0 w-100 h-100"
          style="background-image: url(/assets/img/landing/conference/noise.png); mix-blend-mode: soft-light; opacity: 12%">
        </div>
        <div class="row pt-sm-2 pt-lg-0">
          <div class="col-lg-3 pe-lg-4 pe-xl-5 mt-n3">
            <div class="position-lg-sticky top-0">
              <div class="d-none d-lg-block" style="padding-top: 105px;"></div>

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



          <div class="container py-5 my-lg-3 my-xl-4 my-xxl-5 col-lg-9 pb-2 pb-sm-4">
            <h5 class="fs-xl mb-4 pt-5">Settings</h5>
                  <!-- Basic info-->
                  <section class=" card border-0 py-1 p-md-2 p-xl-3 p-xxl-4 mb-4">
              <div class="card-body">
                <div class="d-flex align-items-center mt-sm-n1 pb-4 mb-0 mb-lg-1 mb-xl-3">
                  <h2 class="h4 mb-0">Settings for <span class="user-nickname"></span></h2>
                </div>
              </div>
      </section>

      <!-- Orders-->

    </div>
    <!-- <div class="row align-items-center profile-header">
                  <div class="col-md-2">
                    <img alt="User's profile picture" class="rounded-circle img-fluid profile-image mb-3 mb-md-0" />
                  </div>
                  <div class="col-md">
                    <h2 class="user-name"></h2>
                    <p class="lead text-muted user-email"></p>
                  </div>
                </div> -->

    <!-- <div class="row">
                  <pre class="rounded">
                <code id="profile-data" class="json"></code></pre>
                </div> -->
  </div>


  </div>
  </div>



  <div class="page bg-secondary d-none" id="content-subscription">
    <header-dark-component class="header-light d-none"></header-dark-component>

    <div class="container">

      <section class="bg-secondary  min-vh-100 position-relative overflow-hidden py-5">
        <div class="position-absolute top-0 start-0 w-100 h-100"
          style="background-image: url(/assets/img/landing/conference/noise.png); mix-blend-mode: soft-light; opacity: 12%">
        </div>
        <div class="row pt-sm-2 pt-lg-0">
          <aside class="col-lg-3 pe-lg-4 pe-xl-5 mt-n3">
            <div class="position-lg-sticky top-0">
              <div class="d-none d-lg-block" style="padding-top: 105px;"></div>
              <div class="offcanvas-lg offcanvas-start" id="sidebarAccount">
                <button class="btn-close position-absolute top-0 end-0 mt-3 me-3 d-lg-none" type="button"
                  data-bs-dismiss="offcanvas" data-bs-target="#sidebarAccount"></button>
                <div class="offcanvas-body">
                  <div class="pb-2 pb-lg-0 mb-4 mb-lg-5"><img class="d-block rounded mb-2 profile-image"
                      src="assets/img/avatar/02.jpg" width="60" alt="Isabella Bocouse">
                    <h3 class="h5 mb-1 user-nickname"></h3>
                    <p class="fs-sm text-muted mb-0 user-email"></p>
                  </div>
                  <nav class="nav flex-column pb-2 pb-lg-4 mb-3">
                    <a class="nav-link fw-semibold text-dark py-2 px-0 " href="/profile"><i
                        class="ai-user-check fs-5 opacity-60 me-2"></i>Overview</a><a
                      class="nav-link fw-semibold text-dark py-2 px-0" href="/profile-settings"><i
                        class="ai-settings fs-5 opacity-60 me-2"></i>Settings</a><a
                      class="nav-link active fw-semibold py-2 px-0 d-none" href="/subscription"><i
                        class="ai-wallet fs-5 opacity-60 me-2"></i>Subscription</a>
                    <a class="nav-link fw-semibold text-white bg-primary btn w-75 text-center  mt-2 py-2 px-3 d-flex align-content-center justify-content-center align-items-center"
                      onclick="showContentFromUrl('/download')" ;><span>Download app</span></a>

                  </nav>

                  <nav class="nav flex-column"><a class="nav-link w-75 btn bg-black-white fw-semibold text-dark py-2 px-0"
                    onclick="logout()"><i class="ai-logout fs-5 opacity-60 me-2"></i>Log out</a></nav>
                </div>
              </div>
            </div>
          </aside>



          <div class="container py-5 my-lg-3 my-xl-4 my-xxl-5 col-lg-9 pt-4 pb-2 pb-sm-4">
            <h5 class="fs-xl mb-4">Subscription</h5>
            <!-- Basic info-->
            <section class="card border-0 py-1 p-md-2 p-xl-3 p-xxl-4 mb-4">
              <div class="card-body">
                <div class="d-flex align-items-center mt-sm-n1 pb-4 mb-0 mb-lg-1 mb-xl-3">
                  <h2 class="h4 mb-0">Your subscription</h2>
                </div>
              </div>
            </section>

            <!-- Orders-->

          </div>
          <!-- <div class="row align-items-center profile-header">
                <div class="col-md-2">
                  <img alt="User's profile picture" class="rounded-circle img-fluid profile-image mb-3 mb-md-0" />
                </div>
                <div class="col-md">
                  <h2 class="user-name"></h2>
                  <p class="lead text-muted user-email"></p>
                </div>
              </div>

              <div class="row">
                <pre class="rounded">
                <code id="profile-data" class="json"></code></pre>
              </div> -->
        </div>
      </section>



    </div>
  </div>


  </main>


  </div>


  <script src="assets/js/import_footer.js"></script>
  <script type="module" src="assets/js/import_header.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdn.auth0.com/js/auth0-spa-js/2.0/auth0-spa-js.production.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>


  <script async src="https://js.stripe.com/v3/buy-button.js"></script>


  <!-- Back to top button--><a class="btn-scroll-top" href="#top" data-scroll>
    <svg viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
      <circle cx="20" cy="20" r="19" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10">
      </circle>
    </svg><i class="ai-arrow-up"></i></a>
  <!-- Vendor scripts: js libraries and plugins-->
  <script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.js"></script>
  <script src="assets/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
  <script src="assets/vendor/parallax-js/dist/parallax.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/aos/dist/aos.js"></script>
  <!-- Main theme script-->
  <script src="assets/js/theme.js"></script>

</body>

</html>
