https://www.gonukkad.com/

Submitted URL:
https://www.gonukkad.com/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 36 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 3 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head>
<script async="" src="https://www.clarity.ms/s/0.7.48/clarity.js"></script><script async="" src="https://www.clarity.ms/tag/nte7iqnw73?ref=gtm2"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-6QYMBNHRR8&amp;l=dataLayer&amp;cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/destination?id=AW-11108387330&amp;l=dataLayer&amp;cx=c"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-54S5K6K"></script><script>
    (function(b, m, h, a, g) {
      b[a] = b[a] || [];
      b[a].push({
        "gtm.start": new Date().getTime(),
        event: "gtm.js"
      });
      var k = m.getElementsByTagName(h)[0],
        e = m.createElement(h),
        c = a != "dataLayer" ? "&l=" + a : "";
      e.async = true;
      e.src = "https://www.googletagmanager.com/gtm.js?id=" + g + c;
      k.parentNode.insertBefore(e, k)
    })(window, document, "script", "dataLayer", "GTM-54S5K6K");
  </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="canonical" href="https://www.gonukkad.com">
    <meta name="title" content="Leading Ecommerce Service Provider for Marketplace Management to Boost Sales">
    <meta name="description" content="Looking to maximize your online sales? Our marketplace management solution from the industry's experts will boost your Amazon, Flipkart, Meesho, Myntra, Jiomart visibility and sales.">
    <meta name="keywords" content="Amazon account management services, Flipkart account management services, Meesho account management Services, best amazon account management services, amazon account management services near me, Amazon account management services India, ecommerce service provider, Flipkart Product Listing &amp; Cataloging Service, Amazon Product Listing &amp; Cataloging Service">
    <meta name="robots" content="index,follow">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="English">
    <meta name="ahrefs-site-verification" content="40aa9791a15a260269d8e45bc2a7a578249890fb201fb59477170d31e7fa60b1">
    <link rel="icon" href="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/favicon.ico">

    <link href="https://www.gonukkad.com/wp-content/themes/gonukkadv2/style.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&amp;family=Work+Sans:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet">

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Corporation",
      "name": "GoNukkad",
      "url": "https://www.gonukkad.com/",
      "logo": "https://www.gonukkad.com/wp-content/themes/myvgolocal/home-page/images/logo.webp",
      "sameAs": [
        "https://www.facebook.com/gonukkadcom",
        "https://twitter.com/Gonukkadcom",
        "https://www.linkedin.com/in/gonukkadcom",
        "https://www.instagram.com/gonukkadcom"
      ],
      "contactPoint": [{
          "@type": "ContactPoint",
          "telephone": "040-681-52888",
          "contactType": "customer service",
          "contactOption": "TollFree",
          "areaServed": "IN",
          "availableLanguage": [
            "en",
            "hi"
          ]
        },
        {
          "@type": "ContactPoint",
          "telephone": "+91-928-911-2850",
          "contactType": "customer service",
          "email": "[email protected]",
          "areaServed": "IN",
          "availableLanguage": [
            "en",
            "hi"
          ]
        }
      ]
    }
  </script>
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "LocalBusiness",
      "name": "GoNukkad",
      "image": "https://www.gonukkad.com/wp-content/themes/myvgolocal/home-page/images/logo.webp",
      "@id": "https://www.gonukkad.com/",
      "url": "https://www.gonukkad.com/",
      "telephone": "040-681-52888",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Unit- 521, Tower B4, Spaze I Tech Park, Sector 49, Sohna Road, ",
        "addressLocality": "Gurugram, Haryana",
        "postalCode": "122018",
        "addressCountry": ""
      },
      "openingHoursSpecification": [{
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": [
          "Monday",
          "Tuesday",
          "Wednesday",
          "Thursday",
          "Friday",
          "Saturday"
        ],
        "opens": "10:00",
        "closes": "20:00"
      }]
    }
  </script>


    <title>Gonukkad: leading Ecommerce Service Provider</title>
<script src="https://obs.tostarsbuilding.com/ct?id=74905&amp;url=https%3A%2F%2Fwww.gonukkad.com%2F&amp;sf=0&amp;tpi=&amp;ch=www.gonukkad.com&amp;uvid=&amp;tsf=0&amp;tsfmi=&amp;tsfu=&amp;cb=1728796631721&amp;hl=2&amp;op=0&amp;ag=2490659978&amp;rand=8443758100191581118910017277202220720200220905216761162961221155155602226084593667010&amp;fs=800x600&amp;fst=800x600&amp;np=&amp;nv=google%20inc.&amp;ref=&amp;ss=1x1&amp;nc=0&amp;at=&amp;di=W1siZWYiLDMxNTZdLFsiYWJuY2giLDddLFstMjgsImVuLVVTIl0sWy00MCwiMzMiXSxbLTQ5LCItIl0sWy01OCwiLSJdLFstNiwiLSJdLFstMTEsIntcInRcIjpcIlwiLFwibVwiOltcInRpdGxlXCIsXCJkZXNjcmlwdGlvblwiLFwia2V5d29yZHNcIl19Il0sWy0xNiwiMCJdLFstMTAsIi0iXSxbLTIwLCIxODc0MTY1OTg5LjE3Mjg3OTY2MzAiXSxbLTI0LCJbXSJdLFstMTIsIm51bGwiXSxbLTEzLCItIl0sWy0xNSwiLSJdLFstMzIsIi0iXSxbLTIsIi0iXSxbLTQsIi0iXSxbLTM0LCItIl0sWy01LCItIl0sWy0xOCwiWzAsMCwwLDFdIl0sWy01MywiMTAwIl0sWy02NCwiWzAsXCJcIixbXV0iXSxbLTY1LCItIl0sWy02OCwiLSJdLFstMzMsIi0iXSxbLTQxLCItIl0sWy00MywiMDAwMDAwMDEwMTAwMDAwMTAwMTExMDExMDAxMDExMDEwMDAwMDEwIl0sWy00NSwiLSJdLFstNDYsIjAiXSxbLTEsIi0iXSxbLTM1LCJbMTcyODc5NjYzMTU4MywwXSJdLFstOCwiLSJdLFstMTksIlswLDAsMCwwLDAsMCwxLDI0LDI0LFwiLVwiLDEsMSwxLDEsMCwwLDgwMCw2MDAsMCwwLDAsMCxcIi1cIixcIi1cIiw3OTAsNTkwXSJdLFstNDIsIjE3MjQyOTc2NTMiXSxbLTI1LCItIl0sWy00NCwiMCwwLDAsNSJdLFstMjcsIlsxNTAsMTAsMCxcIjRnXCIsbnVsbF0iXSxbLTMxLCJmYWxzZSJdLFstNTYsInBvcnRyYWl0LXByaW1hcnkiXSxbLTY2LCJnZW9sb2NhdGlvbixzdG9yYWdlYWNjZXNzLGdhbWVwYWQsY2hlY3QsbWlkaSxkaXNwbGF5Y2FwdHVyZSxsb2NhbGZvbnRzLHBpY3R1cmVpbnBpY3R1cmUscHVibGlja2V5Y3JlZGVudGlhbHNnZXQsb3RwY3JlZGVudGlhbHMsY2h1YWZvcm1mYWN0b3IsZW5jcnlwdGVkbWVkaWEsY2hzYXZlZGF0YSxjaHVhZnVsbHZlcnNpb25saXN0LGNodWF3b3c2NCxjaGRvd25saW5rLGNocHJlZmVyc2NvbG9yc2NoZW1lLHN5bmN4aHIsY2h1YW1vZGVsLGNocHJlZmVyc3JlZHVjZWR0cmFuc3BhcmVuY3ksc2VyaWFsLGNhbWVyYSxjaHByZWZlcnNyZWR1Y2VkbW90aW9uLHByaXZhdGVzdGF0ZXRva2VuaXNzdWFuY2UsaWRlbnRpdHljcmVkZW50aWFsc2dldCxjaHVhZnVsbHZlcnNpb24sZnVsbHNjcmVlbixjaGRwcix1bmxvYWQsa2V5Ym9hcmRtYXAsY2h1YXBsYXRmb3JtLGd5cm9zY29wZSxjaHVhbW9iaWxlLHdpbmRvd21hbmFnZW1lbnQsY2h1YSxtYWduZXRvbWV0ZXIsYWNjZWxlcm9tZXRlcixwcml2YXRlc3RhdGV0b2tlbnJlZGVtcHRpb24sY2h1YWFyY2gsaWRsZWRldGVjdGlvbixjaHVhcGxhdGZvcm12ZXJzaW9uLGNod2lkdGgsY2xpcGJvYXJkcmVhZCxjaHZpZXdwb3J0d2lkdGgscGF5bWVudCxjaHZpZXdwb3J0aGVpZ2h0LGNocnR0LGF1dG9wbGF5LGNyb3Nzb3JpZ2luaXNvbGF0ZWQsaGlkLGNodWFiaXRuZXNzLHNjcmVlbndha2Vsb2NrLGNsaXBib2FyZHdyaXRlLGNoZGV2aWNlbWVtb3J5LG1pY3JvcGhvbmUiXSxbLTcsIi0iXSxbLTM2LCJbXCIxLzFcIixcIjEvMVwiXSJdLFstMjIsIltcIm5cIixcIm5cIl0iXSxbLTIzLCIrIl0sWy0yNiwie1widGpoc1wiOjIxOTUxMDU4LFwidWpoc1wiOjE1NDE5NTA2LFwiamhzbFwiOjEzMzU4ODU4MjR9Il0sWy0yOSwiLSJdLFstNTIsIi0iXSxbLTY5LCItIl0sWy0zLCJbXCJpbnRlcm5hbC1wZGYtdmlld2VyXCIsXCJpbnRlcm5hbC1wZGYtdmlld2VyXCIsXCJpbnRlcm5hbC1wZGYtdmlld2VyXCIsXCJpbnRlcm5hbC1wZGYtdmlld2VyXCIsXCJpbnRlcm5hbC1wZGYtdmlld2VyXCJdIl0sWy03MCwiLSJdLFstMTcsIjUiXSxbLTM4LCJpLC0xLC0xLDAsMCwwLDAsMCw5NSwxMDIzLC0xLDAsMTYzMi4zLDE2MzIuMywyNDE1LDI0MTUiXSxbImJuY2giLDEwN10sWy02MiwiODAiXSxbLTYzLCIzMyJdLFstNjcsIi0iXSxbLTksIisiXSxbLTE0LCItIl0sWy0yMSwiLSJdLFstMzAsIltcInZcIiwwXSJdLFstNTEsIi0iXSxbLTM3LCItMTA5LTY2LTcwLSJdLFstNDcsIi0iXSxbLTM5LCJbXCIyMDAzMDEwN1wiLDIsXCJHZWNrb1wiLFwiTmV0c2NhcGVcIixcIk1vemlsbGFcIixudWxsLG51bGwsZmFsc2UsMixmYWxzZSxudWxsLDUsdHJ1ZSx0cnVlLG51bGwsMCx0cnVlLGZhbHNlXSJdLFstNjAsIi0iXSxbLTYxLCJ7XCJ3Z3NsXCI6XCIwO1wiLFwicGNmXCI6XCJiZ3JhOHVub3JtXCJ9Il0sWy00OCwiMCwwIl0sWy01NCwie1wiaFwiOltcIl8zXCIsXCIyODcyODk5MzIwXCJdLFwiZFwiOltdLFwiYlwiOltdLFwic1wiOjF9Il0sWy01OSwiZGVuaWVkIl0sWy03MSwiYTAxMDAxMDExMDAxMDAxMDEwMDAxMDEwMDExMTExMDEwMDAwMTAiXSxbLTUwLCItIl0sWy01NSwiMSJdLFstNTcsIldFMFplRXRMV0VBWFNsd1pFVkZOVFVsS0F4WVdWbHNYVFZaS1RWaExTbHRNVUZWZFVGZGVGMXBXVkJaUUZna05BRjBBREFnT0RRZ0pYUUZmREYwSkFBZ1BYVnBmWHc5ZkMxMEJYQTRLRjFOS0F3Z0REd0VMQ2drUUZWaE5HVXNaRVZGTlRVbEtBeFlXVmxzWFRWWktUVmhMU2x0TVVGVmRVRmRlRjFwV1ZCWlFGZ2tOQUYwQURBZ09EUWdKWFFGZkRGMEpBQWdQWFZwZlh3OWZDMTBCWEE0S0YxTktBd2dERGdzQkFBa1EiXSxbImRkYiIsIjAsMCwwLDAsMiwwLDAsMCwwLDAsMCwwLDAsMCwxLDAsMCwwLDMsMiwwLDEsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwyLDEsMSwxLDAsMCwwLDEsMywwLDAsMCwwLDAsMCwwLDAsMSwxLDAsMSwwLDIsMzMsMSwwLDAsMzMsMCwwLDAsMCwwLDAsMCwxIl0sWyJjYiIsIjAsMCwwLDAsMCwwLDAsMCwxLDEsMCwwLDAsMCwwLDAsMSwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMSwwLDAsMCwxLDEsMCwwLDAsMSwwLDAsMCwwLDAsMCwwLDEsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAsMCwwLDAiXV0%3D&amp;dep=0&amp;pre=0&amp;sdd=%7B%7D&amp;cri=e9SEHQywlF&amp;pto=2534&amp;ver=62&amp;gac=1874165989.1728796630&amp;mei=&amp;ap=&amp;fe=1&amp;duid=1.1728796631.otJKjUVLnB7rZN3g&amp;suid=1.1728796631.IqrG2olEjrLzhzKl&amp;tuid=1.1728796631.AdAWJevmXDDKeSQ1&amp;fbc=-&amp;gtm=W10%3D&amp;it=44%2C1987%2C303&amp;fbcl=-&amp;gacl=-&amp;gacsd=-&amp;rtic=-&amp;bgc=-&amp;spa=1&amp;urid=0&amp;ab=&amp;sck=-&amp;io=Ojk2Oi0%2BOTY6LSY5NjstJj8%2BNjstJj88NjstJj8yNjstJj46NjstaGA2Oi1uc2hKeHJlaDY6LW5zaEZkZTY6LWVkbXk2Og%3D%3D" async=""></script></head>

<body x-data="{navbarOpen: false, scrolledFromTop: false, modalOpen:false, modalOpen1:false, megamenu: false, megamenumobile: false}"><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8d1cdc956a04385d',t:'MTcyODc5NjYzMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><script type="text/javascript" id="">(function(a,e,b,f,g,c,d){a[b]=a[b]||function(){(a[b].q=a[b].q||[]).push(arguments)};c=e.createElement(f);c.async=1;c.src="https://www.clarity.ms/tag/"+g+"?ref\x3dgtm2";d=e.getElementsByTagName(f)[0];d.parentNode.insertBefore(c,d)})(window,document,"clarity","script","nte7iqnw73");</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>

<nav class="fixed bg-white text-gray-900 w-full shadow-md items-center p-4 h-20 md:h-24 z-[9999]">
    <div class="flex justify-between">
        <div class="relative block">
            <a href="https://www.gonukkad.com" class="flex items-center">
                <img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/asset 0.png" alt="Gonukkad" class="lg:h-14 h-12">
            </a>
        </div>


        <ul class="hidden lg:flex">

            <!--Regular Link-->
            <li class="hover:bg-slate-50 hover:text-blue-800">
                <a href="calculator" class="relative block py-6 px-2 lg:p-6 text-sm lg:text-base">Business Calculator</a>
            </li>
            <!-- <li class="hover:bg-orange-600 hover:text-white">
              <a href="listing-and-seo-services.html" class="relative block py-6 px-2 lg:p-6 text-sm lg:text-base">Listing and SEO Services</a>
            </li> -->

            <!-- Listing and SEO services area start -->
            <li class="hoverable hover:bg-slate-50 hover:text-blue-800">
                <a href="#" class="relative block py-6 px-4 lg:p-6 text-sm lg:text-base">Retail Business Solutions</a>
                <div role="toggle" class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-white border-t-2 border-gray-100">
                    <div class="container mx-auto w-full flex flex-wrap justify-between">
                        <ul class="px-2 sm:w-1/2 lg:w-[24%] border-white border-b sm:border-r lg:border-b-0 pb-2 pt-2 lg:pt-3">
                            <h3 class="font-semibold text-xl text-slate-900 mb-2 font-mainHeading">Online Presence &amp; Branding</h3>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="business-representation-website" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Business Representation Website</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="business-phone-ivr" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Business Phone Number (IVR)</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="business-card" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Business Card</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="business-logo" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Business Logo</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="professional-photo-video-shoot" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Professional Photo &amp; Video Shoot</span>
                                </a>
                            </li>

                        </ul>

                        <ul class="px-4 w-full sm:w-1/2 lg:w-[28%] border-white border-b sm:border-r-0 lg:border-r lg:border-b-0 pb-6 pt-6 lg:pt-3">
                            <h3 class="font-semibold text-xl text-slate-900 mb-2 font-mainHeading">Marketing &amp; Advertising</h3>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100 border-b-2 border-slate-50">
                                <a href="gmb-optimisation" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">GMB Optimisation</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100 border-b-2 border-slate-50">
                                <a href="gmb-listing-suspension" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">GMB Listing Suspension</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100 border-b-2 border-slate-50">
                                <a href="#" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Google &amp; Meta Ads - <span class="text-red-700">Coming Soon</span></span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100 border-b-2 border-slate-50">
                                <a href="#" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Search Engine Optimisation - <span class="text-red-700">Coming Soon</span></span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="promotions" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Promotions</span>
                                </a>
                            </li>
                        </ul>

                        <ul class="px-4 w-full sm:w-1/2 lg:w-[30%] border-white border-b sm:border-b-0 sm:border-r lg:border-b-0 pb-6 pt-6 lg:pt-3">
                            <h3 class="font-semibold text-xl text-slate-900 mb-2 font-mainHeading">Customer Engagement &amp; Management</h3>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="review-management" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Review Management</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="dedicated-account-manager" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Dedicated Account Manager</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="certificate-of-excellence" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Certificate of Excellence</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="review-standee" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Review Standee</span>
                                </a>
                            </li>
                        </ul>

                        <ul class="px-4 w-full sm:w-1/2 lg:w-[18%] border-white border-b sm:border-b-0 sm:border-r md:border-b-0 pb-6 pt-6 lg:pt-3">
                            <h3 class="font-semibold font-mainHeading text-xl text-slate-900 mb-2">Financial Services</h3>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="credit-machine" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Credit Machine</span>
                                </a>
                            </li>
                            <li class="mb-4 bg-gray-50 rounded-lg hover:bg-gray-100">
                                <a href="business-loan" class="inline-flex items-center justify-center text-base hover:text-gray-900 text-gray-500 p-2 font-paragraph tracking-tight">
                                    <span class="w-full tracking-tighter">Business Loan</span>
                                </a>
                            </li>
                        </ul>

                    </div>
                </div>
            </li>

            <!--Toggleable Link-->
            <li class="hoverable hover:bg-slate-50 hover:text-blue-800">

                <!-- This is for Hoverable type -->
                <a href="#" class="relative block py-6 px-4 lg:p-6 text-sm lg:text-base bounce-top">Ecommerce Growth Engine</a>

                <!-- This label is for Toggleable type -->
                <!-- <input type="checkbox" value="selected" id="toggle-one" class="toggle-input">
              <label for="toggle-one" class="block cursor-pointer py-6 px-4 lg:p-6 text-sm lg:text-base bounce-top">Ecommerce Growth Engine</label> -->

                <div role="toggle" class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-white border-t-2 border-gray-100">

                    <!-- Tab area atart -->
                    <div class="md:flex">
                        <div class="tab flex flex-col bg-gradient-to-t from-red-50 to-teal-50 rounded-md">
                            <button class="tabLinks items-center px-20 py-1 font-mainHeading active" onmouseover="tabEcomEngin(event, 'amazon')">
                                <div class="flex flex-row justify-between p-0">
                                    <span class="text-center mx-auto">Amazon</span>
                                    <div class="hidden icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
                                        </svg>
                                    </div>
                                    <!-- <div class="hidden iconbefore">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3" />
                    </svg>                                         
                </div> -->
                                </div>
                            </button>
                            <button class="tabLinks items-center px-4 py-3 font-mainHeading" onmouseover="tabEcomEngin(event, 'flipkart')">
                                <div class="flex flex-row justify-between p-0">
                                    <span class="text-center mx-auto">Flipkart</span>
                                    <div class="hidden icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
                                        </svg>
                                    </div>
                                </div>
                            </button>
                            <button class="tabLinks items-center px-4 py-3 font-mainHeading" onmouseover="tabEcomEngin(event, 'jiomart')">
                                <div class="flex flex-row justify-between p-0">
                                    <span class="text-center mx-auto">Jiomart</span>
                                    <div class="hidden icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
                                        </svg>
                                    </div>
                                </div>
                            </button>
                            <button class="tabLinks items-center px-4 py-3 font-mainHeading" onmouseover="tabEcomEngin(event, 'meesho')">
                                <div class="flex flex-row justify-between p-0">
                                    <span class="text-center mx-auto">Meesho</span>
                                    <div class="hidden icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
                                        </svg>
                                    </div>
                                </div>
                            </button>
                            <button class="tabLinks items-center px-4 py-3 font-mainHeading" onmouseover="tabEcomEngin(event, 'ebay')">
                                <div class="flex flex-row justify-between p-0">
                                    <span class="text-center mx-auto">ebay</span>
                                    <div class="hidden icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
                                        </svg>
                                    </div>
                                </div>
                            </button>
                            <button class="tabLinks items-center px-4 py-3 font-mainHeading" onmouseover="tabEcomEngin(event, 'etsy')">
                                <div class="flex flex-row justify-between p-0">
                                    <span class="text-center mx-auto">Etsy</span>
                                    <div class="hidden icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
                                        </svg>
                                    </div>
                                </div>
                            </button>
                            <!-- <button class="tabLinks items-center px-4 py-3 font-mainHeading" onmouseover="tabEcomEngin(event, 'seller-support')">
                                <div class="flex flex-row justify-between p-0">
                                    <span class="text-center mx-auto">Seller Support</span>
                                    <div class="hidden icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
                                        </svg>
                                    </div>
                                </div>
                            </button> -->
                            <button class="tabLinks items-center px-4 py-3 font-mainHeading" onmouseover="tabEcomEngin(event, 'free-tools')">
                                <div class="flex flex-row justify-between p-0">
                                    <span class="text-center mx-auto">Free Tools</span>
                                    <div class="hidden icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
                                        </svg>
                                    </div>
                                </div>
                            </button>
                        </div>

                        <!-- Amazon arear start -->
                        <div id="amazon" class="tabContent active p-6 bg-white text-medium text-gray-500 dark:text-gray-400 dark:bg-gray-800 rounded-lg w-full">
                            <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-4 text-center"><img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/amazon-logo.png" class="w-40 h-30 mx-auto"></h3>
                            <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12">
                                <div class="text-center">
                                    <a href="amazon-account-management-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Account Management</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Showcase your business with a stunning, professional online presence</p>
                                </div>

                                <div class="text-center">
                                    <a href="amazon-listing-cataloging-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Listing and Cataloging</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">100% of successful brands use business phone numbers to significantly enhance their growth potential.</p>
                                </div>

                                <div class="text-center">
                                    <a href="amazon-advertising-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Advertising</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Boost Your Business with Effective Review Management</p>
                                </div>

                                <div class="text-center">
                                    <a href="amazon-brand-store-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Brand Store</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Running a business can be incredibly demanding, leaving little time for consistent brand promotion.</p>
                                </div>

                                <div class="text-center">
                                    <a href="amazon-a-plus-listing-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">A+ Listing</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">We offer the expertise of a dedicated account manager for your business.</p>
                                </div>

                            </div>
                        </div>
                        <!-- Amazon arear ends -->

                        <!-- Flipkart arear start -->
                        <div id="flipkart" class="tabContent p-6 bg-white text-medium text-gray-500 dark:text-gray-400 dark:bg-gray-800 rounded-lg w-full">
                            <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-2 text-center pb-6"><img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/flipkart-logo.png" class="w-40 h-30 mx-auto"></h3>
                            <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12">
                                <div class="text-center">
                                    <a href="flipkart-account-management-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Account Management</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Showcase your business with a stunning, professional online presence</p>
                                </div>

                                <div class="text-center">
                                    <a href="flipkart-listing-cataloging-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Listing and Cataloging</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">100% of successful brands use business phone numbers to significantly enhance their growth potential.</p>
                                </div>

                                <div class="text-center">
                                    <a href="flipkart-advertising-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Advertising</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Boost Your Business with Effective Review Management</p>
                                </div>

                                <!-- <div class="text-center">
              <h3 class="text-gray-800 text-xl font-semibold mb-3">Brand Store</h3>
              <p class="text-gray-600 text-sm">Running a business can be incredibly demanding, leaving little time for consistent brand promotion.</p>
            </div>
    
            <div class="text-center">
              <h3 class="text-gray-800 text-xl font-semibold mb-3">A+ Listing</h3>
              <p class="text-gray-600 text-sm">We offer the expertise of a dedicated account manager for your business.</p>
            </div> -->

                            </div>
                        </div>
                        <!-- Flipkart arear ends -->

                        <!-- Jiomart arear start -->
                        <div id="jiomart" class="tabContent p-6 bg-white text-medium text-gray-500 dark:text-gray-400 dark:bg-gray-800 rounded-lg w-full">
                            <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-2 text-center pb-6"><img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/jiomart-logo.jpg" class="w-40 h-30 mx-auto"></h3>
                            <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12">
                                <div class="text-center">
                                    <a href="jiomart-account-management-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Account Management</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Showcase your business with a stunning, professional online presence</p>
                                </div>

                                <div class="text-center">
                                    <a href="jiomart-listing-cataloging-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Listing and Cataloging</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">100% of successful brands use business phone numbers to significantly enhance their growth potential.</p>
                                </div>

                                <div class="text-center">
                                    <a href="jiomart-advertising-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Advertising</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Boost Your Business with Effective Review Management</p>
                                </div>

                                <!-- <div class="text-center">
              <h3 class="text-gray-800 text-xl font-semibold mb-3">Brand Store</h3>
              <p class="text-gray-600 text-sm">Running a business can be incredibly demanding, leaving little time for consistent brand promotion.</p>
            </div>
    
            <div class="text-center">
              <h3 class="text-gray-800 text-xl font-semibold mb-3">A+ Listing</h3>
              <p class="text-gray-600 text-sm">We offer the expertise of a dedicated account manager for your business.</p>
            </div> -->

                            </div>
                        </div>
                        <!-- Jiomart arear ends -->

                        <!-- Meesho arear start -->
                        <div id="meesho" class="tabContent p-6 bg-white text-medium text-gray-500 dark:text-gray-400 dark:bg-gray-800 rounded-lg w-full">
                            <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-2 text-center pb-6"><img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/meesho-logo.png" class="w-40 h-30 mx-auto"></h3>
                            <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12">
                                <div class="text-center">
                                    <a href="meesho-account-management-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Account Management</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Showcase your business with a stunning, professional online presence</p>
                                </div>

                                <div class="text-center">
                                    <a href="meesho-listing-cataloging-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Listing and Cataloging</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">100% of successful brands use business phone numbers to significantly enhance their growth potential.</p>
                                </div>

                                <div class="text-center">
                                    <a href="meesho-advertising-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Advertising</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Boost Your Business with Effective Review Management</p>
                                </div>

                            </div>
                        </div>
                        <!-- Meesho arear ends -->

                        <!-- Ebay arear start -->
                        <div id="ebay" class="tabContent p-6 bg-white text-medium text-gray-500 dark:text-gray-400 dark:bg-gray-800 rounded-lg w-full">
                            <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-2 text-center pb-4"><img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/ebay-logo.png" class="w-40 h-30 mx-auto"></h3>
                            <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12">
                                <div class="text-center">
                                    <a href="ebay-account-management-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Account Management</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Showcase your business with a stunning, professional online presence</p>
                                </div>

                                <div class="text-center">
                                    <a href="ebay-listing-cataloging-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Listing and Cataloging</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">100% of successful brands use business phone numbers to significantly enhance their growth potential.</p>
                                </div>

                                <div class="text-center">
                                    <a href="ebay-advertising-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Advertising</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Boost Your Business with Effective Review Management</p>
                                </div>

                            </div>
                        </div>
                        <!-- Ebay arear ends -->

                        <!-- Etsy arear start -->
                        <div id="etsy" class="tabContent p-2 bg-white text-medium text-gray-500 dark:text-gray-400 dark:bg-gray-800 rounded-lg w-full">
                            <h3 class="text-lg font-bold text-gray-900 dark:text-white text-center pb-4"><img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/etsy-logo.png" class="w-40 h-30 mx-auto"></h3>
                            <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12">
                                <div class="text-center">
                                    <a href="etsy-account-management-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Account Management</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Showcase your business with a stunning, professional online presence</p>
                                </div>

                                <div class="text-center">
                                    <a href="etsy-listing-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Listing and Cataloging</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">100% of successful brands use business phone numbers to significantly enhance their growth potential.</p>
                                </div>

                                <div class="text-center">
                                    <a href="etsy-advertising-services">
                                        <h3 class="text-gray-800 text-xl font-semibold mb-3">Advertising</h3>
                                    </a>
                                    <p class="text-gray-600 text-sm">Boost Your Business with Effective Review Management</p>
                                </div>

                            </div>
                        </div>
                        <!-- Etsy arear ends -->

                        <!-- Seller Support arear start -->
                        <div id="seller-support" class="tabContent p-6 bg-white text-medium text-gray-500 dark:text-gray-400 dark:bg-gray-800 rounded-lg w-full">
                            <!-- <h3 class="text-3xl font-bold text-gray-900 dark:text-white mb-2 text-center pb-6">E-commerce Seller Support</h3> -->

                            <!-- Content Seller Support -->
                            <div class="max-w-[85rem] px-4 sm:px-6 lg:px-8 lg:py-4 mx-auto">
                                <!-- Grid -->
                                <div class="lg:grid lg:grid-cols-12 lg:gap-16 lg:items-center">
                                    <div class="lg:col-span-7">
                                        <!-- Grid -->
                                        <div class="grid grid-cols-12 gap-2 sm:gap-6 items-center lg:-translate-x-10">
                                            <div class="col-span-4">
                                                <img class="rounded-xl" src="https://images.unsplash.com/photo-1606868306217-dbf5046868d2?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=920&amp;q=80" alt="Features Image">
                                            </div>
                                            <!-- End Col -->

                                            <div class="col-span-3">
                                                <img class="rounded-xl" src="https://images.unsplash.com/photo-1605629921711-2f6b00c6bbf4?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=920&amp;q=80" alt="Features Image">
                                            </div>
                                            <!-- End Col -->

                                            <div class="col-span-5">
                                                <img class="rounded-xl" src="https://images.unsplash.com/photo-1600194992440-50b26e0a0309?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=920&amp;q=80" alt="Features Image">
                                            </div>
                                            <!-- End Col -->
                                        </div>
                                        <!-- End Grid -->
                                    </div>
                                    <!-- End Col -->

                                    <div class="mt-5 sm:mt-10 lg:mt-0 lg:col-span-5">
                                        <div class="space-y-6 sm:space-y-8">
                                            <!-- Title -->
                                            <div class="space-y-2 md:space-y-4">
                                                <h2 class="font-mainHeading text-3xl lg:text-4xl text-gray-800 dark:text-neutral-200">
                                                    E-commerce Seller Support
                                                </h2>
                                                <!-- <p class="text-gray-500 dark:text-neutral-500">
                    Use our tools to explore your ideas and make your vision come true. Then share your work easily.
                    </p> -->
                                            </div>
                                            <!-- End Title -->

                                            <!-- List -->
                                            <ul class="space-y-2 sm:space-y-4">
                                                <li class="flex gap-x-3">
                                                    <span class="mt-0.5 size-5 flex justify-center items-center rounded-full bg-blue-50 text-blue-600 dark:bg-blue-800/30 dark:text-blue-500">
                                                        <svg class="shrink-0 size-3.5" 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">
                                                            <polyline points="20 6 9 17 4 12"></polyline>
                                                        </svg>
                                                    </span>
                                                    <div class="grow">
                                                        <span class="text-sm sm:text-base text-gray-500 dark:text-neutral-500">
                                                            Seller Central Account Setup
                                                        </span>
                                                    </div>
                                                </li>

                                                <li class="flex gap-x-3">
                                                    <span class="mt-0.5 size-5 flex justify-center items-center rounded-full bg-blue-50 text-blue-600 dark:bg-blue-800/30 dark:text-blue-500">
                                                        <svg class="shrink-0 size-3.5" 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">
                                                            <polyline points="20 6 9 17 4 12"></polyline>
                                                        </svg>
                                                    </span>
                                                    <div class="grow">
                                                        <span class="text-sm sm:text-base text-gray-500 dark:text-neutral-500">
                                                            Ecommerce Product Listing
                                                        </span>
                                                    </div>
                                                </li>

                                                <li class="flex gap-x-3">
                                                    <span class="mt-0.5 size-5 flex justify-center items-center rounded-full bg-blue-50 text-blue-600 dark:bg-blue-800/30 dark:text-blue-500">
                                                        <svg class="shrink-0 size-3.5" 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">
                                                            <polyline points="20 6 9 17 4 12"></polyline>
                                                        </svg>
                                                    </span>
                                                    <div class="grow">
                                                        <span class="text-sm sm:text-base text-gray-500 dark:text-neutral-500">
                                                            Brand Registry &amp; Protection
                                                        </span>
                                                    </div>
                                                </li>

                                                <li class="flex gap-x-3">
                                                    <span class="mt-0.5 size-5 flex justify-center items-center rounded-full bg-blue-50 text-blue-600 dark:bg-blue-800/30 dark:text-blue-500">
                                                        <svg class="shrink-0 size-3.5" 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">
                                                            <polyline points="20 6 9 17 4 12"></polyline>
                                                        </svg>
                                                    </span>
                                                    <div class="grow">
                                                        <span class="text-sm sm:text-base text-gray-500 dark:text-neutral-500">
                                                            Ecommerce Prep &amp; Logistics
                                                        </span>
                                                    </div>
                                                </li>

                                                <li class="flex gap-x-3">
                                                    <span class="mt-0.5 size-5 flex justify-center items-center rounded-full bg-blue-50 text-blue-600 dark:bg-blue-800/30 dark:text-blue-500">
                                                        <svg class="shrink-0 size-3.5" 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">
                                                            <polyline points="20 6 9 17 4 12"></polyline>
                                                        </svg>
                                                    </span>
                                                    <div class="grow">
                                                        <span class="text-sm sm:text-base text-gray-500 dark:text-neutral-500">
                                                            Ecommerce Adverstising
                                                        </span>
                                                    </div>
                                                </li>

                                                <li class="flex gap-x-3">
                                                    <span class="mt-0.5 size-5 flex justify-center items-center rounded-full bg-blue-50 text-blue-600 dark:bg-blue-800/30 dark:text-blue-500">
                                                        <svg class="shrink-0 size-3.5" 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">
                                                            <polyline points="20 6 9 17 4 12"></polyline>
                                                        </svg>
                                                    </span>
                                                    <div class="grow">
                                                        <span class="text-sm sm:text-base text-gray-500 dark:text-neutral-500">
                                                            Ecommerce SEO Service
                                                        </span>
                                                    </div>
                                                </li>
                                            </ul>
                                            <!-- End List -->
                                        </div>
                                    </div>
                                    <!-- End Col -->
                                </div>
                                <!-- End Grid -->
                            </div>
                            <!-- End Content Seller Support -->
                        </div>
                        <!-- Seller Support arear ends -->

                        <!-- Free tools arear start -->
                        <div id="free-tools" class="tabContent p-2 bg-white text-medium text-gray-500 dark:text-gray-400 dark:bg-gray-800 rounded-lg w-full">
                            <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-2 text-center pb-6">Free Tools &amp; Business Calculator</h3>
                            <!-- <p class="mb-2">Our advertising services are designed to specifically target and deliver success for your business, significantly enhancing its efficiency. We specialize in optimizing your ads to achieve better performance, higher rankings, effective conversions, and increased sales.</p>  -->

                            <div class="grid grid-cols-3">

                                <a href="#" class="mb-6 mx-2 flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-lg hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                                    <img class="object-cover w-10 rounded-t-lg h-10 md:h-auto md:w-20 p-4 md:rounded-none md:rounded-s-lg" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/amazon-logo.png" alt="">
                                    <div class="flex flex-col justify-between p-2 leading-normal">
                                        <h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">FBA Calculator</h5>
                                        <!-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> -->
                                    </div>
                                </a>

                                <a href="#" class="mb-6 mx-2 flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-lg hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                                    <img class="object-cover w-10 rounded-t-lg h-10 md:h-auto md:w-20 p-4 md:rounded-none md:rounded-s-lg" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/amazon-logo.png" alt="">
                                    <div class="flex flex-col justify-between p-2 leading-normal">
                                        <h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">Seller Calculator</h5>
                                        <!-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> -->
                                    </div>
                                </a>

                                <a href="#" class="mb-6 mx-2 flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-lg hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                                    <img class="object-cover w-10 rounded-t-lg h-10 md:h-auto md:w-20 p-4 md:rounded-none md:rounded-s-lg" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/flipkart-logo.png" alt="">
                                    <div class="flex flex-col justify-between p-2 leading-normal">
                                        <h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">Seller Calculator</h5>
                                        <!-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> -->
                                    </div>
                                </a>

                                <a href="https://www.gonukkad.com/gst-calculator" class="mb-6 mx-2 flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-lg hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                                    <!-- <img class="object-cover w-10 rounded-t-lg h-10 md:h-auto md:w-20 p-4 md:rounded-none md:rounded-s-lg" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/flipkart-logo.png" alt=""> -->
                                    <div class="flex flex-col justify-between p-2 leading-normal">
                                        <h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">GST Calculator</h5>
                                        <!-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> -->
                                    </div>
                                </a>

                                <a href="https://www.gonukkad.com/etsy-calculator" class="mb-6 mx-2 flex flex-col items-center bg-white border border-gray-200 rounded-lg shadow md:flex-row md:max-w-lg hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                                    <img class="object-cover w-10 rounded-t-lg h-10 md:h-auto md:w-20 p-4 md:rounded-none md:rounded-s-lg" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/logo/etsy-logo.png" alt="">
                                    <div class="flex flex-col justify-between p-2 leading-normal">
                                        <h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">Fee Calculator</h5>
                                        <!-- <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p> -->
                                    </div>
                                </a>



                            </div>


                        </div>
                        <!-- Free tools arear ends -->

                    </div>
                    <!-- tabs area ends -->


                </div>
            </li>

            <!--Hoverable Link-->
            <li class="hoverable hover:bg-slate-50 hover:text-blue-800">
                <a href="#" class="relative block py-6 px-4 lg:p-6 text-sm lg:text-base">Contact</a>
                <div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-white border-t-2 border-gray-100">
                    <div class="mx-auto w-full flex flex-wrap justify-between">
                        <!-- <div class="w-full text-white mb-8">
                        <h2 class="font-bold text-2xl">Let's Get in Touch</h2>
                        <p>We are open for any suggestion or just to have a chat!</p>
                      </div>
                      <ul class="px-4 w-full sm:w-1/2 lg:w-1/4 border-gray-600 border-b sm:border-r lg:border-b-0 pb-6 pt-6 lg:pt-3">
                        <div class="flex items-center">
                          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-12 text-white px-1">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" />
                          </svg>
                          
                          <h3 class="font-bold text-xl text-white text-bold mb-2">Address</h3>
                        </div>
                        <p class="text-gray-100 text-sm">Quarterly sales are at an all-time low create spaces to explore the accountable talk and blind vampires.</p>
                        <div class="flex items-center py-3">
                          <svg class="h-6 pr-3 fill-current text-blue-300"
                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                            <path d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z"/>
                          </svg>
                          <a href="#" class="text-white bold border-b-2 border-blue-300 hover:text-blue-300">Find out more...</a>
                        </div>
                      </ul>
                      <ul class="px-4 w-full sm:w-1/2 lg:w-1/4 border-gray-600 border-b sm:border-r-0 lg:border-r lg:border-b-0 pb-6 pt-6 lg:pt-3">
                        <div class="flex items-center">
                          <svg class="h-8 mb-3 mr-3 fill-current text-white"
                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                            <path d="M4.13 12H4a2 2 0 1 0 1.8 1.11L7.86 10a2.03 2.03 0 0 0 .65-.07l1.55 1.55a2 2 0 1 0 3.72-.37L15.87 8H16a2 2 0 1 0-1.8-1.11L12.14 10a2.03 2.03 0 0 0-.65.07L9.93 8.52a2 2 0 1 0-3.72.37L4.13 12zM0 4c0-1.1.9-2 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4z"/>
                          </svg>
                          <h3 class="font-bold text-xl text-white text-bold mb-2">Heading 2</h3>
                        </div>
                        <p class="text-gray-100 text-sm">Prioritize these line items game-plan draw a line in the sand come up with something buzzworthy UX upstream selling.</p>
                        <div class="flex items-center py-3">
                          <svg class="h-6 pr-3 fill-current text-blue-300"
                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                            <path d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z"/>
                          </svg>
                          <a href="#" class="text-white bold border-b-2 border-blue-300 hover:text-blue-300">Find out more...</a>
                        </div>
                      </ul>
                      <ul class="px-4 w-full sm:w-1/2 lg:w-1/4 border-gray-600 border-b sm:border-b-0 sm:border-r md:border-b-0 pb-6 pt-6 lg:pt-3">
                        <div class="flex items-center">
                          <svg class="h-8 mb-3 mr-3 fill-current text-white"
                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                            <path d="M2 4v14h14v-6l2-2v10H0V2h10L8 4H2zm10.3-.3l4 4L8 16H4v-4l8.3-8.3zm1.4-1.4L16 0l4 4-2.3 2.3-4-4z"/>
                          </svg>
                          <h3 class="font-bold text-xl text-white text-bold mb-2">Heading 3</h3>
                        </div>
                        <p class="text-gray-100 text-sm">This proposal is a win-win situation which will cause a stellar paradigm shift, let's touch base off-line before we fire the new ux experience.</p>
                        <div class="flex items-center py-3">
                          <svg class="h-6 pr-3 fill-current text-blue-300"
                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                            <path d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z"/>
                          </svg>
                          <a href="#" class="text-white bold border-b-2 border-blue-300 hover:text-blue-300">Find out more...</a>
                        </div>
                      </ul>
                      <ul class="px-4 w-full sm:w-1/2 lg:w-1/4 border-gray-600 pb-6 pt-6 lg:pt-3">
                        <div class="flex items-center">
                          <svg class="h-8 mb-3 mr-3 fill-current text-white"
                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                            <path d="M9 12H1v6a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6h-8v2H9v-2zm0-1H0V5c0-1.1.9-2 2-2h4V2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1h4a2 2 0 0 1 2 2v6h-9V9H9v2zm3-8V2H8v1h4z"/>
                          </svg>
                          <h3 class="font-bold text-xl text-white text-bold mb-2">Heading 4</h3>
                        </div>
                        <p class="text-gray-100 text-sm">This is a no-brainer to wash your face, or we need to future-proof this high performance keywords granularity.</p>
                        <div class="flex items-center py-3">
                          <svg class="h-6 pr-3 fill-current text-blue-300"
                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                            <path d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z"/>
                          </svg>
                          <a href="#" class="text-white bold border-b-2 border-blue-300 hover:text-blue-300">Find out more...</a>
                        </div>
                      </ul> -->



                        <!-- New design -->

                        <div class="bg-white w-full">
                            <div class="flex items-stretch sm:p-8 p-4">

                                <div class="w-1/2">
                                    <h1 class="text-4xl font-bold text-slate-700">Get in Touch</h1>
                                    <!-- <p class="text-sm text-slate-700 mt-4 leading-relaxed">We are open for any suggestion or just to have a chat! </p> -->

                                    <ul class="mt-6 space-y-4">
                                        <li class="flex items-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" fill="#454545" viewBox="0 0 479.058 479.058">
                                                <path d="M434.146 59.882H44.912C20.146 59.882 0 80.028 0 104.794v269.47c0 24.766 20.146 44.912 44.912 44.912h389.234c24.766 0 44.912-20.146 44.912-44.912v-269.47c0-24.766-20.146-44.912-44.912-44.912zm0 29.941c2.034 0 3.969.422 5.738 1.159L239.529 264.631 39.173 90.982a14.902 14.902 0 0 1 5.738-1.159zm0 299.411H44.912c-8.26 0-14.971-6.71-14.971-14.971V122.615l199.778 173.141c2.822 2.441 6.316 3.655 9.81 3.655s6.988-1.213 9.81-3.655l199.778-173.141v251.649c-.001 8.26-6.711 14.97-14.971 14.97z" data-original="#000000"></path>
                                            </svg>
                                            <a href="javascript:void(0)" class="text-slate-700 text-sm ml-4">
                                                [email protected], [email protected]
                                            </a>
                                        </li>
                                        <li class="flex items-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" fill="#454545" viewBox="0 0 482.6 482.6">
                                                <path d="M98.339 320.8c47.6 56.9 104.9 101.7 170.3 133.4 24.9 11.8 58.2 25.8 95.3 28.2 2.3.1 4.5.2 6.8.2 24.9 0 44.9-8.6 61.2-26.3.1-.1.3-.3.4-.5 5.8-7 12.4-13.3 19.3-20 4.7-4.5 9.5-9.2 14.1-14 21.3-22.2 21.3-50.4-.2-71.9l-60.1-60.1c-10.2-10.6-22.4-16.2-35.2-16.2-12.8 0-25.1 5.6-35.6 16.1l-35.8 35.8c-3.3-1.9-6.7-3.6-9.9-5.2-4-2-7.7-3.9-11-6-32.6-20.7-62.2-47.7-90.5-82.4-14.3-18.1-23.9-33.3-30.6-48.8 9.4-8.5 18.2-17.4 26.7-26.1 3-3.1 6.1-6.2 9.2-9.3 10.8-10.8 16.6-23.3 16.6-36s-5.7-25.2-16.6-36l-29.8-29.8c-3.5-3.5-6.8-6.9-10.2-10.4-6.6-6.8-13.5-13.8-20.3-20.1-10.3-10.1-22.4-15.4-35.2-15.4-12.7 0-24.9 5.3-35.6 15.5l-37.4 37.4c-13.6 13.6-21.3 30.1-22.9 49.2-1.9 23.9 2.5 49.3 13.9 80 17.5 47.5 43.9 91.6 83.1 138.7zm-72.6-216.6c1.2-13.3 6.3-24.4 15.9-34l37.2-37.2c5.8-5.6 12.2-8.5 18.4-8.5 6.1 0 12.3 2.9 18 8.7 6.7 6.2 13 12.7 19.8 19.6 3.4 3.5 6.9 7 10.4 10.6l29.8 29.8c6.2 6.2 9.4 12.5 9.4 18.7s-3.2 12.5-9.4 18.7c-3.1 3.1-6.2 6.3-9.3 9.4-9.3 9.4-18 18.3-27.6 26.8l-.5.5c-8.3 8.3-7 16.2-5 22.2.1.3.2.5.3.8 7.7 18.5 18.4 36.1 35.1 57.1 30 37 61.6 65.7 96.4 87.8 4.3 2.8 8.9 5 13.2 7.2 4 2 7.7 3.9 11 6 .4.2.7.4 1.1.6 3.3 1.7 6.5 2.5 9.7 2.5 8 0 13.2-5.1 14.9-6.8l37.4-37.4c5.8-5.8 12.1-8.9 18.3-8.9 7.6 0 13.8 4.7 17.7 8.9l60.3 60.2c12 12 11.9 25-.3 37.7-4.2 4.5-8.6 8.8-13.3 13.3-7 6.8-14.3 13.8-20.9 21.7-11.5 12.4-25.2 18.2-42.9 18.2-1.7 0-3.5-.1-5.2-.2-32.8-2.1-63.3-14.9-86.2-25.8-62.2-30.1-116.8-72.8-162.1-127-37.3-44.9-62.4-86.7-79-131.5-10.3-27.5-14.2-49.6-12.6-69.7z" data-original="#000000"></path>
                                            </svg>
                                            <a href="javascript:void(0)" class="text-slate-700 text-sm ml-4">
                                                080-692-28600, 040-681-52890
                                            </a>
                                        </li>
                                        <li class="flex items-center">
                                            <svg fill="#454545" height="15px" width="15px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 52 52" xml:space="preserve" stroke="#ffffff">
                                                <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                                                <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                                                <g id="SVGRepo_iconCarrier">
                                                    <g>
                                                        <g>
                                                            <path d="M26,0C11.663,0,0,11.663,0,26c0,4.891,1.359,9.639,3.937,13.762C2.91,43.36,1.055,50.166,1.035,50.237 c-0.096,0.352,0.007,0.728,0.27,0.981c0.263,0.253,0.643,0.343,0.989,0.237L12.6,48.285C16.637,50.717,21.26,52,26,52 c14.337,0,26-11.663,26-26S40.337,0,26,0z M26,50c-4.519,0-8.921-1.263-12.731-3.651c-0.161-0.101-0.346-0.152-0.531-0.152 c-0.099,0-0.198,0.015-0.294,0.044l-8.999,2.77c0.661-2.413,1.849-6.729,2.538-9.13c0.08-0.278,0.035-0.578-0.122-0.821 C3.335,35.173,2,30.657,2,26C2,12.767,12.767,2,26,2s24,10.767,24,24S39.233,50,26,50z"></path>
                                                            <path d="M42.985,32.126c-1.846-1.025-3.418-2.053-4.565-2.803c-0.876-0.572-1.509-0.985-1.973-1.218 c-1.297-0.647-2.28-0.19-2.654,0.188c-0.047,0.047-0.089,0.098-0.125,0.152c-1.347,2.021-3.106,3.954-3.621,4.058 c-0.595-0.093-3.38-1.676-6.148-3.981c-2.826-2.355-4.604-4.61-4.865-6.146C20.847,20.51,21.5,19.336,21.5,18 c0-1.377-3.212-7.126-3.793-7.707c-0.583-0.582-1.896-0.673-3.903-0.273c-0.193,0.039-0.371,0.134-0.511,0.273 c-0.243,0.243-5.929,6.04-3.227,13.066c2.966,7.711,10.579,16.674,20.285,18.13c1.103,0.165,2.137,0.247,3.105,0.247 c5.71,0,9.08-2.873,10.029-8.572C43.556,32.747,43.355,32.331,42.985,32.126z M30.648,39.511 c-10.264-1.539-16.729-11.708-18.715-16.87c-1.97-5.12,1.663-9.685,2.575-10.717c0.742-0.126,1.523-0.179,1.849-0.128 c0.681,0.947,3.039,5.402,3.143,6.204c0,0.525-0.171,1.256-2.207,3.293C17.105,21.48,17,21.734,17,22c0,5.236,11.044,12.5,13,12.5 c1.701,0,3.919-2.859,5.182-4.722c0.073,0.003,0.196,0.028,0.371,0.116c0.36,0.181,0.984,0.588,1.773,1.104 c1.042,0.681,2.426,1.585,4.06,2.522C40.644,37.09,38.57,40.701,30.648,39.511z"></path>
                                                        </g>
                                                    </g>
                                                </g>
                                            </svg>
                                            <a href="javascript:void(0)" class="text-slate-700 text-sm ml-4">
                                                928-911-2850
                                            </a>
                                        </li>
                                        <li class="flex items-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" fill="#454545" viewBox="0 0 368.16 368.16">
                                                <path d="M184.08 0c-74.992 0-136 61.008-136 136 0 24.688 11.072 51.24 11.536 52.36 3.576 8.488 10.632 21.672 15.72 29.4l93.248 141.288c3.816 5.792 9.464 9.112 15.496 9.112s11.68-3.32 15.496-9.104l93.256-141.296c5.096-7.728 12.144-20.912 15.72-29.4.464-1.112 11.528-27.664 11.528-52.36 0-74.992-61.008-136-136-136zM293.8 182.152c-3.192 7.608-9.76 19.872-14.328 26.8l-93.256 141.296c-1.84 2.792-2.424 2.792-4.264 0L88.696 208.952c-4.568-6.928-11.136-19.2-14.328-26.808-.136-.328-10.288-24.768-10.288-46.144 0-66.168 53.832-120 120-120s120 53.832 120 120c0 21.408-10.176 45.912-10.28 46.152z" data-original="#000000"></path>
                                                <path d="M184.08 64.008c-39.704 0-72 32.304-72 72s32.296 72 72 72 72-32.304 72-72-32.296-72-72-72zm0 128c-30.872 0-56-25.12-56-56s25.128-56 56-56 56 25.12 56 56-25.128 56-56 56z" data-original="#000000"></path>
                                            </svg>
                                            <a href="javascript:void(0)" class="text-slate-700 text-sm ml-4">
                                                Fluid3 Infotech Pvt.Ltd.<br>
                                                Unit- 521, Tower B4, Spaze I Tech Park, Sector 49, Sohna Road, Gurugram, Haryana - 122018
                                            </a>
                                        </li>
                                    </ul>

                                    <ul class="flex mt-6 space-x-4">
                                        <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                                            <a href="https://www.facebook.com/gonukkadcom" target="_blank">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 24 24">
                                                    <path d="M6.812 13.937H9.33v9.312c0 .414.335.75.75.75l4.007.001a.75.75 0 0 0 .75-.75v-9.312h2.387a.75.75 0 0 0 .744-.657l.498-4a.75.75 0 0 0-.744-.843h-2.885c.113-2.471-.435-3.202 1.172-3.202 1.088-.13 2.804.421 2.804-.75V.909a.75.75 0 0 0-.648-.743A26.926 26.926 0 0 0 15.071 0c-7.01 0-5.567 7.772-5.74 8.437H6.812a.75.75 0 0 0-.75.75v4c0 .414.336.75.75.75zm.75-3.999h2.518a.75.75 0 0 0 .75-.75V6.037c0-2.883 1.545-4.536 4.24-4.536.878 0 1.686.043 2.242.087v2.149c-.402.205-3.976-.884-3.976 2.697v2.755c0 .414.336.75.75.75h2.786l-.312 2.5h-2.474a.75.75 0 0 0-.75.75V22.5h-2.505v-9.312a.75.75 0 0 0-.75-.75H7.562z" data-original="#000000"></path>
                                                </svg>
                                            </a>
                                        </li>
                                        <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                                            <a href="https://x.com/Gonukkadcom" target="_blank">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 512 512">
                                                    <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
                                                </svg>
                                            </a>
                                        </li>
                                        <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                                            <a href="https://www.instagram.com/gonukkadcom/" target="_blank">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 24 24">
                                                    <path d="M12 9.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4Zm0-1.8a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm5.85-.225a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0ZM12 4.8c-2.227 0-2.59.006-3.626.052-.706.034-1.18.128-1.618.299a2.59 2.59 0 0 0-.972.633 2.601 2.601 0 0 0-.634.972c-.17.44-.265.913-.298 1.618C4.805 9.367 4.8 9.714 4.8 12c0 2.227.006 2.59.052 3.626.034.705.128 1.18.298 1.617.153.392.333.674.632.972.303.303.585.484.972.633.445.172.918.267 1.62.3.993.047 1.34.052 3.626.052 2.227 0 2.59-.006 3.626-.052.704-.034 1.178-.128 1.617-.298.39-.152.674-.333.972-.632.304-.303.485-.585.634-.972.171-.444.266-.918.299-1.62.047-.993.052-1.34.052-3.626 0-2.227-.006-2.59-.052-3.626-.034-.704-.128-1.18-.299-1.618a2.619 2.619 0 0 0-.633-.972 2.595 2.595 0 0 0-.972-.634c-.44-.17-.914-.265-1.618-.298-.993-.047-1.34-.052-3.626-.052ZM12 3c2.445 0 2.75.009 3.71.054.958.045 1.61.195 2.185.419A4.388 4.388 0 0 1 19.49 4.51c.457.45.812.994 1.038 1.595.222.573.373 1.227.418 2.185.042.96.054 1.265.054 3.71 0 2.445-.009 2.75-.054 3.71-.045.958-.196 1.61-.419 2.185a4.395 4.395 0 0 1-1.037 1.595 4.44 4.44 0 0 1-1.595 1.038c-.573.222-1.227.373-2.185.418-.96.042-1.265.054-3.71.054-2.445 0-2.75-.009-3.71-.054-.958-.045-1.61-.196-2.185-.419A4.402 4.402 0 0 1 4.51 19.49a4.414 4.414 0 0 1-1.037-1.595c-.224-.573-.374-1.227-.419-2.185C3.012 14.75 3 14.445 3 12c0-2.445.009-2.75.054-3.71s.195-1.61.419-2.185A4.392 4.392 0 0 1 4.51 4.51c.45-.458.994-.812 1.595-1.037.574-.224 1.226-.374 2.185-.419C9.25 3.012 9.555 3 12 3Z">
                                                    </path>
                                                </svg>
                                            </a>
                                        </li>
                                    </ul>
                                </div>

                                <div class="rounded-lg w-1/2">

                                    <div class="calendly-inline-widget" data-url="https://calendly.com/gonukkad-seller-support" style="min-width:400px;height:350px;"></div>
                                </div>

                            </div>
                        </div>



                    </div>
                </div>
            </li>

            <li class="hover:bg-slate-50 hover:text-white-800" style="padding-top: 20px;">
                    <a href="https://www.gonukkad.com/payment" class="bg-pink-600 font-medium rounded-lg items-center px-2 py-1" style="color:white">
                        Pay Now
                    </a>
            </li>

        </ul>


        <button id="show_menu" class="p-4 flex lg:hidden" onclick="handleMenu(), showMenu()">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
          </svg>  
        </button>


        <!-- Mobile view navigation area start -->
        <div id="mobile-menu" class="hidden fixed lg:hidden bg-white px-6 pb-4 inset-0" style="margin-top: 90px;">
          <div id="nav-bar" class="flex justify-between w-full">
              <!-- <a href="#" id="brand">
                  <img class="h-12" src="./assets/asset 0.png" alt="logo">
              </a> -->
              <button id="close_menu" class="p-2 absolute" onclick="handleMenu(), showMenu()" style="right: 1.6rem; top: -4rem;">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
                </svg>              
              </button>
          </div>
  
  
          <div class="mt-2 space-y-4">
              <div><a href="#" class="font-medium cursor-pointer hover:bg-slate-100 block rounded-lg">Business Calculator</a></div>
              <div class=""><a href="#" onclick="toggleRetailBusiness();" class="font-medium cursor-pointer hover:bg-slate-100 rounded-lg flex items-center justify-between"><span>Retail Business Solutions</span> <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg></a></div>
              <div class=""><a href="#" onclick="toggleEcommerceEngine();" class="font-medium cursor-pointer hover:bg-slate-100 rounded-lg flex items-center justify-between"><span>Ecommerce Growth Engine</span> <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg></a></div>
  
              <div><a href="#" class="font-medium cursor-pointer hover:bg-slate-100 block rounded-lg">Contact Us</a></div>
              
          </div>

          <!-- Ecommerce Growth Engine mobile view navigation start-->
          <div id="ecommerce_engine" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <!-- <a href="#" onclick="toggleRetailBusiness();" class="text-lg text-slate-200">Back</a> -->
            <button onclick="toggleEcommerceEngine();" class="bg-pink-600 hover:bg-pink-400 text-slate-50 py-2 px-4 rounded-lg">
                Back
            </button>
            <ul class="w-full">
                <a href="#" onclick="toggleNavigation('amazon_nav');">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Amazon <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
                <a href="#" onclick="toggleNavigation('flipkart_nav');">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Flipkart <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
                <a href="#" onclick="toggleNavigation('jiomart_nav');">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Jiomart <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
                <a href="#" onclick="toggleNavigation('meesho_nav');">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Meesho <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
                <a href="#" onclick="toggleNavigation('ebay_nav');">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Ebay <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
                <a href="#" onclick="toggleNavigation('etsy_nav');">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Etsy <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
                <a href="#" onclick="toggleNavigation('freetools_nav');">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Free Tools <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
            </ul>
          </div>

          <!-- Amazon mobile navigation start -->
          <div id="amazon_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <!-- <a href="#" onclick="toggleRetailBusiness();" class="text-lg text-slate-200">Back</a> -->
            <button onclick="toggleNavigation('amazon_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
            </button>
            <ul class="w-full">
                <a href="https://www.gonukkad.com/amazon-account-management-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Account Management</li>
                </a>
                <a href="https://www.gonukkad.com/amazon-listing-cataloging-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Listing &amp; Cataloging</li>
                </a>
                <a href="https://www.gonukkad.com/amazon-advertising-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Advertising</li>
                </a>
                <a href="https://www.gonukkad.com/amazon-brand-store-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Brand Store</li>
                </a>
                <a href="https://www.gonukkad.com/amazon-a-plus-listing-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">A+ Listing</li>
                </a>
                
            </ul>
          </div>
          <!-- Amazon mobile navigation end -->


          <!-- Flipkart mobile navigation start -->
          <div id="flipkart_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('flipkart_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
            </button>
            <ul class="w-full">
                <a href="https://www.gonukkad.com/flipkart-account-management-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Account Management</li>
                </a>
                <a href="https://www.gonukkad.com/flipkart-listing-cataloging-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Listing &amp; Cataloging</li>
                </a>
                <a href="https://www.gonukkad.com/flipkart-advertising-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Advertising</li>
                </a>
            </ul>
          </div>
          <!-- Flipkart mobile navigation end -->

          <!-- Meesho mobile navigation start -->
          <div id="meesho_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('meesho_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
            </button>
              
            <ul class="w-full">
                <a href="https://www.gonukkad.com/meesho-account-management-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Account Management</li>
                </a>
                <a href="https://www.gonukkad.com/meesho-listing-cataloging-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Listing &amp; Cataloging</li>
                </a>
                <a href="https://www.gonukkad.com/meesho-advertising-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Advertising</li>
                </a>
            </ul>
          </div>
          <!-- Meesho mobile navigation end -->

          <!-- Jiomart mobile navigation start -->
          <div id="jiomart_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('jiomart_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
            </button>
            <ul class="w-full">
            <a href="https://www.gonukkad.com/jiomart-account-management-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Account Management</li>
                </a>
                <a href="https://www.gonukkad.com/jiomart-listing-cataloging-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Listing &amp; Cataloging</li>
                </a>
                <a href="https://www.gonukkad.com/jiomart-advertising-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Advertising</li>
                </a>
            </ul>
          </div>
          <!-- Jiomart mobile navigation end -->

           <!-- Ebay mobile navigation start -->
          <div id="ebay_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('ebay_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
              </button>
            <ul class="w-full">
                <a href="https://www.gonukkad.com/ebay-account-management-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Account Management</li>
                </a>
                <a href="https://www.gonukkad.com/ebay-listing-cataloging-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Listing &amp; Cataloging</li>
                </a>
                <a href="https://www.gonukkad.com/ebay-advertising-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Advertising</li>
                </a>
            </ul>
          </div>
          <!-- Ebay mobile navigation end -->

          <!-- Etsy mobile navigation start -->
          <div id="etsy_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('etsy_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
              </button>
            <ul class="w-full">
                <a href="https://www.gonukkad.com/etsy-account-management-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Account Management</li>
                </a>
                <a href="https://www.gonukkad.com/etsy-listing-cataloging-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Listing &amp; Cataloging</li>
                </a>
                <a href="https://www.gonukkad.com/etsy-advertising-services">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Advertising</li>
                </a>
            </ul>
          </div>
          <!-- Etsy mobile navigation end -->


          <!-- Freetools mobile navigation start -->
          <div id="freetools_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('freetools_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
              </button>
            <ul class="w-full">
                <a href="https://www.gonukkad.com/amazon-fba-calculator">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Amazon FBA Calculator</li>
                </a>
                <a href="https://www.gonukkad.com/amazon-seller-calculator">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Amazon Seller Calculator</li>
                </a>
                <a href="https://www.gonukkad.com/flipkart-seller-calculator">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Flipkart Seller Calculator</li>
                </a>
                <a href="https://www.gonukkad.com/gst-calculator">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">GST Calculator</li>
                </a>
                <a href="https://www.gonukkad.com/etsy-fee-calculator">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Etsy Fee Calculator</li>
                </a>
            </ul>
          </div>
          <!-- Freetools mobile navigation end -->
          <!-- Ecommerce Growth Engine mobile view navigation end-->

          <!-- Retail Business mobile view navigation start-->
          <div id="retail_business" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <!-- <a href="#" onclick="toggleRetailBusiness();" class="text-lg text-slate-200">Back</a> -->
            <button onclick="toggleRetailBusiness();" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
              </button>
            <ul class="w-full">
                <a href="#" onclick="toggleNavigation('online_presence_nav');">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Online Presence &amp; Branding <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
                <a href="#" onclick="toggleNavigation('marketing_advertising_nav')">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Marketing &amp; Advertising <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
                <a href="#" onclick="toggleNavigation('customer_engagement_nav');">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Customer Engagement &amp; Management <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
                <a href="#" onclick="toggleNavigation('financial_services_nav')">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Financial Services <svg class="h-6 w-20 text-red-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">  <polyline points="9 18 15 12 9 6"></polyline></svg>
                    </li>
                </a>
            </ul>
          </div>

          <!-- Online Presence & Branding mobile navigation start -->
          <div id="online_presence_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('online_presence_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
              </button>
            <ul class="w-full">
                <a href="https://www.gonukkad.com/business-representation-website">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Business Representation Website</li>
                </a>
                <a href="https://www.gonukkad.com/business-phone-ivr">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Business Phone Number (IVR)</li>
                </a>
                <a href="https://www.gonukkad.com/business-card">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Business Card</li>
                </a>
                <a href="https://www.gonukkad.com/business-logo">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Business Logo</li>
                </a>
                <a href="https://www.gonukkad.com/professional-photo-video-shoot">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Professional Photo &amp; Video Shoot</li>
                </a>
            </ul>
          </div>
          <!-- Online Presence & Branding mobile navigation end -->


          <!-- Marketing and Adverising mobile navigation start -->
          <div id="marketing_advertising_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('marketing_advertising_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
              </button>
            <ul class="w-full">
                <a href="https://www.gonukkad.com/gmb-optimisation">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">GMB Optimisation</li>
                </a>
                <a href="https://www.gonukkad.com/gmb-listing-suspension">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">GMB Listing Suspension</li>
                </a>
                <a href="#">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Google &amp; Meta Ads - Coming Soon</li>
                </a>
                <a href="#">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Search Engine Optimisation - Coming Soon</li>
                </a>
                <a href="https://www.gonukkad.com/promotions">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Promotions</li>
                </a>
                
            </ul>
          </div>
          <!-- Marketing and Adverising mobile navigation end -->

          <!-- Customer Engagement & Management mobile navigation start -->
          <div id="customer_engagement_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('customer_engagement_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
              </button>
            <ul class="w-full">
                <a href="https://www.gonukkad.com/review-management">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Review Management</li>
                </a>
                <a href="https://www.gonukkad.com/dedicated-account-manager">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Dedicated Account Manager</li>
                </a>
                <a href="https://www.gonukkad.com/certificate-of-excellence">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Certificate of Excellence</li>
                </a>
                <a href="https://www.gonukkad.com/review-standee">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Review Standee</li>
                </a>
                
            </ul>
          </div>
          <!-- Customer Engagement & Management mobile navigation end -->

          <!-- Financial Services mobile navigation start -->
          <div id="financial_services_nav" class="mt-20 space-y-4 hidden fixed lg:hidden bg-white inset-0 p-4" style="margin-top: 90px;">
            <button onclick="toggleNavigation('financial_services_nav');" class="bg-pink-600 hover:bg-blue-700 text-slate-50 py-2 px-4 rounded-lg">
                Back
              </button>
            <ul class="w-full">
                <a href="https://www.gonukkad.com/redit-machine">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Credit Machine</li>
                </a>
                <a href="https://www.gonukkad.com/business-loan">
                    <li class="font-medium cursor-pointer hover:bg-slate-300 rounded-lg pb-2 flex items-center justify-between">Business Loan</li>
                </a>
            </ul>
          </div>
          <!-- Financial Services mobile navigation end -->
          <!-- Retail Business mobile view navigation end-->
      </div>
      <!-- Mobile view navigation area end -->

    </div>
</nav>

<main>


    <section id="hero" class="pt-16 pb-5 px-8 md:px-12 bg-white">
        <div class="mt-20 md:flex items-stretch">
            <div class="p-2 flex-1/2">
                <h1 class="text-5xl md:text-left text-center font-bold tracking-tight sm:mt-28 text-gray-700 fadeInUp" x-intersect="$el.classList.add('fadeInUp')">
                    Get Everything You Need to Manage and Grow Your Business
                </h1>
                <p class="pt-5 text-paragraph md:text-left text-center fadeInUp" x-intersect="$el.classList.add('fadeInUp')">
                    Stay updated with industry trends and be willing to adapt your strategies accordingly. Innovation can help you stay ahead of the curve and attract new customers.
                </p>
                <p class="mt-5 mb-4 text-lg text-white flex flex-col items-center md:items-start" x-intersect="$el.classList.add('fadeInUp')">
                    <a href="#contactus" class=" bg-pink-600 font-medium rounded-lg items-center px-6 py-4">
                        Get Started
                    </a>
                </p>
            </div>
            <div class="p-2 flex-1/2 flex justify-center items-center" style="justify-content: right;">
                <img loading="eager" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/asset3.png" class="md:w-10/12 scale" x-intersect="$el.classList.add('scale')">
            </div>
        </div>
    </section>



    <!-- Video section area start -->

    <div class="max-w-screen-xl mx-auto p-5 sm:p-10 md:p-16">
        <div class="grid grid-cols-1 md:grid-cols-4 sm:grid-cols-2 gap-5">

            <div class="relative w-full flex items-end justify-start text-left bg-cover bg-center cursor-pointer">

                <video @click="handleClick, modalOpen1 = true" data-url="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/video/1.mp4" playsinline="" autoplay="" muted="" loop="" controls="true" style="width: 100%; height: 100%; display: block; margin: 0px;" class="rounded-lg">
                    <source src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/video/1.mp4" type="video/mp4">
                </video>
            </div>

            <div class="relative w-full flex items-end justify-start text-left bg-cover bg-center cursor-pointer">

                <video @click="handleClick, modalOpen1 = true" data-url="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/video/2.mp4" playsinline="" autoplay="" muted="" loop="" controls="true" class="rounded-lg" style="width: 100%; height: 100%; display: block; margin: 0px;">
                    <source src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/video/2.mp4" type="video/mp4">
                </video>
            </div>

            <div class="relative w-full flex items-end justify-start text-left bg-cover bg-center cursor-pointer">

                <video @click="handleClick, modalOpen1 = true" data-url="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/video/3.mp4" playsinline="" autoplay="" muted="" loop="" controls="true" class="rounded-lg" style="width: 100%; height: 100%; display: block; margin: 0px;">
                    <source src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/video/3.mp4" type="video/mp4">
                </video>
            </div>

            <div class="relative w-full flex items-end justify-start text-left bg-cover bg-center cursor-pointer">

                <video @click="handleClick, modalOpen1 = true" data-url="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/video/4.mp4" playsinline="" autoplay="" muted="" loop="" controls="true" class="rounded-lg" style="width: 100%; height: 100%; display: block; margin: 0px;">
                    <source src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/video/4.mp4" type="video/mp4">
                </video>
            </div>

        </div>
    </div>
    <!-- Video section area ends -->


    <!-- Counter starts -->
    <section>
        <div class="w-full flex flex-col lg:flex-row lg:px-4 pb-12 lg:gap-4 gap-8">
            <div class="lg:w-1/3 w-full flex lg:flex-row flex-col items-center justify-center lg:px-4 px-4 gap-4">
                <h2 class="text-5xl font-bold text-[#353F4F]"><span x-data="animatedCounter(60, 600, 0)" x-intersect="updatecounter" x-text="Math.round(current)">0</span>k</h2>
                <p class="text-[#757575] text-xl">Merchant Base</p>
            </div>
            <div class="lg:w-1/3 w-full flex lg:flex-row flex-col items-center justify-center lg:px-4 px-4 gap-4">
                <h2 class="text-5xl font-bold text-[#353F4F]"><span x-data="animatedCounter(85, 600, 0)" x-intersect="updatecounter" x-text="Math.round(current)">0</span>%</h2>
                <p class="text-[#757575] text-xl">YoY Growth</p>
            </div>
            <div class="lg:w-1/3 w-full flex lg:flex-row flex-col items-center justify-center lg:px-4 px-4 gap-4">
                <h2 class="text-5xl font-bold text-[#353F4F]"><span x-data="animatedCounter(90, 600, 0)" x-intersect="updatecounter" x-text="Math.round(current)">0</span>%</h2>
                <p class="text-[#757575] text-xl">Renewal Rate</p>
            </div>
            <div class="lg:w-1/3 w-full flex lg:flex-row flex-col items-center justify-center lg:px-4 px-4 gap-4">
                <h2 class="text-5xl font-bold text-[#353F4F]"><span x-data="animatedCounter(95, 600, 0)" x-intersect="updatecounter" x-text="Math.round(current)">0</span>%</h2>
                <p class="text-[#757575] text-xl">Happy Customers</p>
            </div>
        </div>
        <div class="w-full flex items-center justify-center pb-8">
            <hr class="w-10/12">
        </div>
    </section>
    <!-- Counter Ends -->


    <section id="services" class="pt-10 pb-5 px-8 md:px-12 bg-white">
        <div class="w-full">
            <h1 class="text-5xl font-semibold text-center text-gray-700" x-intersect="$el.classList.add('tracking-in-contract')">Solutions That Drives Success</h1>
            <!-- <p class="pt-5 text-center text-punchline">
                Ligula risus auctor tempus magna feugiat lacinia.
            </p> -->
            <div class="pt-10 grid md:grid-cols-3 gap-8">

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Maximize Your Influence</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Boost visibility by 80% with local searches. Get listed on Google Maps to enhance your reach and improve rankings for increased traffic.</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Strengthen Your Brand</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Boost accuracy by 85% with detailed creativity to enhance engagement by showcasing your business identity without makeovers</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Expand Customer Reach</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Utilize strategies to enrich your listing with promotions and offers to drive 85% more interaction and build customer trust.</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>


                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Enrich Customer Relations</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Improve user experience by 90% with mobile-friendly listings updates with easy navigation, calling controls, statistics</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Drive Higher Conversions</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Boost effectiveness by 90% with analytics, a verified profile, optimized listing, local SEO, added activities, and growth reports.</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Surpass Your Competitors</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Gain 90% competitive edge with an optimized Google listing with advanced SEO to boost visibility and attention.</p>
                    <!-- <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Imagine the growth these improvements could bring to your business. Check our services and see how valuable these benefits would be for business</p> -->
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

            </div>
        </div>

    </section>
    <section id="customer-centric" class="pt-10 pb-5 px-8 md:px-12 bg-white">
        <div class="w-full flex items-center justify-center">
            <div class="w-full bg-slate-100 flex flex-col items-center justify-center rounded-2xl h-fit">
                <div class="w-full flex items-center justify-center flex-col gap-8 py-16 md:px-32 px-2">
                    <h1 class="md:text-7xl md:tracking-tight text-4xl  text-gray-700 font-semibold text-center " x-intersect="$el.classList.add('fadeInUp')">Create a Customer-First Marketing Strategy</h1>
                    <p class="text-punchline text-[#6C757D]  text-center" x-intersect="$el.classList.add('fadeInUp')">
                        Place your customers at the heart of your business to inspire trust and loyalty. A strategy tailored to their needs elevates your brand and fuels lasting success
                    </p>
                </div>

                <div class="full relative flex items justify-center">
                    <img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/customer-centric-home.png" alt="" srcset="" x-intersect="$el.classList.add('fadeInUp')">
                    <div @click="handleSingleVideo, modalOpen = true" data-url="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/video/Google-Business-Video1.mp4" class="h-36 w-36 rounded-full absolute top-20 lg:top-80 bg-[#F74780] flex items-center justify-center">
                        <img id="video" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/images/right-arrow.png" class="cursor-pointer" alt="">
                    </div>
                </div>
            </div>


        </div>
    </section>

    <section id="one_place" class="pt-10 pb-5 px-8 md:px-12 bg-white">
        <div class="text-center">
            <span class="md:text-6xl md:tracking-tight text-4xl  text-gray-700 font-semibold">Everything in One Place</span>
            <p class="text-punchline text-[#6C757D]  text-center pt-5">Unified Customer Engagement Platform</p>
        </div>
        <div class="grid md:grid-cols-3 gap-10 pt-20">
            <div class="text-center">
                <img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/asset5.png" class="bg-gradient-to-b from-slate-200 p-10 rounded-2xl" x-intersect="$el.classList.add('fadeInUp')">
                <span class="text-sub font-semibold text-gray-700">Business Analytics</span>
                <p class="text-punchline text-[#6C757D]">Transform data into actionable insights for informed decision-making and strategic planning.</p>
            </div>
            <div class="text-center">
                <img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/asset7.png" class="bg-gradient-to-b from-slate-200 p-10 rounded-2xl" x-intersect="$el.classList.add('fadeInUp')">
                <span class="text-sub font-semibold text-gray-700">Premium Support</span>
                <p class="text-punchline text-[#6C757D]">Enhance customer service with personalized assistance and rapid, dedicated support</p>
            </div>
            <div class="text-center">
                <img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/asset9.png" class="bg-gradient-to-b from-slate-200 p-10 rounded-2xl" x-intersect="$el.classList.add('fadeInUp')">
                <span class="text-sub font-semibold text-gray-700">Exclusive Offerings/Services</span>
                <p class="text-punchline text-[#6C757D]">Enjoy personalized attention and tailored solutions designed to exceed expectations.</p>
            </div>
        </div>
    </section>

    <div class="w-full flex items-center justify-center py-10">
        <hr class="w-10/12">
    </div>

    <section id="who_are_we" class="pt-10 pb-5 px-8 md:px-12 bg-white">
        <div class="flex md:flex-row flex-col">
            <div class="md:w-1/2 w-full flex items-center justify-center">
                <img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/asset11.png" class="md:w-10/12 w-11/12 md:h-[100%]" x-intersect="$el.classList.add('scale')">
            </div>
            <div class="lg:w-1/2 w-full flex flex-col md:items-start justify-center md:pt-0 pt-8 md:px-0">

                <h1 class="lg:text-3xl text-3xl font-semibold text-[#353F4F] md:text-left text-center" x-intersect="$el.classList.add('fadeInUp')">Maximize Local Visibility with Gonukkad's GMB Management Services</h1>
                <p class="lg:text-xl text-lg lg:pt-8 pt-4 text-[#6C757D] md:pr-8 md:text-justify text-center" x-intersect="$el.classList.add('fadeInUp')">In today's fast-paced digital landscape, having a Google My Business (GMB) profile is not only useful but essential. Statistics reveal that businesses with an active GMB profile are 80% more likely to attract prospective customers. As an experienced Digital Marketing agency we recognize its significance and advocate for professional Google My Business services.</p>
                <!-- <p class="lg:text-xl text-lg lg:pt-8 pt-4 text-[#6C757D] text-start lg:pr-8">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna cursus undo varius purus magnis sapien quaerat</p> -->
                <!-- <h3 class="text-[#6C757D] text-xl py-4 font-bold hover:text-[#353F4F] cursor-pointer">Friendly with others</h3> -->
            </div>
        </div>
    </section>

    <section id="who_are_we" class="pt-10 pb-5 px-8 md:px-12 bg-white">
        <div class="flex md:flex-row flex-col">
            <div class="lg:w-1/2 w-full flex flex-col items-start justify-center md:pt-0 pt-8 px-4 md:px-0">
                <h1 class="lg:text-3xl text-3xl font-semibold text-[#353F4F] md:text-start text-center" x-intersect="$el.classList.add('fadeInUp')">
                    Local Business SEO: Elevate Your Online Presence for Qualified Leads
                </h1>
                <p class="lg:text-xl text-lg md:pt-2 pt-4 text-[#6C757D] md:text-justify text-center md:pr-8" x-intersect="$el.classList.add('fadeInUp')">
                    Unleash the full potential of your website with our Google My Business (GMB) management solutions! See your business soar in local search results and capture high-quality prospects through our GMB SEO services! Our highly experienced GMB experts use proven techniques to fine-tune every detail of your GMB profile, optimizing its catalog, Google Maps listing, citations and messaging for maximum impact.
                </p>
                <!-- <p class="lg:text-xl text-lg lg:pt-8 pt-4 text-[#6C757D] text-start lg:pr-8">Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna cursus undo varius purus magnis sapien quaerat</p> -->

                <h1 class="lg:text-3xl text-3xl font-semibold text-[#353F4F] md:text-start text-center pt-4" x-intersect="$el.classList.add('fadeInUp')">
                    Why Businesses Benefit from GMB Management Services
                </h1>
                <p class="lg:text-xl text-lg md:pt-2 pt-4 text-[#6C757D] md:text-justify text-center md:pr-8" x-intersect="$el.classList.add('fadeInUp')">
                    In today's competitive market, businesses of all sizes can significantly benefit from Google My Business (GMB) Management Services. Attract More Local Customers: GMB services are tailored to enhance your local presence, making it easier for businesses to connect with customers in nearby areas and communities.
                </p>
                <!-- <ul class="list-disc lg:text-xl text-lg md:pt-4 pt-4 text-[#6C757D] md:text-left text-center md:pl-6" x-intersect="$el.classList.add('fadeInUp')">
                        <li class="md:text-left text-center">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum aliquam undo congue dolor cursus</li>
                        <li class="md:text-left text-center pt-3">Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis ultrice auctor congue magna placerat</li>
                    </ul> -->
            </div>
            <div class="md:w-1/2 w-full flex md:items-end items-center justify-center">
                <img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/asset 12.png" class="md:w-[90%] w-11/12 md:h-[100%] pt-4 md:pt-2" x-intersect="$el.classList.add('scale')">
            </div>
        </div>
    </section>



    <!-- Easy Integration section starts -->
    <section>
        <div class="w-full flex lg:flex-row flex-col lg:py-8 py-8">
            <div class="lg:w-1/2 w-full flex items-center justify-center">
                <img class="lg:w-10/12 w-11/12 lg:h-[100%] h-[100%]" x-intersect="$el.classList.add('scale')" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/img-12.png" alt="">
            </div>
            <div class="lg:w-1/2 w-full flex flex-col items-start justify-center lg:pt-0 pt-8 px-4 lg:px-0">
                <!-- <h3 class="text-[#6C757D] text-lg pb-8 font-semibold" x-intersect="$el.classList.add('fadeInUp')">Easy Integration</h3> -->
                <h1 class="lg:text-6xl text-3xl font-semibold text-[#353F4F] lg:text-start lg:pr-8 pr-2" x-intersect="$el.classList.add('fadeInUp')">Ecommerce Seller Account Management Services </h1>
                <p class="lg:text-xl text-lg lg:pt-8 pt-4 text-[#ff6224] text-start lg:pr-8" style="font-weight: bold;" x-intersect="$el.classList.add('fadeInUp')">Top E-Commerce Seller Management! Trusted by 30K+ customers </p>
                <p class="lg:text-xl text-lg lg:pt-8 pt-4 text-[#6C757D] text-start lg:pr-8" x-intersect="$el.classList.add('fadeInUp')">Unlock the full potential of your ecommerce business with our comprehensive Ecommerce Seller Account Management Services. Our team will optimize your account, manage listings, and enhance marketplace performance. Stay ahead of the competition and achieve lasting growth with our tailored solutions.</p>
            </div>
        </div>
    </section>
    <!-- Easy Integration section ends -->


    <!-- Productivity focused section starts -->
    <section id="productivity_focused" class="pt-10 pb-5 px-8 md:px-12 bg-white">
        <div class="w-full flex md:flex-row flex-col md:py-8 py-8">
            <div class="md:w-1/2 w-full flex flex-col justify-center md:pt-0 pt-8 md:px-0">
                <!-- <h3 class="text-[#6C757D] text-lg pb-8 font-semibold" x-intersect="$el.classList.add('fadeInUp')">PRODUCTIVITY FOCUSED</h3> -->
                <h1 class="md:text-5xl text-3xl font-semibold text-[#353F4F] lg:text-start lg:pr-8 pr-2" x-intersect="$el.classList.add('fadeInUp')">Does Your Online Business Need A Boost?</h1>
                <p class="lg:text-xl text-lg lg:pt-8 pt-4 text-[#6C757D] text-justify lg:pr-8" x-intersect="$el.classList.add('fadeInUp')">Boost your business with our E-commerce Seller Account Management Services! We don’t just manage your store—we enhance it to attract high-quality leads. Our team uses advanced analytics and innovative strategies to optimize listings, increase visibility, and create compelling campaigns that turn visitors into loyal customers. Partner with us to drive more leads and focus on growing your success!</p>
                <!-- <p class="lg:text-xl text-lg lg:pt-8 pt-4 text-[#6C757D] text-start lg:pr-8" x-intersect="$el.classList.add('fadeInUp')">Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum aliquam undo congue cursus dolor</p> -->

            </div>
            <div class="md:w-1/2 w-full flex items-center justify-center" style="justify-content: right;">
                <img class="md:w-10/12 w-11/12 h-[100%]" x-intersect="$el.classList.add('scale')" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/hero-1-img.png" alt="">
            </div>

        </div>
    </section>
    <!-- Productivity focused section ends -->



    <section id="ecommerce" class="pt-10 pb-5 px-8 md:px-12 bg-white">
        <div class="w-full">
            <h1 class="text-5xl font-semibold text-center text-gray-700" x-intersect="$el.classList.add('tracking-in-contract')">Why You Need Our Ecommerce Services</h1>
            <p class="pt-5 text-center text-punchline text-[#ff6224]" style="font-weight: bold;">
                Because Your Great Product Deserves the Spotlight<br>
                Let Our Marketplace Experts Put Your Product at the Top of E-Commerce Searches
            </p>



            <div class="pt-10 grid md:grid-cols-3 gap-8">

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Activate Seller Central</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Our experts have a 95% success rate in helping thousands of merchants carve their niche with store handling and setup lifecycle.</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Display Your Catalog</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">With a 90% success rate, our specialists excel in marketplace guidelines, creating engaging listings that attract buyers and boost sales.</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Brand Integrity Shield</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">We manage your seller account with a 95% success rate, covering brand registry, optimization, ads, and orders.</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>


                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Ecommerce Ready Package</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Our expert achieves a 95% success rate in packaging, labeling, compliance, and shipment for various destinations.</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Ecommerce Ad Solutions</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Our advertising services improve efficiency by 90%, optimizing ads for better performance, higher rankings, and increased sales.</p>
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

                <div class="hover:bg-slate-100 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                    <div class="flex md:flex-row flex-col md:items-start items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-10 text-pink-500" x-intersect="$el.classList.add('fadeInUp')">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"></path>
                        </svg>

                        <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Ecommerce SEO Service</h5>

                    </div>
                    <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Our experts use top tools to identify keywords and develop competitive listings, boosting search visibility by up to 85%.</p>
                    <!-- <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-paragraph">Imagine the growth these improvements could bring to your business. Check our services and see how valuable these benefits would be for business</p> -->
                    <!-- <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                        read more
                        <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778" />
                        </svg>
                    </a> -->
                </div>

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





    <!-- Testimonials area staer -->
    <section id="testimonials" class="pt-10 pb-5 px-8 md:px-12 bg-white" style="display: none;">

        <div x-data="{ activeSlide: 1, slideCount: 3 }" class="overflow-hidden relative" x-init="setInterval(() => { activeSlide = activeSlide < slideCount ? activeSlide + 1 : 1 }, 5000)">

            <!-- Slider -->
            <div class="whitespace-nowrap transition-transform duration-500 ease-in-out" :style="'transform: translateX(-' + (activeSlide - 1) * 100.5 + '%)'" style="transform: translateX(-0%)">

                <!-- Item 1 -->
                <div class="inline-block w-1/3">

                    <div class="max-w-sm p-6 bg-slate-100 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                        <svg class="w-7 h-7 text-gray-500 dark:text-gray-400 mb-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M18 5h-.7c.229-.467.349-.98.351-1.5a3.5 3.5 0 0 0-3.5-3.5c-1.717 0-3.215 1.2-4.331 2.481C8.4.842 6.949 0 5.5 0A3.5 3.5 0 0 0 2 3.5c.003.52.123 1.033.351 1.5H2a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a2 2 0 0 0-2-2ZM8.058 5H5.5a1.5 1.5 0 0 1 0-3c.9 0 2 .754 3.092 2.122-.219.337-.392.635-.534.878Zm6.1 0h-3.742c.933-1.368 2.371-3 3.739-3a1.5 1.5 0 0 1 0 3h.003ZM11 13H9v7h2v-7Zm-4 0H2v5a2 2 0 0 0 2 2h3v-7Zm6 0v7h3a2 2 0 0 0 2-2v-5h-5Z"></path>
                        </svg>
                        <a href="#">
                            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Mr. Kumar</h5>
                        </a>
                        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-wrap">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
                        <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                            See our guideline
                            <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"></path>
                            </svg>
                        </a>
                    </div>
                </div>

                <div class="inline-block w-1/3">

                    <div class="max-w-sm p-6 bg-slate-100 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                        <svg class="w-7 h-7 text-gray-500 dark:text-gray-400 mb-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M18 5h-.7c.229-.467.349-.98.351-1.5a3.5 3.5 0 0 0-3.5-3.5c-1.717 0-3.215 1.2-4.331 2.481C8.4.842 6.949 0 5.5 0A3.5 3.5 0 0 0 2 3.5c.003.52.123 1.033.351 1.5H2a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a2 2 0 0 0-2-2ZM8.058 5H5.5a1.5 1.5 0 0 1 0-3c.9 0 2 .754 3.092 2.122-.219.337-.392.635-.534.878Zm6.1 0h-3.742c.933-1.368 2.371-3 3.739-3a1.5 1.5 0 0 1 0 3h.003ZM11 13H9v7h2v-7Zm-4 0H2v5a2 2 0 0 0 2 2h3v-7Zm6 0v7h3a2 2 0 0 0 2-2v-5h-5Z"></path>
                        </svg>
                        <a href="#">
                            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Mr. Kumar</h5>
                        </a>
                        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-wrap">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
                        <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                            See our guideline
                            <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"></path>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="inline-block w-1/3">

                    <div class="max-w-sm p-6 bg-slate-100 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                        <svg class="w-7 h-7 text-gray-500 dark:text-gray-400 mb-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M18 5h-.7c.229-.467.349-.98.351-1.5a3.5 3.5 0 0 0-3.5-3.5c-1.717 0-3.215 1.2-4.331 2.481C8.4.842 6.949 0 5.5 0A3.5 3.5 0 0 0 2 3.5c.003.52.123 1.033.351 1.5H2a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a2 2 0 0 0-2-2ZM8.058 5H5.5a1.5 1.5 0 0 1 0-3c.9 0 2 .754 3.092 2.122-.219.337-.392.635-.534.878Zm6.1 0h-3.742c.933-1.368 2.371-3 3.739-3a1.5 1.5 0 0 1 0 3h.003ZM11 13H9v7h2v-7Zm-4 0H2v5a2 2 0 0 0 2 2h3v-7Zm6 0v7h3a2 2 0 0 0 2-2v-5h-5Z"></path>
                        </svg>
                        <a href="#">
                            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Mr. Kumar</h5>
                        </a>
                        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-wrap">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
                        <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                            See our guideline
                            <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"></path>
                            </svg>
                        </a>
                    </div>
                </div>

                <!-- Item 2 -->

                <div class="inline-block w-1/3">

                    <div class="max-w-sm p-6 bg-slate-100 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                        <svg class="w-7 h-7 text-gray-500 dark:text-gray-400 mb-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M18 5h-.7c.229-.467.349-.98.351-1.5a3.5 3.5 0 0 0-3.5-3.5c-1.717 0-3.215 1.2-4.331 2.481C8.4.842 6.949 0 5.5 0A3.5 3.5 0 0 0 2 3.5c.003.52.123 1.033.351 1.5H2a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a2 2 0 0 0-2-2ZM8.058 5H5.5a1.5 1.5 0 0 1 0-3c.9 0 2 .754 3.092 2.122-.219.337-.392.635-.534.878Zm6.1 0h-3.742c.933-1.368 2.371-3 3.739-3a1.5 1.5 0 0 1 0 3h.003ZM11 13H9v7h2v-7Zm-4 0H2v5a2 2 0 0 0 2 2h3v-7Zm6 0v7h3a2 2 0 0 0 2-2v-5h-5Z"></path>
                        </svg>
                        <a href="#">
                            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Mr. Kumar</h5>
                        </a>
                        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-wrap">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
                        <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                            See our guideline
                            <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"></path>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="inline-block w-1/3">

                    <div class="max-w-sm p-6 bg-slate-100 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                        <svg class="w-7 h-7 text-gray-500 dark:text-gray-400 mb-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M18 5h-.7c.229-.467.349-.98.351-1.5a3.5 3.5 0 0 0-3.5-3.5c-1.717 0-3.215 1.2-4.331 2.481C8.4.842 6.949 0 5.5 0A3.5 3.5 0 0 0 2 3.5c.003.52.123 1.033.351 1.5H2a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a2 2 0 0 0-2-2ZM8.058 5H5.5a1.5 1.5 0 0 1 0-3c.9 0 2 .754 3.092 2.122-.219.337-.392.635-.534.878Zm6.1 0h-3.742c.933-1.368 2.371-3 3.739-3a1.5 1.5 0 0 1 0 3h.003ZM11 13H9v7h2v-7Zm-4 0H2v5a2 2 0 0 0 2 2h3v-7Zm6 0v7h3a2 2 0 0 0 2-2v-5h-5Z"></path>
                        </svg>
                        <a href="#">
                            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Mr. Kumar</h5>
                        </a>
                        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-wrap">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
                        <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                            See our guideline
                            <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"></path>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="inline-block w-1/3">

                    <div class="max-w-sm p-6 bg-slate-100 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                        <svg class="w-7 h-7 text-gray-500 dark:text-gray-400 mb-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M18 5h-.7c.229-.467.349-.98.351-1.5a3.5 3.5 0 0 0-3.5-3.5c-1.717 0-3.215 1.2-4.331 2.481C8.4.842 6.949 0 5.5 0A3.5 3.5 0 0 0 2 3.5c.003.52.123 1.033.351 1.5H2a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a2 2 0 0 0-2-2ZM8.058 5H5.5a1.5 1.5 0 0 1 0-3c.9 0 2 .754 3.092 2.122-.219.337-.392.635-.534.878Zm6.1 0h-3.742c.933-1.368 2.371-3 3.739-3a1.5 1.5 0 0 1 0 3h.003ZM11 13H9v7h2v-7Zm-4 0H2v5a2 2 0 0 0 2 2h3v-7Zm6 0v7h3a2 2 0 0 0 2-2v-5h-5Z"></path>
                        </svg>
                        <a href="#">
                            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Mr. Kumar</h5>
                        </a>
                        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-wrap">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
                        <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                            See our guideline
                            <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"></path>
                            </svg>
                        </a>
                    </div>
                </div>

                <!-- Item 3 -->
                <div class="inline-block w-1/3">

                    <div class="max-w-sm p-6 bg-slate-100 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                        <svg class="w-7 h-7 text-gray-500 dark:text-gray-400 mb-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M18 5h-.7c.229-.467.349-.98.351-1.5a3.5 3.5 0 0 0-3.5-3.5c-1.717 0-3.215 1.2-4.331 2.481C8.4.842 6.949 0 5.5 0A3.5 3.5 0 0 0 2 3.5c.003.52.123 1.033.351 1.5H2a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a2 2 0 0 0-2-2ZM8.058 5H5.5a1.5 1.5 0 0 1 0-3c.9 0 2 .754 3.092 2.122-.219.337-.392.635-.534.878Zm6.1 0h-3.742c.933-1.368 2.371-3 3.739-3a1.5 1.5 0 0 1 0 3h.003ZM11 13H9v7h2v-7Zm-4 0H2v5a2 2 0 0 0 2 2h3v-7Zm6 0v7h3a2 2 0 0 0 2-2v-5h-5Z"></path>
                        </svg>
                        <a href="#">
                            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Mr. Kumar</h5>
                        </a>
                        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-wrap">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
                        <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                            See our guideline
                            <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"></path>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="inline-block w-1/3">

                    <div class="max-w-sm p-6 bg-slate-100 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                        <svg class="w-7 h-7 text-gray-500 dark:text-gray-400 mb-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M18 5h-.7c.229-.467.349-.98.351-1.5a3.5 3.5 0 0 0-3.5-3.5c-1.717 0-3.215 1.2-4.331 2.481C8.4.842 6.949 0 5.5 0A3.5 3.5 0 0 0 2 3.5c.003.52.123 1.033.351 1.5H2a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a2 2 0 0 0-2-2ZM8.058 5H5.5a1.5 1.5 0 0 1 0-3c.9 0 2 .754 3.092 2.122-.219.337-.392.635-.534.878Zm6.1 0h-3.742c.933-1.368 2.371-3 3.739-3a1.5 1.5 0 0 1 0 3h.003ZM11 13H9v7h2v-7Zm-4 0H2v5a2 2 0 0 0 2 2h3v-7Zm6 0v7h3a2 2 0 0 0 2-2v-5h-5Z"></path>
                        </svg>
                        <a href="#">
                            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Mr. Kumar</h5>
                        </a>
                        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-wrap">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
                        <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                            See our guideline
                            <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"></path>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="inline-block w-1/3">

                    <div class="max-w-sm p-6 bg-slate-100 border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
                        <svg class="w-7 h-7 text-gray-500 dark:text-gray-400 mb-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                            <path d="M18 5h-.7c.229-.467.349-.98.351-1.5a3.5 3.5 0 0 0-3.5-3.5c-1.717 0-3.215 1.2-4.331 2.481C8.4.842 6.949 0 5.5 0A3.5 3.5 0 0 0 2 3.5c.003.52.123 1.033.351 1.5H2a2 2 0 0 0-2 2v3a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V7a2 2 0 0 0-2-2ZM8.058 5H5.5a1.5 1.5 0 0 1 0-3c.9 0 2 .754 3.092 2.122-.219.337-.392.635-.534.878Zm6.1 0h-3.742c.933-1.368 2.371-3 3.739-3a1.5 1.5 0 0 1 0 3h.003ZM11 13H9v7h2v-7Zm-4 0H2v5a2 2 0 0 0 2 2h3v-7Zm6 0v7h3a2 2 0 0 0 2-2v-5h-5Z"></path>
                        </svg>
                        <a href="#">
                            <h5 class="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">Mr. Kumar</h5>
                        </a>
                        <p class="mb-3 font-normal text-gray-500 dark:text-gray-400 text-wrap">Go to this step by step guideline process on how to certify for your weekly benefits:</p>
                        <a href="#" class="inline-flex font-medium items-center text-blue-600 hover:underline">
                            See our guideline
                            <svg class="w-3 h-3 ms-2.5 rtl:rotate-[270deg]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11v4.833A1.166 1.166 0 0 1 13.833 17H2.167A1.167 1.167 0 0 1 1 15.833V4.167A1.166 1.166 0 0 1 2.167 3h4.618m4.447-2H17v5.768M9.111 8.889l7.778-7.778"></path>
                            </svg>
                        </a>
                    </div>
                </div>

                <!-- Item 2 -->


            </div>

            <!-- Prev/Next Arrows -->
            <!-- <div class="absolute inset-0 flex items-center justify-between px-2">
    <button
      @click="activeSlide = activeSlide > 1 ? activeSlide - 1 : slideCount"
      class="w-[30px] h-[30px] flex items-center bg-black/30 text-white p-2 rounded-full">
      &#8592;
    </button>
    <button
      @click="activeSlide = activeSlide < slideCount ? activeSlide + 1 : 1"
      class="w-[30px] h-[30px] flex items-center bg-black/30 text-white p-2 rounded-full">
      &#8594;
    </button>
  </div> -->

            <!-- Dots Navigation -->
            <div class="absolute bottom-0 left-0 right-0 flex justify-center space-x-2 p-4">
                <template x-for="slideIndex in slideCount" :key="slideIndex">
                    <button @click="activeSlide = slideIndex" class="h-2 w-2 rounded-full" :class="{'bg-orange-500': activeSlide === slideIndex, 'bg-white/50': activeSlide !== slideIndex}">
                    </button>
                </template><button @click="activeSlide = slideIndex" class="h-2 w-2 rounded-full bg-orange-500" :class="{'bg-orange-500': activeSlide === slideIndex, 'bg-white/50': activeSlide !== slideIndex}">
                    </button><button @click="activeSlide = slideIndex" class="h-2 w-2 rounded-full bg-white/50" :class="{'bg-orange-500': activeSlide === slideIndex, 'bg-white/50': activeSlide !== slideIndex}">
                    </button><button @click="activeSlide = slideIndex" class="h-2 w-2 rounded-full bg-white/50" :class="{'bg-orange-500': activeSlide === slideIndex, 'bg-white/50': activeSlide !== slideIndex}">
                    </button>
            </div>
        </div>

    </section>
    <!-- Testimonial area ends -->


    <div class="w-full flex items-center justify-center py-2">
        <!-- <hr class="w-10/12"> -->
    </div>


    <!-- Contact form area start -->
    
<style type="text/css">
    /* style to display the error message */
    .error-msg {
        color: red;
    }
    .error-msg[hidden] {
    opacity: 0;
    height: 0px;
    transform: scale(0);
}
.error-msg {
    font-size: 0.8rem;
    font-weight: 700;
    color: darkred;
    transform-origin: left;
    transition: all 200ms;
    display: block;
}
</style>

<section id="contactus" class="pt-10 pb-5 px-8 md:px-12 bg-white">
        <div class="max-w-screen-xl mt-24 px-8 grid gap-8 grid-cols-1 md:grid-cols-2 md:px-12 lg:px-16 xl:px-4 py-16 mx-auto bg-gray-100 text-gray-900">
          <div class="flex flex-col justify-between flex-1/2">
            <div>
              <h2 class="text-4xl lg:text-5xl font-bold leading-tight">Act now and seize your success !!</h2>
              <!-- <div class="text-gray-700 mt-8">
                Hate forms? Send us an email instead <span class="underline"><a target="_BLANK" href="https://veilmail.io/irish-irish-geoff">https://veilmail.io/irish-geoff</a></span>
              </div> -->
              <div class="text-gray-700 mt-8 font-bold">
                Enter your Email ID to get strategic insights, action Plan &amp; Pricing options.
              </div>
            </div>
            <div class="mt-8 text-center">
              <img src="https://uat2.gonukkad.com/gonukkadv2/wp-content/themes/gonukkadv2/assets/contact.jpg">
            </div>
          </div>
          <div class="bg-white p-6 rounded-lg flex-1/4">
          <form method="POST" id="form" x-data="" x-validate="" @submit="$validate.submit" action="https://www.gonukkad.com/wp-content/themes/gonukkadv2/bookCallEmail.php" novalidate="true">

            <div class="relative">
                
                    <label for="business_type" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white"></label>
                    <select x-validate.required="" x-validate.group="" id="business_type" name="business_type" class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-500 bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" aria-errormessage="error-msg-form">
                        <option class="text-sm text-gray-900" selected="">Business Type</option>
                        <option value="retail">Retail</option>
                        <option value="ecommerce">Ecommerce</option>
                    </select><span class="error-msg" id="error-msg-business_type" hidden="">business type required</span>
                    
                
            </div>
            <div class="relative mt-8">
                <input type="text" id="name" name="name" x-validate.required="" class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900 bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " aria-errormessage="error-msg-name"><span class="error-msg" id="error-msg-name" hidden="">name required</span>
                <label for="name" class="absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto">Full Name</label>
                
            </div>
            <div class="relative mt-8">
                <input type="email" id="email" name="email" x-validate.email="" required="" class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900 bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " aria-errormessage="error-msg-email"><span class="error-msg" id="error-msg-email" hidden="">email required</span>
                <label for="email" class="absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto">Email</label>
                
            </div>
            <div class="relative mt-8">
                <input type="text" id="mobile" name="mobile" x-validate.tel="" required="" class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900 bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " aria-errormessage="error-msg-mobile"><span class="error-msg" id="error-msg-mobile" hidden="">mobile required</span>
                <label for="mobile" class="absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto">Mobile Number</label>
                
            </div>
            <div class="relative mt-8">
                <textarea name="message" id="message" x-validate.required="" class="block rounded-t-lg px-2.5 pb-2.5 pt-5 w-full text-sm text-gray-900 bg-gray-50 dark:bg-gray-700 border-0 border-b-2 border-gray-300 appearance-none dark:text-white dark:border-gray-600 dark:focus:border-blue-500 focus:outline-none focus:ring-0 focus:border-blue-600 peer" placeholder=" " aria-errormessage="error-msg-message"></textarea><span class="error-msg" id="error-msg-message" hidden="">message required</span>
                <label for="message" class="absolute text-sm text-gray-500 dark:text-gray-400 duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-focus:text-blue-600 peer-focus:dark:text-blue-500 peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-4 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto">Message</label>
            </div>

            <div class="relative mt-8" style="display: none;">
                <label for="query_source">Source</label>
                <input type="text" id="query_source" name="query_source" value="https://www.gonukkad.com/blog/what-it-costs-to-sell-on-amazon">
            </div>

            <div class="mt-8">
              <button type="submit" class="uppercase text-sm font-bold tracking-wide bg-pink-600 text-gray-100 p-3 rounded-lg w-full focus:outline-none focus:shadow-outline">
                Send Message
              </button>
            </div>
            </form><span class="error-msg" id="error-msg-form" hidden="">business type required</span>
          </div>
          <!-- <div class="flex flex-col justify-center">
            <img src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/live-chat-icon.webp" />
          </div> -->
        </div>
        

</section>
    <!-- Contact form area ends -->


    <div class="w-full flex items-center justify-center py-10">
        <!-- <hr class="w-10/12"> -->
    </div>


</main>
<style>
    .side-contact-btn {
        display: flex;
        flex-direction: column;
        position: fixed;
        bottom: 250px;
        right: 0;
        z-index: 999;
        color: white;
    }

    .side-btn{
        display: flex;
        align-items: center;
        width: fit-content;
        min-width: 150px;
        padding: 8px 24px;
        margin-bottom: 10px;
        border-radius: 24px 0 0 24px;
        position: relative;
        right: -20px;
        font-size: 1rem;
        font-weight: 500;
        cursor: pointer;
        transition: all ease-in-out 0.3s;
    }

    .side-btn:hover{
        right: 0;
    }

    .bg-yellow-600{
        background-color: rgb(202 138 4);
    }

    
</style>

<section id="footer" class="pt-5 pb-5 px-8 md:px-12 bg-white" style="display: none">
    <div class="flex md:flex-row flex-col justify-between">

        <div class="flex justify-center items-center md:items-start pb-4">
            <img class="w-44 h-12" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/asset 0.png" alt="">
        </div>

        <div class="grid md:grid-cols-3 grid-cols-2 gap-4 text-[#353F4F]">
            <div class="justify-center px-8">
                <h3 class="text-[#353F4F] text-2xl font-semibold">Important Links</h3>
                <ul class="pt-6 space-y-4 text-lg">
                    <li><a href="#">About Us</a></li>
                    <li><a href="https://www.gonukkad.com/blog">Our Blog</a></li>
                    <!-- <li><a href="#">Customers</a></li>
                    <li><a href="#">Community</a></li> -->
                </ul>
            </div>
            <!-- <div class="justify-center px-8">
                <h3 class="text-[#353F4F] text-2xl font-semibold">Product</h3>
                <ul class="pt-6 space-y-4 text-lg">
                    <li><a href="#">Integration</a></li>
                    <li><a href="#">What's New</a></li>
                    <li><a href="#">Pricing</a></li>
                    <li><a href="#">Help Center</a></li>
                </ul>
            </div> -->
            <div class="justify-center px-8">
                <h3 class="text-[#353F4F] text-2xl font-semibold">Legal</h3>
                <ul class="pt-6 space-y-4 text-lg">
                    <li><a href="https://www.gonukkad.com/terms-of-service">Terms of Use</a></li>
                    <li><a href="https://www.gonukkad.com/privacy-policy">Privacy Policy</a></li>
                    <!-- <li><a href="#">Cookie Policy</a></li> -->
                    <li><a href="https://www.gonukkad.com/sitemap.xml">Site Map</a></li>
                </ul>
            </div>

        </div>

        <div class="justify-center pt-8 md:pt-0">
            <!-- <h3 class="text-[#353F4F] md:text-2xl font-semibold text-xl text-center">Follow The Best</h3>
            <form action="" class="pt-6">
                <input type="text" placeholder="Email Address" class="text-[#353F4F] bg-[#F4F4F4] p-4 font-semibold pt-5 w-96 md:w-52">
            </form> -->

            <div class="">
            <ul class="flex flex-row gap-4">
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://www.facebook.com/gonukkadcom" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 24 24">
                            <path d="M6.812 13.937H9.33v9.312c0 .414.335.75.75.75l4.007.001a.75.75 0 0 0 .75-.75v-9.312h2.387a.75.75 0 0 0 .744-.657l.498-4a.75.75 0 0 0-.744-.843h-2.885c.113-2.471-.435-3.202 1.172-3.202 1.088-.13 2.804.421 2.804-.75V.909a.75.75 0 0 0-.648-.743A26.926 26.926 0 0 0 15.071 0c-7.01 0-5.567 7.772-5.74 8.437H6.812a.75.75 0 0 0-.75.75v4c0 .414.336.75.75.75zm.75-3.999h2.518a.75.75 0 0 0 .75-.75V6.037c0-2.883 1.545-4.536 4.24-4.536.878 0 1.686.043 2.242.087v2.149c-.402.205-3.976-.884-3.976 2.697v2.755c0 .414.336.75.75.75h2.786l-.312 2.5h-2.474a.75.75 0 0 0-.75.75V22.5h-2.505v-9.312a.75.75 0 0 0-.75-.75H7.562z" data-original="#000000"></path>
                        </svg>
                    </a>
                </li>
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://x.com/Gonukkadcom" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 512 512">
                            <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
                        </svg>
                    </a>
                </li>
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://www.instagram.com/gonukkadcom/" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 24 24">
                            <path d="M12 9.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4Zm0-1.8a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm5.85-.225a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0ZM12 4.8c-2.227 0-2.59.006-3.626.052-.706.034-1.18.128-1.618.299a2.59 2.59 0 0 0-.972.633 2.601 2.601 0 0 0-.634.972c-.17.44-.265.913-.298 1.618C4.805 9.367 4.8 9.714 4.8 12c0 2.227.006 2.59.052 3.626.034.705.128 1.18.298 1.617.153.392.333.674.632.972.303.303.585.484.972.633.445.172.918.267 1.62.3.993.047 1.34.052 3.626.052 2.227 0 2.59-.006 3.626-.052.704-.034 1.178-.128 1.617-.298.39-.152.674-.333.972-.632.304-.303.485-.585.634-.972.171-.444.266-.918.299-1.62.047-.993.052-1.34.052-3.626 0-2.227-.006-2.59-.052-3.626-.034-.704-.128-1.18-.299-1.618a2.619 2.619 0 0 0-.633-.972 2.595 2.595 0 0 0-.972-.634c-.44-.17-.914-.265-1.618-.298-.993-.047-1.34-.052-3.626-.052ZM12 3c2.445 0 2.75.009 3.71.054.958.045 1.61.195 2.185.419A4.388 4.388 0 0 1 19.49 4.51c.457.45.812.994 1.038 1.595.222.573.373 1.227.418 2.185.042.96.054 1.265.054 3.71 0 2.445-.009 2.75-.054 3.71-.045.958-.196 1.61-.419 2.185a4.395 4.395 0 0 1-1.037 1.595 4.44 4.44 0 0 1-1.595 1.038c-.573.222-1.227.373-2.185.418-.96.042-1.265.054-3.71.054-2.445 0-2.75-.009-3.71-.054-.958-.045-1.61-.196-2.185-.419A4.402 4.402 0 0 1 4.51 19.49a4.414 4.414 0 0 1-1.037-1.595c-.224-.573-.374-1.227-.419-2.185C3.012 14.75 3 14.445 3 12c0-2.445.009-2.75.054-3.71s.195-1.61.419-2.185A4.392 4.392 0 0 1 4.51 4.51c.45-.458.994-.812 1.595-1.037.574-.224 1.226-.374 2.185-.419C9.25 3.012 9.555 3 12 3Z">
                            </path>
                        </svg>
                    </a>
                </li>
            </ul>
        </div>
        </div>
    </div>
</section>

<!-- <div class="w-full flex items-center justify-center py-10">
    <hr class="w-10/12">
</div> -->

<!-- Botton Footer section starts -->
<section id="bottom_footer" class="pt-5 pb-5 px-8 md:px-12 bg-white" style="display: none">
    <div class="px-24 pb-8">
        <h3 class="text-sm text-[#6C757D] text-center">By continuing past this page, you agree to our <a href="https://www.gonukkad.com/terms-of-service" class="text-[#f26333] underline">terms of service</a> and <a href="https://www.gonukkad.com/privacy-policy" class="text-[#f26333] underline">privacy
                    policy</a>, www.gonukkad.com all rights reserves.</h3>
        <div class="" style="display: none;">
            <ul class="flex flex-row gap-4">
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://www.facebook.com/gonukkadcom" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 24 24">
                            <path d="M6.812 13.937H9.33v9.312c0 .414.335.75.75.75l4.007.001a.75.75 0 0 0 .75-.75v-9.312h2.387a.75.75 0 0 0 .744-.657l.498-4a.75.75 0 0 0-.744-.843h-2.885c.113-2.471-.435-3.202 1.172-3.202 1.088-.13 2.804.421 2.804-.75V.909a.75.75 0 0 0-.648-.743A26.926 26.926 0 0 0 15.071 0c-7.01 0-5.567 7.772-5.74 8.437H6.812a.75.75 0 0 0-.75.75v4c0 .414.336.75.75.75zm.75-3.999h2.518a.75.75 0 0 0 .75-.75V6.037c0-2.883 1.545-4.536 4.24-4.536.878 0 1.686.043 2.242.087v2.149c-.402.205-3.976-.884-3.976 2.697v2.755c0 .414.336.75.75.75h2.786l-.312 2.5h-2.474a.75.75 0 0 0-.75.75V22.5h-2.505v-9.312a.75.75 0 0 0-.75-.75H7.562z" data-original="#000000"></path>
                        </svg>
                    </a>
                </li>
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://x.com/Gonukkadcom" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 512 512">
                            <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
                        </svg>
                    </a>
                </li>
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://www.instagram.com/gonukkadcom/" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 24 24">
                            <path d="M12 9.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4Zm0-1.8a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm5.85-.225a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0ZM12 4.8c-2.227 0-2.59.006-3.626.052-.706.034-1.18.128-1.618.299a2.59 2.59 0 0 0-.972.633 2.601 2.601 0 0 0-.634.972c-.17.44-.265.913-.298 1.618C4.805 9.367 4.8 9.714 4.8 12c0 2.227.006 2.59.052 3.626.034.705.128 1.18.298 1.617.153.392.333.674.632.972.303.303.585.484.972.633.445.172.918.267 1.62.3.993.047 1.34.052 3.626.052 2.227 0 2.59-.006 3.626-.052.704-.034 1.178-.128 1.617-.298.39-.152.674-.333.972-.632.304-.303.485-.585.634-.972.171-.444.266-.918.299-1.62.047-.993.052-1.34.052-3.626 0-2.227-.006-2.59-.052-3.626-.034-.704-.128-1.18-.299-1.618a2.619 2.619 0 0 0-.633-.972 2.595 2.595 0 0 0-.972-.634c-.44-.17-.914-.265-1.618-.298-.993-.047-1.34-.052-3.626-.052ZM12 3c2.445 0 2.75.009 3.71.054.958.045 1.61.195 2.185.419A4.388 4.388 0 0 1 19.49 4.51c.457.45.812.994 1.038 1.595.222.573.373 1.227.418 2.185.042.96.054 1.265.054 3.71 0 2.445-.009 2.75-.054 3.71-.045.958-.196 1.61-.419 2.185a4.395 4.395 0 0 1-1.037 1.595 4.44 4.44 0 0 1-1.595 1.038c-.573.222-1.227.373-2.185.418-.96.042-1.265.054-3.71.054-2.445 0-2.75-.009-3.71-.054-.958-.045-1.61-.196-2.185-.419A4.402 4.402 0 0 1 4.51 19.49a4.414 4.414 0 0 1-1.037-1.595c-.224-.573-.374-1.227-.419-2.185C3.012 14.75 3 14.445 3 12c0-2.445.009-2.75.054-3.71s.195-1.61.419-2.185A4.392 4.392 0 0 1 4.51 4.51c.45-.458.994-.812 1.595-1.037.574-.224 1.226-.374 2.185-.419C9.25 3.012 9.555 3 12 3Z">
                            </path>
                        </svg>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</section>



<footer class="bg-white rounded-lg shadow dark:bg-gray-900 m-4">
    <div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
        <div class="sm:flex sm:items-center sm:justify-between">
            <a href="https://www.gonukkad.com" class="flex items-center mb-4 sm:mb-0 space-x-3 rtl:space-x-reverse">
                <!-- <img src="https://flowbite.com/docs/images/logo.svg" class="h-8" alt="Flowbite Logo" /> -->
                <img class="w-44 h-12" src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/asset 0.png" alt="">
                <!-- <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Flowbite</span> -->
            </a>
            <ul class="flex flex-row gap-4">
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://www.facebook.com/gonukkadcom" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 24 24">
                            <path d="M6.812 13.937H9.33v9.312c0 .414.335.75.75.75l4.007.001a.75.75 0 0 0 .75-.75v-9.312h2.387a.75.75 0 0 0 .744-.657l.498-4a.75.75 0 0 0-.744-.843h-2.885c.113-2.471-.435-3.202 1.172-3.202 1.088-.13 2.804.421 2.804-.75V.909a.75.75 0 0 0-.648-.743A26.926 26.926 0 0 0 15.071 0c-7.01 0-5.567 7.772-5.74 8.437H6.812a.75.75 0 0 0-.75.75v4c0 .414.336.75.75.75zm.75-3.999h2.518a.75.75 0 0 0 .75-.75V6.037c0-2.883 1.545-4.536 4.24-4.536.878 0 1.686.043 2.242.087v2.149c-.402.205-3.976-.884-3.976 2.697v2.755c0 .414.336.75.75.75h2.786l-.312 2.5h-2.474a.75.75 0 0 0-.75.75V22.5h-2.505v-9.312a.75.75 0 0 0-.75-.75H7.562z" data-original="#000000"></path>
                        </svg>
                    </a>
                </li>
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://x.com/Gonukkadcom" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 512 512">
                            <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path>
                        </svg>
                    </a>
                </li>
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://www.instagram.com/gonukkadcom/" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 24 24">
                            <path d="M12 9.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4Zm0-1.8a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm5.85-.225a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0ZM12 4.8c-2.227 0-2.59.006-3.626.052-.706.034-1.18.128-1.618.299a2.59 2.59 0 0 0-.972.633 2.601 2.601 0 0 0-.634.972c-.17.44-.265.913-.298 1.618C4.805 9.367 4.8 9.714 4.8 12c0 2.227.006 2.59.052 3.626.034.705.128 1.18.298 1.617.153.392.333.674.632.972.303.303.585.484.972.633.445.172.918.267 1.62.3.993.047 1.34.052 3.626.052 2.227 0 2.59-.006 3.626-.052.704-.034 1.178-.128 1.617-.298.39-.152.674-.333.972-.632.304-.303.485-.585.634-.972.171-.444.266-.918.299-1.62.047-.993.052-1.34.052-3.626 0-2.227-.006-2.59-.052-3.626-.034-.704-.128-1.18-.299-1.618a2.619 2.619 0 0 0-.633-.972 2.595 2.595 0 0 0-.972-.634c-.44-.17-.914-.265-1.618-.298-.993-.047-1.34-.052-3.626-.052ZM12 3c2.445 0 2.75.009 3.71.054.958.045 1.61.195 2.185.419A4.388 4.388 0 0 1 19.49 4.51c.457.45.812.994 1.038 1.595.222.573.373 1.227.418 2.185.042.96.054 1.265.054 3.71 0 2.445-.009 2.75-.054 3.71-.045.958-.196 1.61-.419 2.185a4.395 4.395 0 0 1-1.037 1.595 4.44 4.44 0 0 1-1.595 1.038c-.573.222-1.227.373-2.185.418-.96.042-1.265.054-3.71.054-2.445 0-2.75-.009-3.71-.054-.958-.045-1.61-.196-2.185-.419A4.402 4.402 0 0 1 4.51 19.49a4.414 4.414 0 0 1-1.037-1.595c-.224-.573-.374-1.227-.419-2.185C3.012 14.75 3 14.445 3 12c0-2.445.009-2.75.054-3.71s.195-1.61.419-2.185A4.392 4.392 0 0 1 4.51 4.51c.45-.458.994-.812 1.595-1.037.574-.224 1.226-.374 2.185-.419C9.25 3.012 9.555 3 12 3Z">
                            </path>
                        </svg>
                    </a>
                </li>
                <li class="bg-[#454545] hover:bg-[#000] h-10 w-10 rounded-full flex items-center justify-center shrink-0">
                    <a href="https://www.instagram.com/gonukkadcom/" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="#fff" viewBox="0 0 24 24">
                            <path fill-rule="evenodd" d="M21.7 8.037a4.26 4.26 0 0 0-.789-1.964 2.84 2.84 0 0 0-1.984-.839c-2.767-.2-6.926-.2-6.926-.2s-4.157 0-6.928.2a2.836 2.836 0 0 0-1.983.839 4.225 4.225 0 0 0-.79 1.965 30.146 30.146 0 0 0-.2 3.206v1.5a30.12 30.12 0 0 0 .2 3.206c.094.712.364 1.39.784 1.972.604.536 1.38.837 2.187.848 1.583.151 6.731.2 6.731.2s4.161 0 6.928-.2a2.844 2.844 0 0 0 1.985-.84 4.27 4.27 0 0 0 .787-1.965 30.12 30.12 0 0 0 .2-3.206v-1.516a30.672 30.672 0 0 0-.202-3.206Zm-11.692 6.554v-5.62l5.4 2.819-5.4 2.801Z" clip-rule="evenodd"></path>
                        </svg>
                    </a>
                </li>
            </ul>
            <ul class="flex flex-wrap items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
                <li>
                    <a href="https://www.gonukkad.com/blog" class="hover:underline me-4 md:me-6">Blogs</a>
                </li>
                <li>
                    <a href="https://www.gonukkad.com/privacy-policy" class="hover:underline me-4 md:me-6">Privacy Policy</a>
                </li>
                <li>
                    <a href="https://www.gonukkad.com/terms-of-service" class="hover:underline me-4 md:me-6">Terms Of Service</a>
                </li>
                <!-- <li>
                    <a href="#" class="hover:underline">Contact</a>
                </li> -->
            </ul>
        </div>
        <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8">
        <span class="block text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2024 By continuing past this page, you agree to our <a href="https://www.gonukkad.com/terms-of-service" class="text-[#f26333] underline">Terms of Service</a> and <a href="https://www.gonukkad.com/privacy-policy" class="text-[#f26333] underline">Privacy
        Policy</a>, www.gonukkad.com all rights reserves.</span>
    </div>
</footer>


<!-- Footer section end -->





<!-- Model gallery video area start -->
<div x-show="modalOpen1" class="fixed inset-0 bg-slate-900 opacity-100 flex items-center justify-center pt-20" style="display: none;">
    <div class="flex flex-col p-2">
        <div class="flex flex-row-reverse mb-4">

            <button @click="modalOpen1=false" x-bind="btn_closevid" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-white">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
                </svg>

            </button>
        </div>
        <div class="">
            <iframe x-ref="iframe" id="videohub" class="md:w-video-width1 md:h-video-height" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe>
        </div>
    </div>

</div>
<!-- Model gallery video area ends -->

<!-- Model for single video area start -->
<div x-show="modalOpen" class="fixed inset-0 bg-black bg-opacity-70 flex items-center justify-center pt-20" style="display: none;">
    <div class="flex flex-col p-2">
        <div class="flex flex-row-reverse mb-4">

            <button @click="modalOpen=false" x-bind="btn_close_single_vid" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 text-white">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
                </svg>

            </button>
        </div>
        <div class="">
            <iframe x-ref="single_vid_iframe" id="single_videohub" class="md:w-video-width md:h-video-height" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe>
        </div>
    </div>

</div>
<!-- Model for single video area ends -->

<div class="side-contact-btn">
    <a href="tel:+91-806-922-8600" class="side-btn bg-blue-500">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" class="mr-2">
            <path fill="#ffffff" d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"></path>
        </svg> Phone
    </a>
    <!-- <a href="https://api.whatsapp.com/send/?phone=9667752362&text&app_absent=0" class="side-btn bg-green-600">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="20" class="mr-2">
            <path fill="#ffffff" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" />
        </svg> Whatsapp
    </a> -->
    <!-- <a href="" class="side-btn bg-yellow-600">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="20" class="mr-2">
            <path fill="#ffffff" d="M88.2 309.1c9.8-18.3 6.8-40.8-7.5-55.8C59.4 230.9 48 204 48 176c0-63.5 63.8-128 160-128s160 64.5 160 128s-63.8 128-160 128c-13.1 0-25.8-1.3-37.8-3.6c-10.4-2-21.2-.6-30.7 4.2c-4.1 2.1-8.3 4.1-12.6 6c-16 7.2-32.9 13.5-49.9 18c2.8-4.6 5.4-9.1 7.9-13.6c1.1-1.9 2.2-3.9 3.2-5.9zM208 352c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176c0 41.8 17.2 80.1 45.9 110.3c-.9 1.7-1.9 3.5-2.8 5.1c-10.3 18.4-22.3 36.5-36.6 52.1c-6.6 7-8.3 17.2-4.6 25.9C5.8 378.3 14.4 384 24 384c43 0 86.5-13.3 122.7-29.7c4.8-2.2 9.6-4.5 14.2-6.8c15.1 3 30.9 4.5 47.1 4.5zM432 480c16.2 0 31.9-1.6 47.1-4.5c4.6 2.3 9.4 4.6 14.2 6.8C529.5 498.7 573 512 616 512c9.6 0 18.2-5.7 22-14.5c3.8-8.8 2-19-4.6-25.9c-14.2-15.6-26.2-33.7-36.6-52.1c-.9-1.7-1.9-3.4-2.8-5.1C622.8 384.1 640 345.8 640 304c0-94.4-87.9-171.5-198.2-175.8c4.1 15.2 6.2 31.2 6.2 47.8l0 .6c87.2 6.7 144 67.5 144 127.4c0 28-11.4 54.9-32.7 77.2c-14.3 15-17.3 37.6-7.5 55.8c1.1 2 2.2 4 3.2 5.9c2.5 4.5 5.2 9 7.9 13.6c-17-4.5-33.9-10.7-49.9-18c-4.3-1.9-8.5-3.9-12.6-6c-9.5-4.8-20.3-6.2-30.7-4.2c-12.1 2.4-24.8 3.6-37.8 3.6c-61.7 0-110-26.5-136.8-62.3c-16 5.4-32.8 9.4-50 11.8C279 439.8 350 480 432 480z" />
        </svg> Live Chat
    </a> -->
</div>

<script>
    function animatedCounter(targer, time = 200, start = 0) {
        return {
            current: 0,
            target: targer,
            time: time,
            start: start,
            updatecounter: function() {
                start = this.start;
                const increment = (this.target - start) / this.time;
                const handle = setInterval(() => {
                    if (this.current < this.target)
                        this.current += increment
                    else {
                        clearInterval(handle);
                        this.current = this.target
                    }
                }, 1);
            }
        };
    }

    //    Video gallery method area start
    function handleClick(e) {
        // const source = this.querySelector("source");
        const vurl = e.currentTarget.dataset.url;
        document.getElementById("videohub").src = vurl;
    }

    document.addEventListener('alpine:init', () => {
        Alpine.bind('btn_closevid', () => ({
            type: 'button',

            '@click'() {
                //this.doSomething()
                //console.log("tested");
                this.$refs.iframe.src = ""

            },

            // ':disabled'() {
            //     return this.shouldDisable
            // },
        }))
    })
    //    Video gallery method area ends


    //    Single Video gallery method arear start
    function handleSingleVideo(e) {
        const vurl = e.currentTarget.dataset.url;
        document.getElementById("single_videohub").src = vurl;
    }

    document.addEventListener('alpine:init', () => {
        Alpine.bind('btn_close_single_vid', () => ({
            type: 'button',

            '@click'() {
                this.$refs.single_vid_iframe.src = ""

            },
        }))
    })

    //    Single Video gallery method arear ends

    // FAQ script area

    document.addEventListener('alpine:init', () => {
        Alpine.store('accordion', {
            tab: 0
        });

        Alpine.data('accordion', (idx) => ({
            init() {
                this.idx = idx;
            },
            idx: -1,
            handleClick() {
                this.$store.accordion.tab = this.$store.accordion.tab === this.idx ? 0 : this.idx;
            },
            handleRotate() {
                return this.$store.accordion.tab === this.idx ? 'rotate-180' : '';
            },
            handleToggle() {
                return this.$store.accordion.tab === this.idx ? `max-height: ${this.$refs.tab.scrollHeight}px` : '';
            }
        }));
    })
</script>

<!-- Intrackt live chat start-->
<!-- <script>
    (function(w,d,s,c,r,a,m){
      w['KiwiObject']=r;
      w[r]=w[r] || function () {
        (w[r].q=w[r].q||[]).push(arguments)};
      w[r].l=1*new Date();
        a=d.createElement(s);
        m=d.getElementsByTagName(s)[0];
      a.async=1;
      a.src=c;
      m.parentNode.insertBefore(a,m)
    })(window,document,'script',"https://app.interakt.ai/kiwi-sdk/kiwi-sdk-17-prod-min.js?v="+ new Date().getTime(),'kiwi');
    window.addEventListener("load",function () {
      kiwi.init('', 'jgq6etfKwcLa0iSDraldPLHG5UlaLsvI', {});
    });
  </script> -->
<!-- Intrakt live chat end -->


<!-- Form validation area strat -->

<script>

// window.validateForm = function () {
//   return {
//     name: '',
//     email: '',
//     mobile: '',
//     validation: {
//       name: {
//         rule: {
//           required: function (field) {
//             if (field) {
//               return { error: false, message: ''}
//             } else {
//               return { error: true, message: 'This field is required.'}
//             }
//           },
//           minLength: function (field, value = 2) {
//             if (field && field.length >= value) {
//               return { error: false, message: ''}
//             } else {
//               return { error: true, message: `This field must have minimum ${value} characters length.`}
//             }
//           }
//         },
//         error: true,
//         message: ''
//       },
//       email: {
//         rule: {
//           required: function (field) {
//             if (field) {
//               return { error: false, message: ''}
//             } else {
//               return { error: true, message: 'This field is required.'}
//             }
//           },
//           email: function (field) {
//             const rgx = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
//             if (rgx.test(field)) {
//               return { error: false, message: ''}
//             } else {
//               return { error: true, message: 'This field has wrong email address format.'}
//             }
//           }
//         },
//         error: true,
//         message: ''
//       },
//       mobile: {
//         rule: {
//           required: function (field) {
//             if (field) {
//               return { error: false, message: ''}
//             } else {
//               return { error: true, message: 'This field is required.'}
//             }
//           },
//           minLength: function (field, value = 10) {
//             if (field && field.length >= value) {
//               return { error: false, message: ''}
//             } else {
//               return { error: true, message: `This field must have minimum ${value} characters length.`}
//             }
//           }
//         },
//         error: true,
//         message: ''
//       }
//     },
//     validate (field) {
//       for (const key in this.validation[field].rule) {
//         const validationResult = this.validation[field].rule[key](this[field])
//         if (validationResult.error) {
//           this.validation[field].error = true
//           this.validation[field].message = validationResult.message
//           break
//         }
//         this.validation[field].error = false
//         this.validation[field].message = ''
//         continue
//       }
//     }
//   }
// }

Alpine.data("form", form);
Alpine.start();

function form() {
  return {
    name: { errorMessage: "", blurred: false },
    email: { errorMessage: "", blurred: false },
    // password: { errorMessage: "", blurred: false },
    // passwordConf: { errorMessage: "", blurred: false },
    blur: function (event) {
      let ele = event.target;
      this[ele.name].blurred = true;
      let rules = JSON.parse(ele.dataset.rules);
      this[ele.name].errorMessage = this.getErrorMessage(ele.value, rules);
    },
    input: function (event) {
      let ele = event.target;
      let rules = JSON.parse(ele.dataset.rules);
      this[ele.name].errorMessage = this.getErrorMessage(ele.value, rules);
    },
    submit: function (event) {
      let inputs = [...this.$el.querySelectorAll("input[data-rules]")];
      inputs.map((input) => {
        if (Iodine.is(input.value, JSON.parse(input.dataset.rules)) !== true) {
          event.preventDefault();
        }
      });
    },
    getErrorMessage: function (value, rules) {
      let isValid = Iodine.is(value, rules);
      if (isValid !== true) {
        return Iodine.getErrorMessage(isValid);
      }
      return "";
    }
  };
}

</script>

<!-- Form validation area end -->

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<script src="https://www.gonukkad.com/wp-content/themes/gonukkadv2/scripts.js"></script>
<script defer="" src="https://unpkg.com/@colinaut/alpinejs-plugin-simple-validate@1/dist/alpine.validate.min.js"></script>

<script defer="" src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
<script defer="" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
<script type="text/javascript" src="https://assets.calendly.com/https://www.gonukkad.com/wp-content/themes/gonukkadv2/assets/external/widget.js" async=""></script>


<div style="display: none; visibility: hidden;"><script async="null" src="https://ob.tostarsbuilding.com/i/049d9517410d8f5d0916dcff6f2d8e73.js" data-ch="www.gonukkad.com" class="ct_clicktrue_74905" data-jsonp="onCheqResponse"></script></div></body></html>