<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-itunes-app" content="app-id=6446630782">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="manifest" href="https://www.mustakshif.com/manifest.json" />
    <link rel="apple-touch-icon" sizes="180x180" href="https://www.mustakshif.com/index/assets/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="https://www.mustakshif.com/index/assets/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://www.mustakshif.com/index/assets/favicons/favicon-16x16.png">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <!-- Dynamic title -->
    <title>About Mustakshif | Your Trusted Halal Product Scanner &amp; Islamic Lifestyle App</title>
    <!-- Dynamic meta description -->
    <meta name="description" content="Discover Mustakshif&#039;s mission to empower Muslims with instant halal verification.
    AI-powered app backed by Islamic scholars for informed halal choices.">
    <meta name="keywords" content="about mustakshif, halal scanner app, halal product verification, islamic lifestyle app, halal
    mission, muslim app, halal technology, AI halal scanner, islamic scholars, halal vision">
    <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="" content="width=device-width, initial-scale=1.0" />

<link rel="canonical" href="https://www.mustakshif.com/about-us" />
    
    <meta name="google-adsense-account" content="ca-pub-4826664714690285">
    <script type="text/javascript">
        var Tawk_API = Tawk_API || {};
        var Tawk_LoadStart = new Date();

        // Custom positioning for mobile
        Tawk_API.customStyle = {
            visibility: {
                desktop: {
                    position: 'br',
                    xOffset: '20px',
                    yOffset: 20
                },
                mobile: {
                    position: 'br',
                    xOffset: 10,
                    yOffset: 90
                },
                bubble: {
                    rotate: '0deg',
                    xOffset: -20,
                    yOffset: 0
                }
            }
        };

        (function() {
            var s1 = document.createElement("script");
            var s0 = document.getElementsByTagName("script")[0];
            s1.async = true;
            s1.src = 'https://embed.tawk.to/64187c9e31ebfa0fe7f3a709/1grvqdjc5';
            s1.charset = 'UTF-8';
            s1.setAttribute('crossorigin', '*');
            s0.parentNode.insertBefore(s1, s0);
        })();
    </script>
    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-TQDVRNQX');
    </script>
    <!-- End Google Tag Manager -->

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TQDVRNQX" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <script async src="https://www.googletagmanager.com/gtag/js?id=G-YKQE4HL6T2"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-YKQE4HL6T2');
    </script>
<!-- Meta Pixel Code -->
<script>
    ! function(f, b, e, v, n, t, s) {
        if (f.fbq) return;
        n = f.fbq = function() {
            n.callMethod ?
                n.callMethod.apply(n, arguments) : n.queue.push(arguments)
        };
        if (!f._fbq) f._fbq = n;
        n.push = n;
        n.loaded = !0;
        n.version = '2.0';
        n.queue = [];
        t = b.createElement(e);
        t.async = !0;
        t.src = v;
        s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s)
    }(window, document, 'script',
        ' https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '3577926369090282');
    fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
        src=" https://www.facebook.com/tr?id=3577926369090282&ev=PageView&noscript=1 " /></noscript>
<!-- End Meta Pixel Code -->


<link rel="shortcut icon" href="https://www.mustakshif.com/index/assets/images/fav.jpg">

<!-- Load original site stylesheet first (provides utility classes) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
<link rel="preload" as="style" href="https://www.mustakshif.com/build/assets/app-DbKSt54r.css" /><link rel="modulepreload" as="script" href="https://www.mustakshif.com/build/assets/app-DBSDsfSE.js" /><link rel="stylesheet" href="https://www.mustakshif.com/build/assets/app-DbKSt54r.css" /><script type="module" src="https://www.mustakshif.com/build/assets/app-DBSDsfSE.js"></script>
<!-- Then load custom/global stylesheet -->
<link rel="stylesheet" href="https://www.mustakshif.com/assets/style.css?v=1763577306">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" />
<meta name="apple-itunes-app" content="app-id=com.mushtakshif.quran.prayertime.qibla.athan">
<style>
    @media screen and (min-width:1024px) {
        .mostviewedVidx-sec {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
        }
    }
</style>
<link rel="alternate" hreflang="es" href="https://www.mustakshif.com/es/about-us" />
    <link rel="alternate" hreflang="fr" href="https://www.mustakshif.com/fr/about-us" />
    <link rel="alternate" hreflang="pt-BR" href="https://www.mustakshif.com/pt-BR/about-us" />
    <link rel="alternate" hreflang="ru" href="https://www.mustakshif.com/ru/about-us" />
    <link rel="alternate" hreflang="ar" href="https://www.mustakshif.com/ar/about-us" />
    <link rel="alternate" hreflang="ja" href="https://www.mustakshif.com/ja/about-us" />
    <link rel="alternate" hreflang="zh" href="https://www.mustakshif.com/zh/about-us" />
    <link rel="alternate" hreflang="ko" href="https://www.mustakshif.com/ko/about-us" />
    
    <meta property="og:title" content='About Mustakshif | Your Trusted Halal Product Scanner &amp; Islamic Lifestyle App' />
    <meta property="og:description" content="Discover Mustakshif&#039;s mission to empower Muslims with instant halal verification.
    AI-powered app backed by Islamic scholars for informed halal choices." />
    <meta property="og:image" content="https://www.mustakshif.com/assets/images/newlogo.png" />
    <meta property="og:url" content="https://www.mustakshif.com/about-us" />
    <meta property="og:site_name" content="Mustakshif halal scanner" />
    
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content='About Mustakshif | Your Trusted Halal Product Scanner &amp; Islamic Lifestyle App' />
    <meta name="twitter:description" content="Discover Mustakshif&#039;s mission to empower Muslims with instant halal verification.
    AI-powered app backed by Islamic scholars for informed halal choices." />
    <meta name="twitter:image" content="https://www.mustakshif.com/assets/images/newlogo.png" />
    <meta name="twitter:url" content="https://www.mustakshif.com/about-us" />
    <meta name="twitter:site" content="@Mustakshif_" />
    
</head>


<body class="home-page">
    
    <header class="flex flex-wrap md:justify-start md:my-8 md:flex-nowrap z-50 w-full border-0 border-gray-200 bg-white ">
    <nav class="relative container w-full mx-auto lg:flex md:items-center md:justify-between md:gap-3">
        <div class="w-full lg:w-auto flex justify-between items-center pt-2 lg:!py-0 gap-x-1" style="
    height: 75px;">
            <div class="flex items-center gap-4 xl:gap-3 2xl:gap-6 my-3 lg:my-0 md:hidden">

                <!-- Toggle Checkbox (hidden) -->
                <input type="checkbox" id="searchToggle" class="peer hidden" />

                <!-- Search Button -->
                <label for="searchToggle" class="text-[18px] cursor-pointer inline-flex items-center text-white">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2"
                        stroke="currentColor" class="w-6 h-6">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="M21 21l-4.35-4.35m0 0A7.5 7.5 0 1010.5 18a7.5 7.5 0 006.15-3.35z" />
                    </svg>
                </label>

                <!-- Search Modal -->
                <div class="fixed inset-0 z-[1000] hidden peer-checked:block bg-black/50 px-2">
                    <div
                        class="flex flex-col md:flex-row items-start md:items-center gap-6 bg-white my-[5%] mx-auto p-[20px] w-full md:w-[80%] max-w-[970px] rounded-[10px]">

                        <!-- Search Input -->
                        <form class="flex w-full flex-col md:flex-row items-center gap-4" role="search"
                            action="https://www.mustakshif.com/search/product" method="POST">
                            <input type="hidden" name="_token" value="CjiPrPhrnE4TSzlzMWmjsHojCSHegEOZiHxYOEPn" autocomplete="off">                            <input type="search" name="search" placeholder="All Products"
                                aria-label="Search"
                                class="w-full p-[10px] text-[16px] rounded-[20px] shadow-none border border-gray-300 focus:outline-none focus:ring-0 focus:border-black" />

                            <div class="flex items-center gap-2">
                                <button type="submit"
                                    class=" md:hidden inline-flex items-center gap-2 text-white bg-[#0B1A31] hover:bg-[#b79950] rounded-[30px] py-[12px] md:py-[16px] xl:py-[15px] px-[28px] xl:px[16px] 2xl:px-[28px] font-sen text-sm font-semibold whitespace-nowrap uppercase">
                                    Search
                                </button>

                                <!-- Close Button -->
                                <label for="searchToggle"
                                    class="flex items-center gap-2 text-[16px] px-[30px] py-[10px] rounded-[20px] border border-black cursor-pointer">
                                    <span>&#10006;</span> Close
                                </label>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <a class="flex-none font-semibold text-xl text-black focus:outline-hidden focus:opacity-80"
                href="https://www.mustakshif.com" aria-label="Brand">
                <img class="hidden md:block" src="/assets/images/newlogo.png" alt="" srcset="" />
                <img class="w-[100px] md:hidden" src="/index/assets/images/logo_2.png" alt="" srcset="" />
            </a>

            <!-- Collapse Button -->
            <button type="button"
                class="hs-collapse-toggle lg:hidden relative size-9 flex justify-center items-center font-medium text-sm rounded-lg   text-gray-800  focus:outline-hidden  disabled:opacity-50 disabled:pointer-events-none text-white"
                id="hs-header-base-collapse" aria-expanded="false" aria-controls="hs-header-base"
                aria-label="Toggle navigation" data-hs-collapse="#hs-header-base">
                <svg class="hs-collapse-open:hidden" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round">
                    <line x1="3" x2="21" y1="6" y2="6" />
                    <line x1="3" x2="21" y1="12" y2="12" />
                    <line x1="3" x2="21" y1="18" y2="18" />
                </svg>
                <svg class="hs-collapse-open:block shrink-0 hidden" xmlns="http://www.w3.org/2000/svg" width="24"
                    height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round">
                    <path d="M18 6 6 18" />
                    <path d="m6 6 12 12" />
                </svg>
                <span class="sr-only">Toggle navigation</span>
            </button>
            <!-- End Collapse Button -->
        </div>


        <!-- Collapse -->
        <div id="hs-header-base"
            class="hs-collapse hidden overflow-hidden transition-all  duration-300 basis-full grow lg:flex p-4 lg-p-0  lg:bg-transparent relative z-[1000]"
            aria-labelledby="hs-header-base-collapse">
            <div
                class="w-full overflow-hidden overflow-y-auto max-h-[80vh] [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300">
                <div class="py-2 md:py-0 flex flex-col xl:flex-row items-start lg:items-center gap-0.5 md:gap-1">
                    <div class="grow">
                        <div
                            class="flex flex-col lg:flex-row justify-center lg:items-center gap-6 xl:gap-3 2xl:gap-6 px-3">

                            <a class="flex items-center text-base text-black font-sen font-semibold uppercase hover:text-[#b79950]"
                                href="https://www.mustakshif.com/business-list">
                                <svg class="shrink-0 size-4 me-3 md:me-2 block lg:hidden"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                    fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                    stroke-linejoin="round">
                                    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" />
                                    <circle cx="12" cy="7" r="4" />
                                </svg>
                                Halal Places
                            </a>
                            <a class="flex items-center text-base text-black font-sen font-semibold uppercase hover:text-[#b79950]"
                                href="https://www.mustakshif.com/list-of-products">
                                <svg class="shrink-0 size-4 me-3 md:me-2 block lg:hidden"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <defs>
                                        <pattern id="pattern-user-icon" patternContentUnits="objectBoundingBox"
                                            width="1" height="1">
                                            <use xlink:href="#image-user-icon"
                                                transform="matrix(0.00815217 0 0 0.0078125 -0.0217391 0)" />
                                        </pattern>
                                        <image id="image-user-icon" width="128" height="128"
                                            preserveAspectRatio="none"
                                            xlink:href="data:image/png;base64,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" />
                                    </defs>
                                    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"
                                        fill="url(#pattern-user-icon)" />
                                    <circle cx="12" cy="7" r="4" fill="url(#pattern-user-icon)" />
                                </svg>
                                Products
                            </a>
                            <a class="flex items-center text-base text-black font-sen font-semibold uppercase hover:text-[#b79950]"
                                href="https://www.mustakshif.com/shariah-board">
                                <svg class="shrink-0 size-4 me-3 md:me-2 block lg:hidden"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" />
                                    <circle cx="12" cy="7" r="4" />
                                </svg>
                                Shariah Board
                            </a>

                            <a class="flex items-center text-base text-black font-sen font-semibold uppercase hover:text-[#b79950]"
                                href="https://www.mustakshif.com/plans">
                                <svg class="shrink-0 size-4 me-3 md:me-2 block lg:hidden"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M12 12h.01" />
                                    <path d="M16 6V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2" />
                                    <path d="M22 13a18.15 18.15 0 0 1-20 0" />
                                    <rect width="20" height="14" x="2" y="6" rx="2" />
                                </svg>
                                Subscription
                            </a>

                            <a class="flex items-center text-base text-black font-sen font-semibold uppercase hover:text-[#b79950]"
                                href="https://www.mustakshif.com/advertise-with-mustakshif">
                                <svg class="shrink-0 size-4 me-3 md:me-2 block lg:hidden"
                                    xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <path
                                        d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2" />
                                    <path d="M18 14h-8" />
                                    <path d="M15 18h-5" />
                                    <path d="M10 6h8v4h-8V6Z" />
                                </svg>
                                Partner With Us
                            </a>

                        </div>
                    </div>

                    <!-- Button Group -->
                    <div class="md:mt-0 md:flex items-center  lg:gap-3 xl:gap-3 2xl:gap-4 px-2">
                        <div class="flex items-center gap-4 lg:gap-3 xl:gap-3 2xl:gap-4 my-4 lg:my-0">
                            <!-- Search icon -->
                            <!-- <button class="text-[18px]" onclick="openSearchModal()"><img src="/assets/images/searchmodule.png" width="auto" alt=""></button> -->


                            <!-- Toggle Checkbox (hidden) -->
                            <!-- Toggle Checkbox (hidden) -->
                            <input type="checkbox" id="searchToggle2" class="peer hidden" />

                            <!-- Search Button -->
                            <label for="searchToggle2" class="text-[18px] cursor-pointer inline-flex items-center">
                                <img src="/assets/images/searchmodule.png" alt="search" />
                            </label>

                            <!-- Search Modal -->
                            <div class="fixed inset-0 z-[1000] hidden peer-checked:block bg-black/50 px-2">
                                <div
                                    class="flex flex-col md:flex-row items-start md:items-center gap-6 bg-white my-[5%] mx-auto p-[20px] w-full md:w-[80%] max-w-[970px] rounded-[10px]">

                                    <!-- Search Form -->
                                    <form class="flex w-full flex-col md:flex-row items-center gap-4" role="search"
                                        action="https://www.mustakshif.com/search/product" method="POST">
                                        <input type="hidden" name="_token" value="CjiPrPhrnE4TSzlzMWmjsHojCSHegEOZiHxYOEPn" autocomplete="off">                                        <input type="search" name="search"
                                            placeholder="All Products"
                                            aria-label="Search"
                                            class="w-full p-[10px] text-[16px] rounded-[20px] shadow-none border border-gray-300 focus:outline-none focus:ring-0 focus:border-black" />

                                        <div class="flex items-center gap-2">
                                            <button type="submit"
                                                class=" md:hidden btn btn-primary text-white px-[30px] py-[10px] text-[16px] rounded-[20px] bg-blue-600 hover:bg-blue-700">
                                                Search
                                            </button>

                                            
                                            
                                            
                                            
                                            
                                            
                                            

                                            <!-- Close Button -->
                                            <label for="searchToggle2"
                                                class="flex items-center gap-2 text-[16px] px-[30px] py-[10px] rounded-[20px] border border-black cursor-pointer">
                                                <span>&#10006;</span> Close
                                            </label>
                                        </div>
                                    </form>
                                </div>
                            </div>

                                                        
                            <div class="hs-dropdown relative inline-flex">
                                <button id="hs-dropdown-language-trigger" type="button"
                                    class="hs-dropdown-toggle py-1 ps-1 pe-3 inline-flex items-center gap-x-2 text-sm font-medium rounded-full border border-gray-200 bg-white text-gray-800 shadow-2xs hover:bg-gray-50 focus:outline-hidden focus:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none "
                                    aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                                    <img class="h-6 w-6 rounded-full"
                                        src="https://flagcdn.com/w40/gb.png"
                                        alt="english">
                                    <span
                                        class="text-gray-600 font-medium truncate max-w-30">English</span>
                                    <svg class="hs-dropdown-open:rotate-180 size-4" xmlns="http://www.w3.org/2000/svg"
                                        width="24" height="24" viewBox="0 0 24 24" fill="none"
                                        stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <path d="m6 9 6 6 6-6" />
                                    </svg>
                                </button>

                                <div class="hs-dropdown-menu transition-[opacity,margin] duration hs-dropdown-open:opacity-100 opacity-0 hidden min-w-60 bg-white shadow-md rounded-lg mt-2"
                                    role="menu" aria-orientation="vertical"
                                    aria-labelledby="hs-dropdown-language-trigger">
                                    <div class="p-1 space-y-0.5">
                                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100"
                                                href="https://www.mustakshif.com/about-us">
                                                <img src="https://flagcdn.com/w40/gb.png"
                                                    alt="EN"> <span>English</span>
                                            </a>
                                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100"
                                                href="https://www.mustakshif.com/ar/about-us">
                                                <img src="https://flagcdn.com/w40/ae.png"
                                                    alt="EN"> <span>Arabic</span>
                                            </a>
                                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100"
                                                href="https://www.mustakshif.com/pt-BR/about-us">
                                                <img src="https://flagcdn.com/w40/br.png"
                                                    alt="EN"> <span>Brazilian Portuguese</span>
                                            </a>
                                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100"
                                                href="https://www.mustakshif.com/zh/about-us">
                                                <img src="https://flagcdn.com/w40/cn.png"
                                                    alt="EN"> <span>Chinese (Simplified)</span>
                                            </a>
                                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100"
                                                href="https://www.mustakshif.com/fr/about-us">
                                                <img src="https://flagcdn.com/w40/fr.png"
                                                    alt="EN"> <span>French</span>
                                            </a>
                                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100"
                                                href="https://www.mustakshif.com/ja/about-us">
                                                <img src="https://flagcdn.com/w40/jp.png"
                                                    alt="EN"> <span>Japanese</span>
                                            </a>
                                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100"
                                                href="https://www.mustakshif.com/ko/about-us">
                                                <img src="https://flagcdn.com/w40/kr.png"
                                                    alt="EN"> <span>Korean</span>
                                            </a>
                                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100"
                                                href="https://www.mustakshif.com/ru/about-us">
                                                <img src="https://flagcdn.com/w40/ru.png"
                                                    alt="EN"> <span>Russian</span>
                                            </a>
                                                                                    <a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100"
                                                href="https://www.mustakshif.com/es/about-us">
                                                <img src="https://flagcdn.com/w40/es.png"
                                                    alt="EN"> <span>Spanish</span>
                                            </a>
                                                                            </div>
                                </div>
                            </div>
                            <!-- Search Modal -->
                            <!-- <div id="searchModal" class="hidden fixed z-[1000] inset-0 w-full h-full bg-black/50 px-2">
                              <div class="modal-content flex flex-col md:flex-row items-start md:items-center gap-6 bg-white my-[5%] mx-auto p-[20px] px-[20px] w-full md:w-[80%] max-w-[970px] rounded-[10px]">
                                <input type="text" class="w-full p-[10px] text-[16px] rounded-[20px] shadow-none focus:outline-none focus:ring-0 focus:border-black focus:shadow-none" placeholder="Search..."/>
                                <button class="px-4 flex items-center gap-2 px-[50px] py-[10px] text-[16px] rounded-[20px] border border-black" onclick="closeSearchModal()"><span>&#10006;</span> Close</button>
                              </div>
                            </div> -->
                        </div>
                                                    <a class="button-mustard" href="https://www.mustakshif.com/login">
                                <i class="fa fa-user text-base" style="font-size: 14px;"></i> Log in
                            </a>
                                                <!-- <a class="button-blue"
                            href="https://www.mustakshif.com/app/link">
                            Download
                        </a> -->
                        <div class="flex gap-1 justify-center lg:justify-start mt-4 md:mt-0">

                            <a href="https://www.youtube.com/@Mustakshif-halal-explorer">
                                <svg width="45" height="44" viewBox="0 0 45 44" fill="none"
                                    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                    <g clip-path="url(#clip0_14181_1325)">
                                        <rect x="0.835938" width="43.9153" height="43.9153" rx="7.31921"
                                            fill="#061A2C"></rect>
                                        <rect x="9.15625" y="8.09375" width="28.013" height="28.013"
                                            fill="url(#pattern0_14181_1325)"></rect>
                                        <rect x="1.29339" y="0.457451" width="43.0004" height="43.0004"
                                            rx="6.86176" stroke="#606060" stroke-width="0.914902"></rect>
                                    </g>
                                    <defs>
                                        <pattern id="pattern0_14181_1325" patternContentUnits="objectBoundingBox"
                                            width="1" height="1">
                                            <use xlink:href="#image0_14181_1325" transform="scale(0.0111111)"></use>
                                        </pattern>
                                        <clipPath id="clip0_14181_1325">
                                            <rect x="0.835938" width="43.9153" height="43.9153" rx="7.31921"
                                                fill="white"></rect>
                                        </clipPath>
                                        <image id="image0_14181_1325" width="90" height="90"
                                            preserveAspectRatio="none"
                                            xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAADUElEQVR4nO3cO08UURjG8aOlFkoBCqKlH0AN1jbaKZDYGgoLE28YCwsKqcCPIGIksTJGYkG0UKMWRluovEVjB3grgHhL9G9OfDesXPccdmbO7D6/crM7855nZ2ZnZ868zomIiIiIiIiISF0AbcB+oBs4BwwDo8A48ASYAt4BM8BXYI5Fc/bajL1nyj4zbssYtmV22zraGvZrA1qAg0AfMAiMAY+A18B38ufX+cpqGLOa+qzGFpc6oAM4AlwERoCnwCzlM2u1j9hY/Jg6it7lTwG3ShpoqI92SPKHovY8At5h33YRu30qfgA3Mgsc6AE+FT3KhHwGeusd8kngd9EjS9Af4HQ9t2S/QFmZz6ZnoyHvtnNVWdsXYNdGgvbnmlKb0diQ9wC/alyJwE+gMyboC0ov2NmYoO+Hr6fpTcQE/b7pYwv3NibohYgVNbuFmKAlgoLOiYLOiYLOSZmCHijzD3FpgnaLd2xGynjFsFRBV9hN1WeUiAuVSqHAJuA48IESKG3QFcAW4BIwT8JcqFQLBTqBm6nejGiYoCuALuA5iXGhylAo/47fJ4BpEtGQQVcAW23WUeHTIFyo0hS6/B6nP34XxoUqTaErAA4Bk6Wov4giowpdvf7NdvzOdcpa0wVdAWwHrthUrvTqz6OouhRa+3j2ArfJWExhhXDZBj2RXP1ZF7SaDALWoWMldQxYP4ZrqePpnX+mJXcxxRbCbSxgP41Nf1hqERmw/oKHcmEB66JSLBd2mfQFiYnZHZMsFF34zzZodCurvtzygHVzNgvu/5APaLpBRpwm0ORmQFPCpHFO78pOQedEQSccdGnnKBdoLiZo36dIwryJCfpe4EqEuAc6zyu5YGdip1fpofusH7q3sH3vIMmyjUTVpG/f9EPW768U3xjFwu5NdXZ9w7T6qQpbzauybl61ZMv2u4hk1Y6tKux24HpeMzObssHgksB3+nNGayPZLC0z7+bWMnOdLf0w0A9ctfbCyTzAE8DX/NjG0G9jKi7YwJmcXTbzftB2uYfWWvgb+fPrfAk8sFouW22+xm2uUQGtwD7gmO2WQ8A14I5tWZVG3dPW6LD6qdl5e23a3jNpn7ljD+wP2TKP2jpaix6viIiIiIiIiIhrEH8BelVYxPQ3ygQAAAAASUVORK5CYII=">
                                        </image>
                                    </defs>
                                </svg>
                            </a>
                            <a href="https://www.instagram.com/mustakshif_halal_explorer/">
                                <svg width="45" height="44" viewBox="0 0 45 44" fill="none"
                                    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                    <g clip-path="url(#clip0_14181_1334)">
                                        <rect x="0.75" width="43.9153" height="43.9153" rx="7.31921"
                                            fill="#061A2C"></rect>
                                        <rect x="1.20745" y="0.457451" width="43.0004" height="43.0004"
                                            rx="6.86176" stroke="#606060" stroke-width="0.914902"></rect>
                                        <rect x="9.1875" y="8.09375" width="28.013" height="28.013"
                                            fill="url(#pattern0_14181_1334)"></rect>
                                    </g>
                                    <defs>
                                        <pattern id="pattern0_14181_1334" patternContentUnits="objectBoundingBox"
                                            width="1" height="1">
                                            <use xlink:href="#image0_14181_1334" transform="scale(0.0111111)"></use>
                                        </pattern>
                                        <clipPath id="clip0_14181_1334">
                                            <rect x="0.75" width="43.9153" height="43.9153" rx="7.31921"
                                                fill="white"></rect>
                                        </clipPath>
                                        <image id="image0_14181_1334" width="90" height="90"
                                            preserveAspectRatio="none"
                                            xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEyElEQVR4nO2cy29VVRSHLwOKjqsDCpiAMaKiWIsSHo1xaKLEKY8pCcrDmTiCONKgYUSBBhgCaqLgA5Uo8Q8wGA0+agLqEAExpcRabtvPrHQRSune99G1zzl37/0lN2lu2rXW+eV0nbXX3mfVaplMJpPJZDKZTCaTIsAC4AXgLeAU8AtwHbhFeYxpDD9rTBLb8xJrrdMAngEGgX/oHK4Dh4Cna1UHWAl8QWczCXwOPFWrGsB9wH6gTjzUgffk2mpVAHgE+IF4+R54uGyRVwFXiJ+/gTVlifwscIN0uAH0lZEurpIefwHLinzwSd5KlR+B+4sQWqqL1NkXWuQnIyvh2kU0WBlS6C/bDi0+Pg0lcq+ummJiDHgD6NHPbv2uGSaDLNe1dxEbu2e5ThG7WQ6G6MJ1UoOoWXpmuVa5s1tZyHRZCi2tThIRelGLNvothZaeLYmkjjdbtLHXUujTxMmY5uR2Hoa3+dhSaNkZKYOLwACwUauebmC+frr1u03yUAIulRTjT5ZCXysw8HHgBLC2xRjnAeuAk2qjKK5aCt3qv1O7nAUeNYj3MeCbgmL+z0blqcBD8y+w1SzgO3FvA0ZDB28ZcEiuyAaCWbD3xv5c6JauZbAhRV5uFqg/lQQT2zLQUOliVRO+HwJ2Al8BQ8BN/QzpdzuAJU3YWR0qjVRd6K0NfC4GjjVZQcjvHJVVXQObr6Ym9NkG/l4BRtrc19vQwPa5VIQe95VwwOvAxBzsy9/u8th/3LrOrqrQxxvcyXMR+TYTvjsb+IAEhF7rycntpAtfGulx+Fofu9AXZans8CEPPmuOeJbrf8Qs9ICnhAvRnxCbix0+D8cs9EaHfamTQ7Hd4XNzzEL3lrC7fsbhsy9mobsd9n8jHEMOnw/GLHSXw75ltTGTEc+GswlZ6CmGUxS622E/pw5joXsdQueHobHQmxxCS6szFK85fG6xcjCHZHFPUFYcdNhfEmjBUvcsWAZjFvqSZwku/WRrBj1L8D9jFlpY5/CxyPidmGFgocNXv6Gfygp90uPnRaMUIm3Slz1+PiQBocdls9Tja5dB43+nx/4Ko5535YUWvm7gb0ObaUTSxUseu5Kbv8WYKgstbGvgUw4dHmkyldS1iljYwGaQMrLqQo/K4ZYmfMvOy3Z9mf9X7YuM6M9npE52lXAz7KyR41spCo0eanHma8P4nwh5UNMyUAKLvdos2Nnv5KCnYS2DDc2oHG4xC/jOg29HqHQxnU48tntOzl0YxLsiRHVRxLHdIg+iTwDv65GAeS3ewf26GDGtk4s8iF7WqxW/6271Zt3jk9cpuvTzgH63RUs7s+MDZb5aEevLQhZ8ZCl0rK+/WbDHUuhYX+i0YL2l0At0LlzmbqRImG8mtPURqog4YCpyxGMk5sJksCGE2sTJTHE6iMjTmjNlDnCtCvXgIzWBd8u+ygrwTlCRp1Ug50mX7wobgSyzOnXYXmpcBpYWIvKMuaQpjcwclrnYhYo8Tey+RO7sy6WJPCONnI88Jy+tVQF9QO6LrPS7BbxtOgXMeKTmZx2+gpwEPrHY6Slq1v+AzoXrpAbRQNCZo6HQIVP9MrJMGuTABb2govYgZ2NMY7igMe3VGG27cJlMJpPJZDKZTCZT6xD+Bw8TuAekC6jrAAAAAElFTkSuQmCC">
                                        </image>
                                    </defs>
                                </svg>
                            </a>
                            <a href="https://www.tiktok.com/@mustakshif_halal_scanner">
                                <svg width="45" height="44" viewBox="0 0 45 44" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <g clip-path="url(#clip0_tiktok)">
                                        <rect x="0.671875" width="43.9153" height="43.9153" rx="7.31921"
                                            fill="#061A2C" />
                                        <rect x="1.12933" y="0.457451" width="43.0004" height="43.0004"
                                            rx="6.86176" stroke="#606060" stroke-width="0.914902" />
                                        <path fill="#FFFFFF"
                                            d="M30.9 12.3a8.5 8.5 0 0 1-3.4-6.8h-4.7v24.3a4.7 4.7 0 1 1-4.7-4.7c.5 0 1 .1 1.5.2v-4.9a9.5 9.5 0 1 0 8 9.4V17.5a13.4 13.4 0 0 0 8.2 2.7v-4.8a8.8 8.8 0 0 1-4.9-1.1z" />
                                    </g>
                                    <defs>
                                        <clipPath id="clip0_tiktok">
                                            <rect x="0.671875" width="43.9153" height="43.9153" rx="7.31921"
                                                fill="white" />
                                        </clipPath>
                                    </defs>
                                </svg>
                            </a>
                        </div>
                    </div>
                    <!-- End Button Group -->
                </div>
            </div>
        </div>
        <!-- End Collapse -->
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const btn = document.getElementById('hs-header-base-collapse');
                const target = document.getElementById('hs-header-base');
                if (!btn || !target) return;

                // If another script already managed this, skip
                if (target.dataset.customCollapse === 'true') return;
                target.dataset.customCollapse = 'true';

                let animating = false;
                const duration = 300; // ms (match CSS transition)

                function clearInline() {
                    target.style.transition = '';
                    target.style.maxHeight = '';
                    target.style.overflow = '';
                }

                btn.addEventListener('click', function(e) {
                    // prevent other handlers (like HS) from toggling simultaneously
                    e.stopImmediatePropagation();
                    e.preventDefault();
                    if (animating) return;

                    const isClosed = target.classList.contains('hidden');
                    animating = true;

                    if (isClosed) {
                        // Opening: remove hidden, measure, animate to scrollHeight
                        target.classList.remove('hidden');
                        target.classList.add('bg-white'); // ✅ add white background when opened
                        target.classList.remove('lg:bg-transparent'); // ✅ ensure not transparent on mobile

                        target.style.overflow = 'hidden';
                        target.style.maxHeight = '0px';
                        // force reflow
                        target.getBoundingClientRect();
                        const full = target.scrollHeight + 'px';
                        target.style.transition = `max-height ${duration}ms ease`;
                        target.style.maxHeight = full;
                        btn.setAttribute('aria-expanded', 'true');
                        setTimeout(function() {
                            clearInline();
                            animating = false;
                        }, duration + 20);
                    } else {
                        // Closing: set maxHeight to current height then to 0
                        target.style.overflow = 'hidden';
                        const full = target.scrollHeight + 'px';
                        target.style.maxHeight = full;
                        // force reflow
                        target.getBoundingClientRect();
                        target.style.transition = `max-height ${duration}ms ease`;
                        target.style.maxHeight = '0px';
                        btn.setAttribute('aria-expanded', 'false');
                        setTimeout(function() {
                            target.classList.add('hidden');
                            target.classList.remove('bg-white'); // ✅ remove bg-white on close
                            target.classList.add('lg:bg-transparent'); // ✅ back to transparent
                            clearInline();
                            animating = false;
                        }, duration + 20);
                    }
                }, {
                    passive: false,
                    capture: true
                });

                // Optional: when resizing to lg/bigger, ensure target visible and inline styles cleared
                window.addEventListener('resize', function() {
                    const lg = window.matchMedia('(min-width: 1024px)');
                    if (lg.matches) {
                        // show on large screens
                        target.classList.remove('hidden');
                        target.classList.remove('bg-white'); // ✅ ensure transparent on large screens
                        target.classList.add('lg:bg-transparent');
                        clearInline();
                        btn.setAttribute('aria-expanded', 'true');
                    } else {
                        // keep collapsed on small screens by default
                        if (!target.dataset.customKeepOpen) {
                            target.classList.add('hidden');
                            target.classList.remove('lg:bg-transparent');
                            clearInline();
                            btn.setAttribute('aria-expanded', 'false');
                        }
                    }
                });
            });
        </script>

    </nav>
</header>
        
    <section class="bg-white py-12 md:py-16 lg:py-20">
        <div class="container mx-auto px-4">
            <div class="text-center">
                <div class="max-w-4xl mx-auto space-y-6">
                    <h1 class="text-3xl md:text-4xl lg:text-5xl font-medium">
                        Who We Are – Embracing the Halal Revolution
                    </h1>
                    <p class="text-base md:text-lg text-gray-700">
                        Welcome to Mustakshif, the home of Halal and Haram product
                        scanning. Our name, Mustakshif, literally meaning "discoverer" in
                        Arabic, captures our commitment to pioneering a Halal revolution,
                        serving the global Muslim community with a simple yet powerful
                        solution to navigate cultural diversity in food and other
                        products.
                    </p>
                </div>
            </div>
        </div>
    </section>

    
    <section class="bg-[#eaf2f8] py-12 md:py-16 lg:py-20">
        <div class="container mx-auto px-4">
            <div class="flex flex-col lg:flex-row items-center gap-8 lg:gap-12">
                <div class="w-full lg:w-1/2 flex justify-center">
                    <img src="https://www.mustakshif.com/index/assets/images/about-1.png" alt="About Mustakshif"
                        class="max-w-full h-auto" />
                </div>
                <div class="w-full lg:w-1/2 space-y-4">
                    <h3 class="text-3xl md:text-4xl font-medium text-[#b29448]">
                        Our Mission
                    </h3>
                    <h4 class="text-2xl md:text-3xl font-medium">
                        Ensuring Halal in Everyday Life
                    </h4>
                    <div class="space-y-4 text-base md:text-lg text-gray-700">
                        <p>
                            Our mission is rooted in Islam and dedicated to assisting our
                        fellow Muslims. We're not just about food. We expand our services
                        to cover quick scanning of Beauty Products, Groceries, Toiletries,
                        and Conveniences. Every aspect of your lifestyle can be in sync
                        with your beliefs and the principles of Halal.
                        </p>
                        <p>
                            Our goal is to become an integral part of your daily life,
                        ensuring every product you use aligns with your beliefs and the
                        principles of Halal. By transforming the way Muslims interact with
                        the world of products, we hope to instil peace of mind and
                        certainty in every decision you make.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <section class="bg-white py-12 md:py-16 lg:py-20">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <div class="max-w-4xl mx-auto space-y-4">
                    <h4 class="text-2xl md:text-3xl font-medium">
                        The Power of Technology: AI-Driven Scanning
                    </h4>
                    <p class="text-base md:text-lg text-gray-700">
                        At the heart of Mustakshif is our cutting-edge AI engine,
                        pulsating with data from millions of products. That powers our
                        multi-featured Halal Scanner App and is ready to guide your Halal
                        journey. Our technology works tirelessly to give you accurate,
                        quick, and reliable scanning results, making Mustakshif a
                        trustworthy ally in your quest for a Halal lifestyle.
                    </p>
                </div>
            </div>

            <div class="flex flex-col lg:flex-row items-center gap-8 lg:gap-12">
                <div class="w-full lg:w-1/2 space-y-4">
                    <h4 class="text-2xl md:text-3xl font-medium">
                         Upholding Islamic Principles & Values Shariah Board & Our Esteemed
                            Shariah Board
                    </h4>
                    <p class="text-base md:text-lg text-gray-700">
                         In ensuring the highest standards of Halal compliance, we comply
                            with the South African National Halal Authority (Shariah Board) for our
                            system product filtration. Their stringent criteria guide our
                            product listings, giving you peace of mind in your product
                            choices. Further enhancing the credibility of our app, we've
                            assembled a distinguished panel of Ulama-e-Karam and Islamic
                            scholars forming our Shariah Board. This team manually checks
                            the products, ensuring their purity and permissibility in
                            accordance with Islamic laws. Our double-checking process,
                            merging technology with authentic Islamic knowledge, assures
                            that Mustakshif is a reliable source for Halal product
                            identification.
                    </p>
                </div>
                <div class="w-full lg:w-1/2 flex justify-center">
                    <img src="https://www.mustakshif.com/index/assets/images/about-2.png" alt="Our Vision" class="max-w-full h-auto" />
                </div>
            </div>
        </div>
    </section>

    
    <section class="bg-cover bg-center bg-no-repeat py-12 md:py-16 lg:py-20"
        style="background-image: url('https://www.mustakshif.com/index/assets/images/about-3.png');">
        <div class="container mx-auto px-4">
            <div class="text-center">
                <div class="max-w-4xl mx-auto space-y-4">
                    <h4 class="text-2xl md:text-3xl font-medium text-white">
                         Our Promise: Authenticity, Accuracy, Accessibility
                    </h4>
                    <p class="text-base md:text-lg text-white">
                         Our promise is threefold. We guarantee authenticity, anchored in
                        our rigorous adherence to Halal standards and our esteemed Shariah
                        Board's guidance. We ensure accuracy, driven by our powerful AI
                        technology. We commit to accessibility, offering a user-friendly,
                        multilingual app that serves Muslims worldwide, irrespective of
                        cultural or linguistic differences.
                    </p>
                </div>
            </div>
        </div>
    </section>

    
    <section class="bg-cover bg-center bg-no-repeat py-12 md:py-16"
        style="background-image: url('https://www.mustakshif.com/index/assets/images/about-4.png');">
        <div class="container mx-auto px-4">
            <div class="text-center">
                <div class="max-w-4xl mx-auto space-y-4">
                    <h4 class="text-2xl md:text-3xl font-medium">
                        Your Halal Journey Starts Here!
                    </h4>
                    <div class="space-y-4 text-base md:text-lg text-gray-700">
                        <p>
                            At Mustakshif, we strive to make your journey towards a holistic
                        Halal lifestyle an easy and reliable one. Our specially dedicated
                        team works around the clock to maintain, update, and expand our
                        product database. That's how we ensure to remain at the forefront
                        of the Halal revolution.
                        </p>
                        <p>
                            Embark on this journey with us. Discover a world where technology
                        meets faith and where every product choice is a confident one.
                        Join Mustakshif today, and together, let's uphold the principles
                        of Islam in every facet of our lives.
                        </p>
                        <p>
                            Join us as we journey towards this vision. With Mustakshif, you're
                        not just choosing a product; you're choosing a lifestyle, a
                        community, and a future where Halal is at your fingertips.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div
    class="fixed bottom-1 left-0 right-0 bg-white h-[85px] border-[4px] border-[#B89B51] shadow-lg flex justify-around items-center rounded-3xl py-1 pb-0 md:hidden z-50">

    <!-- Business -->
    <a href="https://www.mustakshif.com/business-list">
        <button
            class="flex flex-col items-center text-black hover:bg-[#B89B51] active:bg-[#B89B51] active transition p-3 rounded-full">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink">
                <rect width="24" height="24" fill="url(#pattern0_631_212)" />
                <defs>
                    <pattern id="pattern0_631_212" patternContentUnits="objectBoundingBox" width="1"
                        height="1">
                        <use xlink:href="#image0_631_212" transform="scale(0.0078125)" />
                    </pattern>
                    <image id="image0_631_212" width="128" height="128" preserveAspectRatio="none"
                        xlink:href="data:image/png;base64,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" />
                </defs>
            </svg>
            <span class="text-xs">Business</span>
        </button>
    </a>
    <!-- Product -->
    <a href="https://www.mustakshif.com/list-of-products">
        <button
            class="flex flex-col items-center text-black hover:bg-[#B89B51] active:bg-[#B89B51] transition p-3 rounded-full">
            <svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink">
                <rect width="23" height="24" fill="url(#pattern0_631_215)" />
                <defs>
                    <pattern id="pattern0_631_215" patternContentUnits="objectBoundingBox" width="1"
                        height="1">
                        <use xlink:href="#image0_631_215" transform="matrix(0.00815217 0 0 0.0078125 -0.0217391 0)" />
                    </pattern>
                    <image id="image0_631_215" width="128" height="128" preserveAspectRatio="none"
                        xlink:href="data:image/png;base64,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" />
                </defs>
            </svg>
            <span class="text-xs">Product</span>
        </button>
    </a>
    <!-- Center Scan Button -->
    <button
        class="relative -top-6 bg-white rounded-full p-3 shadow-lg hover:scale-100 active:scale-95 transition -translate-y-6 border-[#B89B51] border-[4px] -m-3">
        <div class=" text-black rounded-full p-2">
            <a href="https://www.mustakshif.com/app/link">
                <svg width="28" height="28" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink">
                    <rect width="42" height="42" fill="url(#pattern0_631_223)" />
                    <defs>
                        <pattern id="pattern0_631_223" patternContentUnits="objectBoundingBox" width="1"
                            height="1">
                            <use xlink:href="#image0_631_223" transform="scale(0.0078125)" />
                        </pattern>
                        <image id="image0_631_223" width="128" height="128" preserveAspectRatio="none"
                            xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABCFJREFUeF7tnetV40AMhUUlUAIdsKVQAh3AdkAJlLJ0QAlQCcRwFpwQj+LIsjTWl3PyzzPSXF2PpOvXhfArjcBF6dWzeIEAxUkAASBAcQSKL58dAAIUR6D48tkBIEBxBIovnx0AAhRHoPjy2QEgQHEEii+fHQACFEeg+PKHHeCfEwYvInLnNHe1aR9F5Npj0QMB3j0mFpHnHbn+OM1dbdrhJL3xWDQE8EB1+TkhwPKYdjUjBOgqXMs7CwGWx7SrGSFAV+Fa3tkwAryJyOuZ66ENPBO4I8MsbeCViFxOuaJ1AX93Ax+WWwczBSAwxO8eAgQgn8QkBEgSiCg3IEAU8knsQoAkgYhyAwJEIZ/ELgRIEogoN1wJYOlPW4BoGkLLrmWsJUgWu55jXQngpVBpl5Jbdi1jLQSw2PUcCwEOoro10mrkgQAQwE8J3NrZRAo4QEC7FgABfgDTtmKvukWzSwogBbRTQOuu4CcRGf5TP3aA/DvA7e6S/vA/+rM+GAIB8hOgWddAAEvZtz9Wy8VRNQAEKF4DQAAIMM0BUgApwIQARSBFoMsza1EFleVsiPJZs0sNQA1ADTBGYGtpix3ggN8aIBBgBBhdgCXrIwR9vl3E48UFlrPYMtZCB4tdz7EUgRSBFIEUgVwN/EZga2lLSx+kAFIAKYAUQAogBRzjADqApfFDB0AHGHFAK8a4I2jGyRYF5gwXfx0a5bNmly6ALoAugC6ALoAugC7gCwGUwBETaAMtZR9t4ObOJgsdtGqcNnAGulFgznCRNnCL+RQCzERgawXVzOXvHR61a2l2EYIQghCCEIIQghCCEIIQgn5xACHIUvYhBCEEjTigVeMIQTNOtigwZ7iIEIQQRAogBZACeDbwPwei0pZmFyUQJRAlECUQJRAlECUQJRAlkHsC9zmAFGyRftAB0AHQAdAB0AGW20W/Z9LEDa8LK5alRPms2UUIQghCCEIIQghCCJoSgvholCXz/4zVcrFX3aLZVT8a9d5YP98NPJ0cWiCiCMB3A4sXgRAAAvDt4MpdADsAOwA7ADtAQwewdAGPInJ9eqF88pEvInLXOLpl1zL2ZAePHGix6znWNQVYAGPsOghAgHVwTmsFAqQNzTqOQYB1cE5rBQKkDc06jkGAdXBOawUCpA3NOo6ZCPAmIq9n+qn1tmdOW3KYRW+5EpHLKdSG28JbQpAFbe3yqGXuamO9XscnEKAPKkGAPuLk5iUEcIO2j4khQB9xcvMSArhB28fErgRo3RVsgYc20ILe/lhLG9j0wvp08HJLZKYQBCBACOx5jEKAPLEI8QQChMCexygEyBOLEE8gQAjseYxCgDyxCPEEAoTAnscoBMgTixBPIEAI7HmMQoA8sQjxBAKEwJ7HKATIE4sQTyBACOx5jEKAPLEI8eQD6ck1hA4ppxAAAAAASUVORK5CYII=" />
                    </defs>
                </svg>
            </a>
        </div>
    </button>

    <!-- Package -->
    <a href="https://www.mustakshif.com/plans">
        <button
            class="flex flex-col items-center text-black hover:bg-[#B89B51] active:bg-[#B89B51] transition p-3 rounded-full">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink">
                <rect width="24" height="24" fill="url(#pattern0_631_218)" />
                <defs>
                    <pattern id="pattern0_631_218" patternContentUnits="objectBoundingBox" width="1"
                        height="1">
                        <use xlink:href="#image0_631_218" transform="scale(0.0078125)" />
                    </pattern>
                    <image id="image0_631_218" width="128" height="128" preserveAspectRatio="none"
                        xlink:href="data:image/png;base64,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" />
                </defs>
            </svg>

            <span class="text-xs">Package</span>
        </button>
    </a>
    <!-- Download -->
    <a href="https://www.mustakshif.com/app/link">
        <button
            class="flex flex-col items-center text-black hover:bg-[#B89B51] active:bg-[#B89B51] transition p-3 rounded-full">
            <svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink">
                <rect width="23" height="24" fill="url(#pattern0_631_221)" />
                <defs>
                    <pattern id="pattern0_631_221" patternContentUnits="objectBoundingBox" width="1"
                        height="1">
                        <use xlink:href="#image0_631_221" transform="matrix(0.00815217 0 0 0.0078125 -0.0217391 0)" />
                    </pattern>
                    <image id="image0_631_221" width="128" height="128" preserveAspectRatio="none"
                        xlink:href="data:image/png;base64,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" />
                </defs>
            </svg>
            <span class="text-xs">Download</span>
        </button>
    </a>
</div>
    <footer class="bg-[#061A2C] text-white pt-[40px] pb-[10px] px-4 md:px-2">
                <div class="container mx-auto py-4">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">

                <!-- Logo & Description -->
                <div class="text-center mt-4 md:mt-0 lg:text-left ">
                    <img src="https://www.mustakshif.com/index/assets/images/logo_2.png" alt="Mustakshif Logo" class="mb-4 mx-auto" style="height: 90px;">
                    <p class="text-white text-lg">Our halal scanner heeds all-inclusive Halal standards and Islamic dietary laws</p>
                </div>

                <!-- Customer Support -->
                <div class="text-center lg:text-left mt-4 md:mt-0">
                    <h4 class="mb-2 text-xl lg:text-3xl text-white text-lg flex gap-2 justify-center lg:justify-start items-center">Customer Support</h4>
                    <!-- <p class="mb-1 text-white text-lg flex gap-2 justify-center lg:justify-start items-center">
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4.36 3.33333C4.4 3.92667 4.5 4.50667 4.66 5.06L3.86 5.86C3.58667 5.06 3.41333 4.21333 3.35333 3.33333L4.36 3.33333ZM10.9333 11.3467C11.5 11.5067 12.08 11.6067 12.6667 11.6467V12.64C11.7867 12.58 10.94 12.4067 10.1333 12.14L10.9333 11.3467ZM5 2L2.66667 2C2.3 2 2 2.3 2 2.66667C2 8.92667 7.07333 14 13.3333 14C13.7 14 14 13.7 14 13.3333L14 11.0067C14 10.64 13.7 10.34 13.3333 10.34C12.5067 10.34 11.7 10.2067 10.9533 9.96C10.8872 9.936 10.817 9.92469 10.7467 9.92667C10.5733 9.92667 10.4067 9.99333 10.2733 10.12L8.80667 11.5867C6.91695 10.6203 5.37974 9.08305 4.41333 7.19333L5.88 5.72667C6.06667 5.54 6.12 5.28 6.04667 5.04667C5.79377 4.2787 5.66548 3.4752 5.66667 2.66667C5.66667 2.3 5.36667 2 5 2Z" fill="white"/>
                        </svg> <span class="text-white text-lg">(+1) 123 456 7893</span></p> -->
                    <p class="mb-4 text-white text-lg flex gap-2 justify-center lg:justify-start items-center"><svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M12.3359 0.667969L1.66927 0.667969C0.935938 0.667969 0.342604 1.26797 0.342604 2.0013L0.335937 10.0013C0.335937 10.7346 0.935938 11.3346 1.66927 11.3346L12.3359 11.3346C13.0693 11.3346 13.6693 10.7346 13.6693 10.0013L13.6693 2.0013C13.6693 1.26797 13.0693 0.667969 12.3359 0.667969ZM12.3359 3.33464L7.0026 6.66797L1.66927 3.33464L1.66927 2.0013L7.0026 5.33464L12.3359 2.0013V3.33464Z" fill="white"/>
                        </svg><span class="text-white text-lg">support@mustakshif.com</span> </p>
                    <div class="flex gap-3 justify-center lg:justify-start mt-4">
                        <!-- <a href="#"><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g clip-path="url(#clip0_14181_1314)">
                                    <rect width="43.9153" height="43.9153" rx="7.31921" fill="#061A2C"/>
                                    <rect x="8.71875" y="6.22656" width="28.013" height="28.013" fill="url(#pattern0_14181_1314)"/>
                                    <rect x="0.457451" y="0.457451" width="43.0004" height="43.0004" rx="6.86176" stroke="#606060" stroke-width="0.914902"/>
                                </g>
                                <defs>
                                    <pattern id="pattern0_14181_1314" patternContentUnits="objectBoundingBox" width="1" height="1">
                                        <use xlink:href="#image0_14181_1314" transform="scale(0.0111111)"/>
                                    </pattern>
                                    <clipPath id="clip0_14181_1314">
                                        <rect width="43.9153" height="43.9153" rx="7.31921" fill="white"/>
                                    </clipPath>
                                    <image id="image0_14181_1314" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC4klEQVR4nO2aTahNURiGFwZKCplRuKQMZcRUdywjfyPJRK6BFGVgwEgyMVEm6ioz+S0jQxIuuZNbCinXRWHmNx6tY+8Z1zrf2t9eZ9/zPnU6g1Pf937v3vs9a+29QxBCCCGEEEKIuQgwH9gD3ATeAN+q7xvA7vh7aY2dB1gHPGZ2JoCR0lq7bvJ70ngns20mLwCe0B8PFSP9Gx0z2cJOy4EdWoBbRqOvl9beKYAZo9HTpbV3imoJZ+Frae2dolonW3hdWnunqDYjFq6W1t4pgF1Go3eU1t7FbXfc8fXDA62jbWaPVDu+FN4Cq5s/5MNl9qOEM3lNaa1zJUZiZl+P6+Rq6Re/r8WdoOJCCCGEGOx76suBtdVnGbCwtK7Owx8j9wOXgWfAr78sRX8Cr4A7wClgNB6QkqLNBL/6U/+otR64FO8cGutOV6YvbdxIJyN6tGV0jAHgNPCDZvgA7HUztUEjerRhNLDC8EwzlQutxUmOyuBsNLAKeIkvF91NzjCih2P9KWAx8JR2GBtmo8/RHl/cb5blqAt+9b9Xy7M2GR9Go0sQD+5KGd0Ox2R0O9yT0e0Q/xeWKKPpvVx5FNgObAE2AlvjJQ9MNmT26DAb/RzYnPAY7kDGm1c1hxoztykjgnP9isl+LmdgX2a/s1mGehgRnOsDn4ENfc4zD7ib0fOK2UwvI4Jz/XjTxzjTtoyeE5aeKaLMBOf6wCbjTIuqq8HCC0vPFFFmgm/9jznvkQD3jX1nrD3/J8hM8K1/O3OucWPfTzl9ZxNkJvjWP58515mBesF+gI0+kTnXSc+5LILMBN/6RzLnOu45l0WQmeBbP2uHBhz2nMsiyEzwrX8wc64xz7ksgswE3/oyukZG64wOio50FB01ig5FR1B0pKPoqFF0KDqCoiMdRUeNokPRERQd6Sg6ahQdio6g6EhH0VGj6FB0BEVHOoqOGkWHoiMMXHQIIYQQQgghhBBCCCFEmFP8BsqRFeE8vQqMAAAAAElFTkSuQmCC"/>
                                </defs>
                            </svg>
                        </a> -->
                        <a href="https://twitter.com/Mustakshif_">
                            <svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <g clip-path="url(#clip0_14181_1319)">
                                    <rect x="0.914062" width="43.9153" height="43.9153" rx="7.31921" fill="#061A2C"/>
                                    <g clip-path="url(#clip1_14181_1319)">
                                        <g clip-path="url(#clip2_14181_1319)">
                                            <path d="M24.4429 20.7024L30.5746 13.7227H29.1226L23.796 19.7821L19.5445 13.7227H14.6406L21.0706 22.8863L14.6406 30.2046H16.0935L21.7146 23.8049L26.205 30.2046H31.1089M16.6177 14.7949H18.8492L29.1208 29.1845H26.8893" fill="white"/>
                                        </g>
                                    </g>
                                    <rect x="1.37151" y="0.457451" width="43.0004" height="43.0004" rx="6.86176" stroke="#606060" stroke-width="0.914902"/>
                                </g>
                                <defs>
                                    <clipPath id="clip0_14181_1319">
                                        <rect x="0.914062" width="43.9153" height="43.9153" rx="7.31921" fill="white"/>
                                    </clipPath>
                                    <clipPath id="clip1_14181_1319">
                                        <rect width="16.4682" height="16.4682" fill="white" transform="translate(14.6406 13.7227)"/>
                                    </clipPath>
                                    <clipPath id="clip2_14181_1319">
                                        <rect width="16.4682" height="16.4682" fill="white" transform="translate(14.6406 13.7227)"/>
                                    </clipPath>
                                </defs>
                            </svg>
                        </a>
                        <a href="https://www.youtube.com/@Mustakshif-halal-explorer">
                            <svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g clip-path="url(#clip0_14181_1325)">
                                    <rect x="0.835938" width="43.9153" height="43.9153" rx="7.31921" fill="#061A2C"/>
                                    <rect x="9.15625" y="8.09375" width="28.013" height="28.013" fill="url(#pattern0_14181_1325)"/>
                                    <rect x="1.29339" y="0.457451" width="43.0004" height="43.0004" rx="6.86176" stroke="#606060" stroke-width="0.914902"/>
                                </g>
                                <defs>
                                    <pattern id="pattern0_14181_1325" patternContentUnits="objectBoundingBox" width="1" height="1">
                                        <use xlink:href="#image0_14181_1325" transform="scale(0.0111111)"/>
                                    </pattern>
                                    <clipPath id="clip0_14181_1325">
                                        <rect x="0.835938" width="43.9153" height="43.9153" rx="7.31921" fill="white"/>
                                    </clipPath>
                                    <image id="image0_14181_1325" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAADUElEQVR4nO3cO08UURjG8aOlFkoBCqKlH0AN1jbaKZDYGgoLE28YCwsKqcCPIGIksTJGYkG0UKMWRluovEVjB3grgHhL9G9OfDesXPccdmbO7D6/crM7855nZ2ZnZ868zomIiIiIiIiISF0AbcB+oBs4BwwDo8A48ASYAt4BM8BXYI5Fc/bajL1nyj4zbssYtmV22zraGvZrA1qAg0AfMAiMAY+A18B38ufX+cpqGLOa+qzGFpc6oAM4AlwERoCnwCzlM2u1j9hY/Jg6it7lTwG3ShpoqI92SPKHovY8At5h33YRu30qfgA3Mgsc6AE+FT3KhHwGeusd8kngd9EjS9Af4HQ9t2S/QFmZz6ZnoyHvtnNVWdsXYNdGgvbnmlKb0diQ9wC/alyJwE+gMyboC0ov2NmYoO+Hr6fpTcQE/b7pYwv3NibohYgVNbuFmKAlgoLOiYLOiYLOSZmCHijzD3FpgnaLd2xGynjFsFRBV9hN1WeUiAuVSqHAJuA48IESKG3QFcAW4BIwT8JcqFQLBTqBm6nejGiYoCuALuA5iXGhylAo/47fJ4BpEtGQQVcAW23WUeHTIFyo0hS6/B6nP34XxoUqTaErAA4Bk6Wov4giowpdvf7NdvzOdcpa0wVdAWwHrthUrvTqz6OouhRa+3j2ArfJWExhhXDZBj2RXP1ZF7SaDALWoWMldQxYP4ZrqePpnX+mJXcxxRbCbSxgP41Nf1hqERmw/oKHcmEB66JSLBd2mfQFiYnZHZMsFF34zzZodCurvtzygHVzNgvu/5APaLpBRpwm0ORmQFPCpHFO78pOQedEQSccdGnnKBdoLiZo36dIwryJCfpe4EqEuAc6zyu5YGdip1fpofusH7q3sH3vIMmyjUTVpG/f9EPW768U3xjFwu5NdXZ9w7T6qQpbzauybl61ZMv2u4hk1Y6tKux24HpeMzObssHgksB3+nNGayPZLC0z7+bWMnOdLf0w0A9ctfbCyTzAE8DX/NjG0G9jKi7YwJmcXTbzftB2uYfWWvgb+fPrfAk8sFouW22+xm2uUQGtwD7gmO2WQ8A14I5tWZVG3dPW6LD6qdl5e23a3jNpn7ljD+wP2TKP2jpaix6viIiIiIiIiIhrEH8BelVYxPQ3ygQAAAAASUVORK5CYII="/>
                                </defs>
                            </svg>
                        </a>
                        <a href="https://www.instagram.com/mustakshif_halal_explorer/">
                            <svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g clip-path="url(#clip0_14181_1334)">
                                    <rect x="0.75" width="43.9153" height="43.9153" rx="7.31921" fill="#061A2C"/>
                                    <rect x="1.20745" y="0.457451" width="43.0004" height="43.0004" rx="6.86176" stroke="#606060" stroke-width="0.914902"/>
                                    <rect x="9.1875" y="8.09375" width="28.013" height="28.013" fill="url(#pattern0_14181_1334)"/>
                                </g>
                                <defs>
                                    <pattern id="pattern0_14181_1334" patternContentUnits="objectBoundingBox" width="1" height="1">
                                        <use xlink:href="#image0_14181_1334" transform="scale(0.0111111)"/>
                                    </pattern>
                                    <clipPath id="clip0_14181_1334">
                                        <rect x="0.75" width="43.9153" height="43.9153" rx="7.31921" fill="white"/>
                                    </clipPath>
                                    <image id="image0_14181_1334" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEyElEQVR4nO2cy29VVRSHLwOKjqsDCpiAMaKiWIsSHo1xaKLEKY8pCcrDmTiCONKgYUSBBhgCaqLgA5Uo8Q8wGA0+agLqEAExpcRabtvPrHQRSune99G1zzl37/0lN2lu2rXW+eV0nbXX3mfVaplMJpPJZDKZTCaTIsAC4AXgLeAU8AtwHbhFeYxpDD9rTBLb8xJrrdMAngEGgX/oHK4Dh4Cna1UHWAl8QWczCXwOPFWrGsB9wH6gTjzUgffk2mpVAHgE+IF4+R54uGyRVwFXiJ+/gTVlifwscIN0uAH0lZEurpIefwHLinzwSd5KlR+B+4sQWqqL1NkXWuQnIyvh2kU0WBlS6C/bDi0+Pg0lcq+ummJiDHgD6NHPbv2uGSaDLNe1dxEbu2e5ThG7WQ6G6MJ1UoOoWXpmuVa5s1tZyHRZCi2tThIRelGLNvothZaeLYmkjjdbtLHXUujTxMmY5uR2Hoa3+dhSaNkZKYOLwACwUauebmC+frr1u03yUAIulRTjT5ZCXysw8HHgBLC2xRjnAeuAk2qjKK5aCt3qv1O7nAUeNYj3MeCbgmL+z0blqcBD8y+w1SzgO3FvA0ZDB28ZcEiuyAaCWbD3xv5c6JauZbAhRV5uFqg/lQQT2zLQUOliVRO+HwJ2Al8BQ8BN/QzpdzuAJU3YWR0qjVRd6K0NfC4GjjVZQcjvHJVVXQObr6Ym9NkG/l4BRtrc19vQwPa5VIQe95VwwOvAxBzsy9/u8th/3LrOrqrQxxvcyXMR+TYTvjsb+IAEhF7rycntpAtfGulx+Fofu9AXZans8CEPPmuOeJbrf8Qs9ICnhAvRnxCbix0+D8cs9EaHfamTQ7Hd4XNzzEL3lrC7fsbhsy9mobsd9n8jHEMOnw/GLHSXw75ltTGTEc+GswlZ6CmGUxS622E/pw5joXsdQueHobHQmxxCS6szFK85fG6xcjCHZHFPUFYcdNhfEmjBUvcsWAZjFvqSZwku/WRrBj1L8D9jFlpY5/CxyPidmGFgocNXv6Gfygp90uPnRaMUIm3Slz1+PiQBocdls9Tja5dB43+nx/4Ko5535YUWvm7gb0ObaUTSxUseu5Kbv8WYKgstbGvgUw4dHmkyldS1iljYwGaQMrLqQo/K4ZYmfMvOy3Z9mf9X7YuM6M9npE52lXAz7KyR41spCo0eanHma8P4nwh5UNMyUAKLvdos2Nnv5KCnYS2DDc2oHG4xC/jOg29HqHQxnU48tntOzl0YxLsiRHVRxLHdIg+iTwDv65GAeS3ewf26GDGtk4s8iF7WqxW/6271Zt3jk9cpuvTzgH63RUs7s+MDZb5aEevLQhZ8ZCl0rK+/WbDHUuhYX+i0YL2l0At0LlzmbqRImG8mtPURqog4YCpyxGMk5sJksCGE2sTJTHE6iMjTmjNlDnCtCvXgIzWBd8u+ygrwTlCRp1Ug50mX7wobgSyzOnXYXmpcBpYWIvKMuaQpjcwclrnYhYo8Tey+RO7sy6WJPCONnI88Jy+tVQF9QO6LrPS7BbxtOgXMeKTmZx2+gpwEPrHY6Slq1v+AzoXrpAbRQNCZo6HQIVP9MrJMGuTABb2govYgZ2NMY7igMe3VGG27cJlMJpPJZDKZTCZT6xD+Bw8TuAekC6jrAAAAAElFTkSuQmCC"/>
                                </defs>
                            </svg>
                        </a>
                        <a href="https://www.facebook.com/mustakshif.halal.explorer/">
                            <svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g clip-path="url(#clip0_14181_1345)">
                                    <rect x="0.671875" width="43.9153" height="43.9153" rx="7.31921" fill="#061A2C"/>
                                    <rect x="1.12933" y="0.457451" width="43.0004" height="43.0004" rx="6.86176" stroke="#606060" stroke-width="0.914902"/>
                                    <rect x="8.76562" y="8.09375" width="28.013" height="28.013" fill="url(#pattern0_14181_1345)"/>
                                </g>
                                <defs>
                                    <pattern id="pattern0_14181_1345" patternContentUnits="objectBoundingBox" width="1" height="1">
                                        <use xlink:href="#image0_14181_1345" transform="scale(0.0111111)"/>
                                    </pattern>
                                    <clipPath id="clip0_14181_1345">
                                        <rect x="0.671875" width="43.9153" height="43.9153" rx="7.31921" fill="white"/>
                                    </clipPath>
                                    <image id="image0_14181_1345" width="90" height="90" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAABsUlEQVR4nO3YoaoUcRjG4T8iVgWT4Zj0AgxegOcKTFbbFi9BMBpOsZksNptROXgJ4uFgEVGLGEUQVAz6yGERFkFh1pmd/3y8T97wzY+XZZjWIiIiIiIiYjw4ixu4h2c4xnt8sfYJH/EWr/EcT/AAN0c8pSZcxSN8t72ncz9H7wt+iJ//ETih/wWX8GaEwAn9N7iID8aVv45NOIOjkSMn9J9wZ4LICb0J5/E5oSeG2xNFzqI34VVCTwyXJ4ycRf+GVULvAO5vGfoQ13Hh5NVwF7cumvVHoqHuzn334uDFwMgnvz81992Lg3cDQ9+a++ZFsv6WPMSVuW9eJPwYGPrc3DcvkuFOz33zIhlo7nsXS0IndCmy6ISu9hYxtYNWkf6sWkX6c61VpD97rSJ9+Vr2S5++vGxV6cvjVpW+HLSq9GXVqtKX/VaVvuy1qvTjW9lXu20YaO57F0tCJ3QpsuiELkUWndClyKITuhRZdEKXIotO6FJk0Qldiiw6oUuRRSd0KbLohC5FFp3QpciiE7oUWXRClyKLTuhSZNEJXYosOqFLkUUndCmy6IiIiIiIiLZTvwA1C/tyHE7zlwAAAABJRU5ErkJggg=="/>
                                </defs>
                            </svg>
                        </a>
                        <a href="https://www.tiktok.com/@mustakshif_halal_scanner">
                          <svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_tiktok)">
                            <rect x="0.671875" width="43.9153" height="43.9153" rx="7.31921" fill="#061A2C"/>
                            <rect x="1.12933" y="0.457451" width="43.0004" height="43.0004" rx="6.86176" stroke="#606060" stroke-width="0.914902"/>
                            <path fill="#FFFFFF" d="M30.9 12.3a8.5 8.5 0 0 1-3.4-6.8h-4.7v24.3a4.7 4.7 0 1 1-4.7-4.7c.5 0 1 .1 1.5.2v-4.9a9.5 9.5 0 1 0 8 9.4V17.5a13.4 13.4 0 0 0 8.2 2.7v-4.8a8.8 8.8 0 0 1-4.9-1.1z"/>
                        </g>
                        <defs>
                            <clipPath id="clip0_tiktok">
                            <rect x="0.671875" width="43.9153" height="43.9153" rx="7.31921" fill="white"/>
                            </clipPath>
                        </defs>
                        </svg>
                        </a>
                    </div>
                </div>

                <!-- App Downloads -->
                <div class="text-center lg:text-left mt-4 md:mt-0">
                    <h4 class="mb-2 text-xl lg:text-3xl text-white">Download Mustakshif App</h4>
                    <p class="mb-4 text-white text-lg">Scan barcode, see ingredient and explore Halal products instantly.</p>
                    <div class="flex gap-4 justify-center lg:justify-start">
                        <a href="https://apps.apple.com/gb/app/mustakshif/id6446630782"><img src="https://www.mustakshif.com/index/assets/images/App store.png" alt="App Store" ></a>
                        <a href="https://play.google.com/store/search?q=mustakshif&c=apps&gl=GB&pli=1"><img src="https://www.mustakshif.com/index/assets/images/Google play.png" alt="Google Play" ></a>
                    </div>
                </div>

            </div>

            <!-- Bottom Links -->
            <div class="mt-6 py-4 px-6 text-center" style="border-top: 1px solid #526270;border-bottom: 1px solid #526270;color: #EAECEF;">
                <button onclick="toggleFooterMenu()" class="md:hidden w-full text-left px-4 py-2 bg-gray-800 text-white hover:text-[#b79950] flex justify-between">
                    <span class="text-white">Info Pages </span><span id="toggleIcon" class="float-right text-white">+</span>
                </button>

                <!-- Footer Links -->
                <div id="footerMenu" class="hidden flex md:flex flex-col md:flex-row md:flex-wrap gap-6 justify-center py-2 px-4 md:px-0">
                    <a href="https://www.mustakshif.com/about-us" class="text-lg text-white">About us</a>
                    <a href="https://www.mustakshif.com/how-mustakshif-work" class="text-lg text-white">How Mustakshif Work?</a>
                    <a href="https://www.mustakshif.com/plans" class="text-lg text-white">Subscribe</a>
                    <a href="https://www.mustakshif.com/blogs" class="text-lg text-white">Blogs</a>
                    <a href="https://www.mustakshif.com/contact-us" class="text-lg text-white">Contact us</a>
                    <a href="https://www.mustakshif.com/write-for-us" class="text-lg text-white">Write for us</a>
                    <a href="https://www.mustakshif.com/user-data-deletion-process" class="text-lg text-white">User Data Deletion</a>
                    <a href="https://www.mustakshif.com/user-data-protection-policy" class="text-lg text-white">User Data Protection</a>
                    <a href="https://www.mustakshif.com/privacy-policy" class="text-lg text-white">Privacy Policy</a>
                    <a href="https://www.mustakshif.com/terms-conditions" class="text-lg text-white">Terms of Conditions</a>
                </div>
                <script>
                    function toggleFooterMenu() {
                        const menu = document.getElementById('footerMenu');
                        const icon = document.getElementById('toggleIcon');
                        if (menu.classList.contains('hidden')) {
                            menu.classList.remove('hidden');
                            icon.textContent = '-';
                        } else {
                            menu.classList.add('hidden');
                            icon.textContent = '+';
                        }
                    }
                </script>

            </div>
            <p class="my-4 text-white text-lg text-center">2025 © Mustakshif. Design & Develop by Navicosoft</p>
        </div>
        <!-- <script src="./node_modules/preline/dist/preline.js"></script> -->
        <script src="https://cdn.jsdelivr.net/npm/preline/dist/preline.min.js"></script>

        <script src="/assets/script.js"></script>
    </footer>

    <!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
<!-- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
    integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"
    integrity="sha384-fbbOQedDUMZZ5KreZpsbe1LCZPVmfTnH7ois6mU1QK+m14rQ1l2bGBq41eYeM/fS" crossorigin="anonymous">
</script>

<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- <script type="text/javascript" src="https://www.mustakshif.com/index/assets/js/menu.js"></script> -->

<script type="text/javascript">

    $(document).ready(function() {
        $(".regular").slick({
            arrows: false,
            dots: true,
            infinite: true,
            slidesToShow: 1,
            slidesToScroll: 1,
            autoplay: true,
            centerMode: true,
            mobileFirst: true,
            touchMove: true,

        });
    });
</script>
        <!-- Utilize Mobile Menu Start -->
    
    
</body>

</html>
