<!DOCTYPE html>
<html lang="en" class="">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    
    
    
    <meta name="csrf-token" content="ROxajGpTIJd8ttJzv9nPJplMdonZVR4h1XUp6l4W">
    <link rel="manifest" href="https://payoffretail.com/public/manifest.json">
    <meta name="theme-color" content="#ffffff">
    <link rel="shortcut icon" href="https://payoffretail.com/public/assets/img/favicon.ico">
    <title>Payoffretail - Site Map</title>
    <link rel="stylesheet" href="https://payoffretail.com/public/assets/scss/tailwind.css?version=1.01" />
    <link rel="stylesheet" href="https://payoffretail.com/public/assets/scss/style.css?version=1.01" />
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap" rel="stylesheet">
        <style>
        .btn-common{
            color: #ffffff;
            background: linear-gradient(250deg, #7c3aed, #ef4444) !important;
        }
    </style>
        
    <script>
    /*start - hit pwa custom button */
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', function() {
          navigator.serviceWorker.register("https://payoffretail.com/public/service-worker.js").then(function(registration) {
            //console.log('Service Worker registered with scope: ', registration.scope);
          }, function(err) {
            //console.log('Service Worker registration failed: ', err);
          });
        });
      }
      /*end - hit pwa custom button */
    </script>

</head>
<body class="dark:bg-gray-800">
    <div class="preloader fixed top-0 left-0 w-full h-screen z-9999999 backdrop-filter backdrop-grayscale backdrop-blur-2xl backdrop-saturate-150">
    <div class="pre-container absolute grid left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">                
        <svg class="animate-spin h-5 w-5 text-black justify-self-center" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
        </svg>
        <p class="mt-2 font-bold">Processing</p>
    </div>
</div>    <div class="web_content">
        <style>
    @media(max-width: 576px){
        .custom-search{
            margin-top: 50px;
            z-index: 9999;
            position: fixed;
            width: 80%;
            left: 50%;
            transform: translateX(-50%);
        }
    }
</style>
<div class="bg-white dark:bg-gray-800">
    <div id="header" class=" pt-1 sm:pt-5 transition-all duration-200 md:justify-start fixed top-0 z-99999 z-50 bg-white dark:bg-gray-800 w-full">
        <div class="max-w-7xl flex sm:justify-between items-center mx-auto sm:mb-0 border-b border-gray-300">
            <div class="mobileMenu grid grid-cols-12 items-center sm:hidden px-5 w-full">
                <div x-data="{ sideDrawerMenu: false }" class="-mr-2 -my-2 md:hidden col-span-1">
    <button @click="sideDrawerMenu = true" type="button"
        class="bg-white dark:bg-transparent rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
        aria-expanded="false">
        <span class="sr-only">Open menu</span>
        <!-- Heroicon name: outline/menu -->
        <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
            stroke="currentColor" aria-hidden="true">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                d="M4 6h16M4 12h16M4 18h16" />
        </svg>
    </button>
    <div x-show="sideDrawerMenu" class="fixed z-20 inset-0 overflow-y-auto" aria-labelledby="modal-title" x-ref="dialog" aria-modal="true">
        <div class="flex items-end justify-center min-h-screen pt-4 pb-20 text-center sm:block sm:p-0">

            <div x-show="sideDrawerMenu" x-transition:enter="ease-out duration-300"
                x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"
                x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100"
                x-transition:leave-end="opacity-0"
                x-description="Background overlay, show/hide based on modal state."
                class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" @click="sideDrawerMenu = false"
                aria-hidden="true"></div>


            <!-- This element is to trick the browser into centering the modal contents. -->
            <span class="hidden sm:inline-block sm:align-middle sm:h-screen"
                aria-hidden="true">&ZeroWidthSpace;</span>

            <div x-show="sideDrawerMenu" x-transition:enter="ease-out duration-300"
                x-transition:enter-start="opacity-0 -translate-x-full sm:-translate-x-0 sm:scale-95"
                x-transition:enter-end="opacity-100 -translate-x-0 sm:scale-100"
                x-transition:leave="ease-in duration-200"
                x-transition:leave-start="opacity-100 -translate-x-0 sm:scale-100"
                x-transition:leave-end="opacity-0 -translate-x-full sm:-translate-x-0 sm:scale-95"
                x-description="Modal panel, show/hide based on modal state."
                class="fixed top-0 left-0 bottom-0 inline-block w-3/5 bg-gray-50 dark:bg-gray-700 align-bottom rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
                <div class="bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                    <div class="">
                        <div class="mt-3 sm:mt-0">
                                                    <a href="https://payoffretail.com/login" class="mt-6 text-3xl font-extrabold text-gray-900 dark:text-gray-100">
                                Login
                            </a>
                            <p class="mt-2 ml-20 text-sm text-gray-600 dark:text-gray-100">
                                Or
                                <a href="https://payoffretail.com/register" class="font-medium pl-2 text-xl text-blue-500 hover:text-blue-400">
                                    Register
                                </a>
                            </p>
                                                </div>
                    </div>
                </div>
                <div class="text-center p-2">
                    <h4 class="flex justify-center">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mr-2" x-on:mouseover="tooltip = true" x-on:mouseleave="tooltip = false" viewBox="0 0 24 24" fill="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
                        </svg>
                        52+ Users
                    </h4>
                </div>
                <div class="bg-gray-50 dark:bg-gray-700 sm:flex sm:justify-center">
                    <ul class="overflow-y-scroll h-75vh">
                                                <li class="bg-gray-100 dark:bg-gray-700 dark:border-gray-800 dark:text-gray-100 border-t border-b border-white">
                            <a class="flex justify-between px-4 py-2" href="https://payoffretail.com">
                                <p class="text-sm flex gap-2">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
                                    </svg>
                                    Home
                                </p>
                            </a>
                        </li>
                        <li class="bg-gray-100 dark:bg-gray-700 dark:border-gray-800 dark:text-gray-100 border-t border-b border-white" x-data="{selected1:null}">
                            <a class="flex justify-between px-4 py-2" @click="selected1 !== 1 ? selected1 = 1 : selected1 = null">
                                <p class="text-sm flex gap-2">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" />
                                    </svg>
                                    Category
                                </p>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transform duration-200" :class="{ 'rotate-90': selected1 }" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                </svg>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700" style="" x-ref="container1" x-bind:style="selected1 == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''">
                                <ul class="ml-5 list-disc pl-5">
                                                                            <li class="bg-gray-100 dark:bg-gray-800">
                                            <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/shop/grocery">
                                                <p class="text-sm">Grocery</p>
                                            </a>
                                        </li>
                                                                            <li class="bg-gray-100 dark:bg-gray-800">
                                            <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/shop/small-appliance">
                                                <p class="text-sm">Small Appliance</p>
                                            </a>
                                        </li>
                                                                            <li class="bg-gray-100 dark:bg-gray-800">
                                            <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/shop/mobiles-accessories">
                                                <p class="text-sm">Mobiles &amp; Accessories</p>
                                            </a>
                                        </li>
                                                                            <li class="bg-gray-100 dark:bg-gray-800">
                                            <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/shop/home-appliances">
                                                <p class="text-sm">Home Appliances</p>
                                            </a>
                                        </li>
                                                                            <li class="bg-gray-100 dark:bg-gray-800">
                                            <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/shop/audio-and-speakers">
                                                <p class="text-sm">Audio &amp; Speakers</p>
                                            </a>
                                        </li>
                                                                            <li class="bg-gray-100 dark:bg-gray-800">
                                            <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/shop/personal-care">
                                                <p class="text-sm">Personal Care</p>
                                            </a>
                                        </li>
                                                                            <li class="bg-gray-100 dark:bg-gray-800">
                                            <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/shop/automotive">
                                                <p class="text-sm">Automotive</p>
                                            </a>
                                        </li>
                                                                            <li class="bg-gray-100 dark:bg-gray-800">
                                            <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/shop/toys">
                                                <p class="text-sm">Toys</p>
                                            </a>
                                        </li>
                                                                            <li class="bg-gray-100 dark:bg-gray-800">
                                            <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/shop/festival-celebration-wibe">
                                                <p class="text-sm">Festival vibes</p>
                                            </a>
                                        </li>
                                                                    </ul>
                            </div>
                        </li>
                        <li class="bg-gray-100 dark:bg-gray-700 dark:border-gray-800 dark:text-gray-100 border-t border-b border-white">
                            <a class="flex justify-between px-4 py-2" href="">
                                <p class="text-sm flex gap-2">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
                                    </svg>
                                    Deal of the day
                                </p>
                            </a>
                        </li>
                        <li class="bg-gray-100 dark:bg-gray-700 dark:border-gray-800 dark:text-gray-100 border-t border-b border-white" x-data="{selected1:null}">
                            <a class="flex justify-between px-4 py-2" @click="selected1 !== 1 ? selected1 = 1 : selected1 = null">
                                <p class="text-sm flex gap-2">
                                    <svg id="Layer_1" data-name="Layer 1" class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 12.97"><defs><style>.cls-1{fill:#090909;}</style></defs><path class="cls-1" d="M4.51,20.72c-.24-3-1.76-4.66-4.9-4.85,1.17-1.27,1.73-3,3.84-2.71.34.06.47-.21.64-.43.72-.92,1.5-1.79,2.14-2.76A4.77,4.77,0,0,1,10.4,7.8c2.67,0,2.18-.51,2.15,2.15a4.75,4.75,0,0,1-2.22,4.22c-.65.42-1.21,1-1.85,1.43s-1.54,1-1.31,2.22A1.44,1.44,0,0,1,6.56,19ZM11.56,9.45c-.08-.18.24-.67-.25-.66-1.32,0-2.73,0-3.68,1.13C6.37,11.44,5.17,13,4,14.56c-1,1.26-.94,1.26.18,2.38.32.32.52.34.88,0,1.52-1.21,3-2.46,4.62-3.56A4.51,4.51,0,0,0,11.56,9.45ZM6.18,17.36c-.39.29-.7.51-1,.75a.38.38,0,0,0,0,.52c.2.3.32,0,.45-.1A1.19,1.19,0,0,0,6.18,17.36ZM2.89,14.17a1,1,0,0,0-1,.53c-.1.13-.4.26-.19.45a.4.4,0,0,0,.64-.07C2.49,14.78,2.79,14.56,2.89,14.17Z" transform="translate(0.39 -7.75)"/><path class="cls-1" d="M1.62,16.8c.89.32.62.93.35,1.51.46.16.83-.59,1.29,0,.24.32.28.46-.07.68a6.27,6.27,0,0,1-2.73.87A6,6,0,0,1,1.62,16.8Z" transform="translate(0.39 -7.75)"/><path class="cls-1" d="M8.88,10.55a.93.93,0,0,1,.91,1,.92.92,0,0,1-1,1,.93.93,0,0,1-1-1A1,1,0,0,1,8.88,10.55Z" transform="translate(0.39 -7.75)"/></svg>
                                    Mission
                                </p>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transform duration-200" :class="{ 'rotate-90': selected1 }" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                </svg>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700" style="" x-ref="container1" x-bind:style="selected1 == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''">
                                <ul class="ml-5 list-disc pl-5">
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/main-fund">
                                            <p class="text-sm">Main fund</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/plan-of-vision">
                                            <p class="text-sm">Plan of vision</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/star-of-journey">
                                            <p class="text-sm">Star of journey</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/goldenship">
                                            <p class="text-sm">Goldenship</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/Donate">
                                            <p class="text-sm">Donate</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/gift-card">
                                            <p class="text-sm">Gift card</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/coupon">
                                            <p class="text-sm">Coupon</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="bg-gray-100 dark:bg-gray-700 dark:border-gray-800 dark:text-gray-100 border-t border-b border-white" x-data="{selected1:null}">
                            <a class="flex justify-between px-4 py-2" @click="selected1 !== 1 ? selected1 = 1 : selected1 = null">
                                <p class="text-sm flex gap-2">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" />
                                    </svg>
                                    Connect
                                </p>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transform duration-200" :class="{ 'rotate-90': selected1 }" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                </svg>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700" style="" x-ref="container1" x-bind:style="selected1 == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''">
                                <ul class="ml-5 list-disc pl-5">
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/vendors/login">
                                            <p class="text-sm">Join with us</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/follow-us">
                                            <p class="text-sm">Follow us on</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/blog">
                                            <p class="text-sm">Blog</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/feedback">
                                            <p class="text-sm">Feedback</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/helpdesk">
                                            <p class="text-sm">Help Desk</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </li>
                        <li class="bg-gray-100 dark:bg-gray-700 dark:border-gray-800 dark:text-gray-100 border-t border-b border-white" x-data="{selected1:null}">
                            <a class="flex justify-between px-4 py-2" @click="selected1 !== 1 ? selected1 = 1 : selected1 = null">
                                <p class="text-sm flex gap-2" >
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z" />
                                    </svg>
                                    Communicate
                                </p>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transform duration-200" :class="{ 'rotate-90': selected1 }" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                                </svg>
                            </a>
                            <div class="relative overflow-hidden transition-all max-h-0 duration-700" style="" x-ref="container1" x-bind:style="selected1 == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''">
                                <ul class="ml-5 list-disc pl-5">
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/cms/terms-and-conditions">
                                            <p class="text-sm">Terms & Condition</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="#">
                                            <p class="text-sm">Language</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/cms/about-us">
                                            <p class="text-sm">About Us</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/contact-us">
                                            <p class="text-sm">Contact with us</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/sitemap">
                                            <p class="text-sm">Sitemap</p>
                                        </a>
                                    </li>
                                    <li class="bg-gray-100 dark:bg-gray-800">
                                        <a class="flex justify-between px-2 py-2" href="https://payoffretail.com/website-rating">
                                            <p class="text-sm">Your rating for website</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        
                        <li class="py-8 text-sm text-center px-4"><button id="pwahitappmobi" class="bg-blue-700 w-auto text-white py-1 px-5 border rounded mx-auto pwahitapp" hidden>Install App</button></li>
                        
                                            </ul>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="flex justify-start col-span-3 lg:w-0 lg:flex-1 ml-5 sm:ml-0">
    <a href="https://payoffretail.com">
        <img class="h-14 sm:h-24 w-32" style="max-width: fit-content;" src="https://payoffretail.com/public/logo/logo.svg" alt="">
    </a>
</div>
<ul class="usefullLinks flex space-x-2 col-span-8 justify-end">
    <li class="h-6 w-6">
        <a href="https://payoffretail.com/comparison" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
            </svg>
            <span class="itemCount header__compareCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
        </a>
    </li>
    <li title="Subscriptions" class="h-6 w-6">
        <a href="https://payoffretail.com/subscription" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
            </svg>
            <span class="itemCount header__bookingCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
        </a>
    </li>
    <li title="Bookings" class="h-6 w-6">
        <a href="https://payoffretail.com/booking" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"></path>
            </svg>
            <span class="itemCount header__subscriptionCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
        </a>
    </li>
    <li class="pr-0 relative">
        <a href="https://payoffretail.com/wishlist" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
            </svg>
            <span class="itemCount header__wishlistCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
        </a>
    </li>
    <li class="pr-0 relative" x-data="{ cartPopup: false }">
        <a href="javascript:;" @click="cartPopup = !cartPopup" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" />
            </svg>
            <span class="itemCount header__cartCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
            <!-- <span class="pl-2">₹ 0.00</span> -->
        </a>
        <div :class="cartPopup ? 'translate-x-0 ease-out' : 'translate-x-full ease-in'" id="cartsidebarpopup" class="cartsidebarpopup fixed z-99999 right-0 top-0 max-w-xs w-full h-full px-6 py-4 transition duration-300 transform overflow-y-auto bg-white dark:bg-gray-700 shadow">
        <div class="flex items-center justify-between">
    <h3 class="text-2xl font-medium text-gray-700 dark:text-gray-100">Your cart</h3>
    <button @click="cartPopup = !cartPopup" class="text-gray-600 dark:text-gray-100 focus:outline-none">
        <svg class="h-5 w-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M6 18L18 6M6 6l12 12"></path></svg>
    </button>
</div>

<hr class="my-3">
<div class="">
            <div class="flex items-center justify-center mt-5">
            No orders currently.
            <a href="" class="ml-5 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                Order Now.
            </a>
        </div>
    </div>
<div class="flex space-x-4">
    <a href="https://payoffretail.com/cart/customer-info" class="flex flex-1 items-center justify-center border-2 border-blue-500 mt-4 px-3 py-2 bg-blue-600 text-white text-sm font-medium rounded hover:bg-blue-500 focus:outline-none focus:bg-blue-500">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mx-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" /></svg>
        <span>Checkout</span>
    </a>
    <a href="https://payoffretail.com/carts" class="flex flex-1 items-center justify-center border-2 border-blue-500 mt-4 px-3 py-2 text-blue-500 text-sm font-medium rounded hover:bg-whitefocus:outline-none focus:bg-blue-500">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mx-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
        <span>View Cart</span>
    </a>
</div>
<script>
    function addcart(id, type){
        var qty = $('.cart_' + id).val();
        var noofqty = $('#noofqty_' + id).val();
        var min_qty = $('#min_qty').val();
        if(type == 1){
            var val = qty - 1;
        }else{
            var val = parseInt(qty) + 1;
        }
        if(val >= min_qty && val <= noofqty){
            $('.cart1_' + id).html(val);
            $('.cart_' + id).val(val);
            var url = 'https://payoffretail.com/updatecart'
            $.ajax({
                url: url,
                method: "POST",
                data: {
                    _token: 'ROxajGpTIJd8ttJzv9nPJplMdonZVR4h1XUp6l4W',
                    id: id,
                    quantity: $('.cart_' + id).val()
                },
                success: function (response) {
                    if(val == 0){
                        window.location.reload();
                    }
                    $('.header__cartCount').html(response.count);
                    $('.successmessage').html(response.message);
                    show_toastr('success');
                }
            });
        }
    }
</script>
        </div>
    </li>
</ul>
            </div>
            <div class="hidden sm:grid items-center ml-0 col-span-3 lg:w-0 lg:flex-1 sm:ml-0">
                <!-- <p class="text-xs ml-4 dark:text-gray-100">New Retail Consumer Empower</p> -->
                <div class="w-80">
                    <a href="https://payoffretail.com">
                        <img src="https://payoffretail.com/public/logo/logo.svg" alt="">
                    </a>
                </div>
            </div>
            <div class="hidden md:flex space-x-10">
                <div class="relative">
                                                                                                                                                                                                                                                                                                                                                                                                                                                    
                    <form id="searchForm" action="https://payoffretail.com/shop">
                        <div x-data="{ mobileSearchResult: false }" class="relative flex w-full items-stretch mb-3">
                            <div class="spinner-wrap hidden">
                                <div class="spinner-item"></div>
                                <div class="spinner-item spinner-item--2"></div>
                                <div class="spinner-item spinner-item--3"></div>
                            </div>
                            <button type="button" id="spiker" class="z-10 h-full leading-snug font-normal text-center text-blueGray-300 absolute bg-transparent border-2 border-r-0 border-blue-700 rounded-l-full text-base items-center justify-center w-11 pl-3 py-3">
                                <svg xmlns="http://www.w3.org/2000/svg" class=" spiker h-4 w-4 text-gray-500 dark:text-gray-100" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" />
                                </svg>
                            </button>
                            <input name="search" id="seachdata" type="text" @click="mobileSearchResult= true" placeholder="Search for Products" class="typeahead w-80 ml-5 px-3 py-3 border-0 border-t-2 border-b-2 border-blue-700 placeholder-blueGray-300 dark:bg-gray-800 text-blueGray-600 relative bg-white dark:text-gray-100 text-sm outline-none focus:outline-none focus:ring-0 shadow-none pl-5" />
                            <select id="category_select" class="form-select text-gray-400 px-1 text-sm block w-40 bg-white dark:bg-gray-800 border-0 border-t-2 border-b-2 border-blue-700 focus:outline-none focus:ring-0">
                                <option selected value="0">All Categories</option>
                                                                    <option value="grocery" >Grocery</option>
                                                                    <option value="small-appliance" >Small Appliance</option>
                                                                    <option value="mobiles-accessories" >Mobiles &amp; Accessories</option>
                                                                    <option value="home-appliances" >Home Appliances</option>
                                                                    <option value="audio-and-speakers" >Audio &amp; Speakers</option>
                                                                    <option value="personal-care" >Personal Care</option>
                                                                    <option value="automotive" >Automotive</option>
                                                                    <option value="toys" >Toys</option>
                                                                    <option value="festival-celebration-wibe" >Festival vibes</option>
                                                            </select>
                            <div
                                x-show="mobileSearchResult" x-transition:enter="ease-out duration-100"
                                x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100"
                                x-transition:leave="ease-in duration-75" x-transition:leave-start="opacity-100 scale-100"
                                x-transition:leave-end="opacity-0 scale-95"
                                x-description="Background overlay, show/hide based on modal state."
                            class="origin-top-right absolute right-0 mt-12 w-full rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
                                <div class="py-1" role="none" id="searchdata"></div>
                            </div>
                            <button class="bg-blue-700 px-5 border-2 rounded-r-full border-blue-700" @click="mobileSearchResult = false">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none"
                                    viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
                                </svg>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
            <div x-data="{ logreg: false }" class="hidden md:flex items-center justify-end md:flex-1 lg:w-0">
                
                                <div @click="logreg = !logreg" class="flex flex-col items-center">
                    <a class="whitespace-nowrap rounded-full bg-blue-700 text-white p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
                        </svg>
                    </a>
                    <span class="text-xs dark:text-gray-100">Customer Login</span>
                </div>
                                    <ul
                        x-show="logreg" x-transition:enter="ease-out duration-300"
                        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                        x-transition:leave="ease-in duration-200"
                        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                        class="absolute top-16 bg-white dark:bg-gray-700 p-4 mt-5 shadow-payoff rounded-lg w-24 z-10">
                        <li class="border-b py-1 text-sm cursor-pointer font-bold"><a href="https://payoffretail.com/login">Login</a></li>
                        <li class="border-b py-1 text-sm cursor-pointer font-bold"><a href="https://payoffretail.com/register">Register</a></li>
                    </ul>
                
            </div>
        </div>
        <div class="md:hidden space-x-10">
            <div class="relative">
                
                <form id="searchForm1" action="https://payoffretail.com/shop">
                    <div x-data="{ mobileSearchResult: false }" class="relative flex w-full items-stretch mt-0 sm:mt-2 border-2 border-blue-700 rounded-full overflow-hidden">
                        <div class="spinner-wrap hidden">
                            <div class="spinner-item"></div>
                            <div class="spinner-item spinner-item--2"></div>
                            <div class="spinner-item spinner-item--3"></div>
                        </div>
                        <button type="button" id="spiker1" class="z-10 h-full leading-snug font-normal text-center text-blueGray-300 absolute bg-transparent rounded text-base items-center justify-center w-8 pl-3 py-3">
                            <svg xmlns="http://www.w3.org/2000/svg" class="spiker1 h-4 w-4 text-gray-500 dark:text-gray-100" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"></path>
                            </svg>
                        </button>
                        <input name="search"onchange="this.value = this.value.toUpperCase()" id="seachdata1" type="text" @click="mobileSearchResult= true" placeholder="Search for Products" class="typeahead1 w-full sm:w-80 px-3 py-3 placeholder-blueGray-300 dark:bg-gray-800 text-blueGray-600 relative bg-white dark:text-gray-100 rounded text-sm border-0 outline-none focus:outline-none pl-10" />
                        
                       <select id="category_select_mobile" class="form-select text-gray-400 px-2 text-sm block w-40 bg-white dark:bg-gray-800 border-0 border-t-2 border-b-2 border-blue-700 focus:outline-none focus:ring-0">
                            <option selected value="0">All Categories</option>
                                                            <option value="grocery" >Grocery</option>
                                                            <option value="small-appliance" >Small Appliance</option>
                                                            <option value="mobiles-accessories" >Mobiles &amp; Accessories</option>
                                                            <option value="home-appliances" >Home Appliances</option>
                                                            <option value="audio-and-speakers" >Audio &amp; Speakers</option>
                                                            <option value="personal-care" >Personal Care</option>
                                                            <option value="automotive" >Automotive</option>
                                                            <option value="toys" >Toys</option>
                                                            <option value="festival-celebration-wibe" >Festival vibes</option>
                                                    </select>
                        <div
                            x-show="mobileSearchResult" x-transition:enter="ease-out duration-100"
                            x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100"
                            x-transition:leave="ease-in duration-75" x-transition:leave-start="opacity-100 scale-100"
                            x-transition:leave-end="opacity-0 scale-95"
                            x-description="Background overlay, show/hide based on modal state."
                        class="custom-search origin-top-right absolute right-0 mt-12 w-full rounded-md shadow-lg bg-white dark:bg-gray-700 ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
                            <div class="py-1" role="none" id="searchdata1"></div>
                        </div>
                        
                        <button class="bg-blue-700 px-5" @click="mobileSearchResult = false">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
                            </svg>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="max-w-7xl mx-auto mb-28 sm:mb-0 pt-2">
        <div class="pof__iconsmenu hidden sm:flex justify-between mt-28">
            <div class="pof__iconsmenu__left">
                <ul x-data="{ desktopMenu: false }" class="flex items-center">
                    <li @click="desktopMenu = !desktopMenu" class="p-2 border rounded border-gray-200 dark:text-gray-100">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                        </svg>
                        <ul
    x-show="desktopMenu" x-transition:enter="ease-out duration-300"
    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
    x-transition:leave="ease-in duration-200"
    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
    class="absolute bg-white dark:bg-gray-700 p-4 mt-5 shadow-payoff rounded-lg w-80 z-10">
        <li class="border-b py-1 text-sm cursor-pointer font-bold"><a href="https://payoffretail.com">Home</a></li>
    <li class="border-b py-1 text-sm cursor-pointer dropdown">
        <div class="flex justify-between">
            <p>Category</p>
            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
        </div>
        <div x-transition:enter="ease-out duration-300"
            x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
            x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
            x-transition:leave="ease-in duration-200"
            x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
            x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
            x-description="Modal panel, show/hide based on modal state."
            class="dropdown-menu hidden bg-white dark:bg-gray-700 shadow-payoff absolute ml-10 left-full top-0 rounded-lg transform -translate-x-4 p-4">
            <div class="allCats flex">
                <div class="w-72">
                    <h4 class="font-bold">Category</h4>
                    <ul class="mt-4 max-h-60 overflow-y-scroll">
                                                    <li class="py-2"><a href="https://payoffretail.com/shop/grocery">Grocery</a></li>
                                                    <li class="py-2"><a href="https://payoffretail.com/shop/small-appliance">Small Appliance</a></li>
                                                    <li class="py-2"><a href="https://payoffretail.com/shop/mobiles-accessories">Mobiles &amp; Accessories</a></li>
                                                    <li class="py-2"><a href="https://payoffretail.com/shop/home-appliances">Home Appliances</a></li>
                                                    <li class="py-2"><a href="https://payoffretail.com/shop/audio-and-speakers">Audio &amp; Speakers</a></li>
                                                    <li class="py-2"><a href="https://payoffretail.com/shop/personal-care">Personal Care</a></li>
                                                    <li class="py-2"><a href="https://payoffretail.com/shop/automotive">Automotive</a></li>
                                                    <li class="py-2"><a href="https://payoffretail.com/shop/toys">Toys</a></li>
                                                    <li class="py-2"><a href="https://payoffretail.com/shop/festival-celebration-wibe">Festival vibes</a></li>
                                                <li class="nav-divider"></li>
                    </ul>
                </div>
            </div>
            <img src="https://payoffretail.com/public/assets/img/promo.png" alt="">
        </div>
    </li>
    <li class="border-b py-1 text-sm cursor-pointer font-bold"><a href="https://payoffretail.com/deal-of-day">Deal of the day</a></li>
    <li class="border-b py-1 text-sm cursor-pointer dropdown">
        <div class="flex justify-between">
            <p>Mission</p>
            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 " fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
        </div>
        <div x-transition:enter="ease-out duration-300"
            x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
            x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
            x-transition:leave="ease-in duration-200"
            x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
            x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
            x-description="Modal panel, show/hide based on modal state."
            class="dropdown-menu hidden bg-white dark:bg-gray-700 shadow-payoff absolute ml-10 left-full top-0 rounded-lg transform -translate-x-4 p-4">
            <div class="allCats flex">
                <div class="w-72">
                    <h4 class="font-bold">Mission</h4>
                    <ul class="mt-4">
                        <li class="py-2"><a href="https://payoffretail.com/main-fund">Main fund</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/plan-of-vision">Plan of vision</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/star-of-journey">Star of journey</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/goldenship">Goldenship</a></li>
                        <li class="nav-divider"></li>
                    </ul>
                </div>
                <div class="w-72">
                    <h4 class="font-bold">Charity, Donation & Gifts</h4>
                    <ul class="mt-4">
                        <li class="py-2"><a href="https://payoffretail.com/Donate">Donate</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/coupon">Coupon</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/gift-card">Gift card</a></li>
                        <li class="nav-divider"></li>
                    </ul>
                </div>
            </div>
            <img src="https://payoffretail.com/public/assets/img/promo.png" alt="">
        </div>
    </li>
    <li class="border-b py-1 text-sm cursor-pointer dropdown" >
        <div class="flex justify-between">
            <p>Connect</p>
            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
        </div>
        <div x-transition:enter="ease-out duration-300"
            x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
            x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
            x-transition:leave="ease-in duration-200"
            x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
            x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
            x-description="Modal panel, show/hide based on modal state."
            class="dropdown-menu hidden bg-white dark:bg-gray-700 shadow-payoff absolute ml-10 left-full top-0 rounded-lg transform -translate-x-4 p-4">
            <div class="allCats flex">
                <div class="w-72">
                    <h4 class="font-bold">Connect</h4>
                    <ul class="mt-4">
                        <li class="py-2"><a href="https://payoffretail.com/vendors/register">Join with us</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/follow-us">Follow us on</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/blog">Blog ( Coming Soon )</a></li>
                        <li class="nav-divider"></li>
                    </ul>
                </div>
                <div class="w-72">
                    <h4 class="font-bold">Help & Care</h4>
                    <ul class="mt-4">
                        <li class="py-2"><a href="https://payoffretail.com/feedback">Feedback</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/helpdesk">Help Desk ( Coming Soon)</a></li>
                        <li class="nav-divider"></li>
                    </ul>
                </div>
            </div>
            <img src="https://payoffretail.com/public/assets/img/promo.png" alt="">
        </div>
    </li>
    <li class="py-1 text-sm cursor-pointer dropdown" >
        <div class="flex justify-between">
            <p>Communicate</p>
            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
        </div>
        <div x-transition:enter="ease-out duration-300"
            x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
            x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
            x-transition:leave="ease-in duration-200"
            x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
            x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
            x-description="Modal panel, show/hide based on modal state."
            class="dropdown-menu hidden bg-white dark:bg-gray-700 shadow-payoff absolute ml-10 left-full top-0 rounded-lg transform -translate-x-4 p-4">
            <div class="allCats flex">
                <div class="w-72">
                    <h4 class="font-bold">Communicate</h4>
                    <ul class="mt-4">
                        <li class="py-2"><a href="https://payoffretail.com/cms/terms-and-conditions">Terms & Condition</a></li>
                        <li class="py-2"><a href="#">Language</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/cms/about-us">About Us</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/contact-us">Contact with us</a></li>
                        <li class="nav-divider"></li>
                    </ul>
                </div>
                <div class="w-72">
                    <h4 class="font-bold">Visibility & Ratings</h4>
                    <ul class="mt-4">
                        <li class="py-2"><a href="https://payoffretail.com/sitemap">Sitemap</a></li>
                        <li class="py-2"><a href="https://payoffretail.com/website-rating">Your rating for website</a></li>
                        <li class="nav-divider"></li>
                    </ul>
                </div>
            </div>
            <img src="https://payoffretail.com/public/assets/img/promo.png" alt="">
        </div>
    </li>
    <li class="py-8 text-sm text-center"><button id="pwahitapp" class="bg-blue-700 w-auto text-white py-1 px-5 border rounded mx-auto pwahitapp" hidden>Install App</button></li>
</ul>
                    </li>
                    <li class="p-2 ml-5">
                        <a href="javascript:void(0)" x-data="{ tooltip: false }"
                            class="whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" x-on:mouseover="tooltip = true" x-on:mouseleave="tooltip = false" viewBox="0 0 24 24" fill="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
                            </svg>
                            <div class="relative z-99999 top-12" x-cloak x-show.transition.origin.top="tooltip">
                                <div class="absolute bg-white z-10 w-32 p-2 -mt-1 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white-500 rounded-lg shadow-lg">
                                    52+ Users
                                </div>
                            </div>
                        </a>
                    </li>
                    <!-- <li class="p-2 ml-5">
                        <a href="javascript:void(0)" x-data="{ enterpin: false }"
                            class="whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" @click="enterpin = !enterpin" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                            </svg>
                            <div class="relative z-99999 top-36" x-cloak x-show.transition.origin.top="enterpin">
                                <div class="absolute bg-white z-10 p-2 -mt-1 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white-500 rounded-lg shadow-lg">
                                    <form action="">
                                        <div class="col-span-6 sm:col-span-3 lg:col-span-3">
                                            <label for="first-name" class="block text-sm font-medium text-gray-700 dark:text-gray-100">Your PINCODE</label>
                                            <input type="text" oninput="this.value = this.value.toUpperCase()" name="first-name" id="first-name" autocomplete="given-name" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-800  block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
                                            <button type="submit" class="inline-flex w-full mt-2 justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
                                                </svg>
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </a>
                    </li> -->
                    <!-- <li class="p-2 ml-3">
                        <a href="https://payoffretail.com/shop" class="whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M3.5,0.4C3.7,0.1,4,0,4.4,0h10c0.3,0,0.7,0.1,0.9,0.4L18.3,4c0.3,0.3,0.4,0.7,0.4,1.1v0.3c0,1.5-1.2,2.8-2.8,2.8c-0.9,0-1.7-0.4-2.2-1.1c-0.5,0.7-1.3,1.1-2.2,1.1c-0.9,0-1.7-0.4-2.2-1.1C8.8,7.8,8,8.2,7.2,8.2C6.3,8.2,5.5,7.8,5,7.1C4,8.3,2.3,8.6,1.1,7.6C0.4,7.1,0,6.3,0,5.4V5.1C0,4.7,0.2,4.3,0.4,4L3.5,0.4L3.5,0.4z M5.6,5.4C5.6,6.3,6.3,7,7.2,7s1.6-0.7,1.6-1.6c0-0.3,0.3-0.6,0.6-0.6c0.3,0,0.6,0.3,0.6,0.6C10,6.3,10.7,7,11.6,7s1.6-0.7,1.6-1.6c0-0.3,0.3-0.6,0.6-0.6s0.6,0.3,0.6,0.6C14.4,6.3,15.1,7,16,7c0.9,0,1.6-0.7,1.6-1.6V5.1c0-0.1,0-0.3-0.1-0.4l-3.1-3.6h-10L1.3,4.7C1.2,4.8,1.2,5,1.2,5.1v0.3C1.2,6.3,1.9,7,2.8,7s1.6-0.7,1.6-1.6c0-0.3,0.3-0.6,0.6-0.6S5.6,5.1,5.6,5.4z M1.8,8.8c0.3,0,0.6,0.3,0.6,0.6v7h1.2v-5.9c0-0.6,0.5-1.2,1.2-1.2h3.5c0.6,0,1.2,0.5,1.2,1.2v5.9h7v-7c0-0.3,0.3-0.6,0.6-0.6c0.3,0,0.6,0.3,0.6,0.6v7h0.6c0.3,0,0.6,0.3,0.6,0.6c0,0.3-0.3,0.6-0.6,0.6H0.6C0.3,17.6,0,17.3,0,17c0-0.3,0.3-0.6,0.6-0.6h0.6v-7C1.2,9.1,1.4,8.8,1.8,8.8z M4.7,16.4h3.5v-5.9H4.7V16.4z M10.5,10.5c0-0.6,0.5-1.2,1.2-1.2h2.3c0.6,0,1.2,0.5,1.2,1.2v3.5c0,0.6-0.5,1.2-1.2,1.2h-2.3c-0.6,0-1.2-0.5-1.2-1.2V10.5z M14.1,10.5h-2.3v3.5h2.3V10.5z" />
                            </svg>
                        </a>
                    </li> -->
                    <!-- <li class="p-2 ml-2 relative" x-data="{ notificationPopup: false }">
                        <a href="javascript:void(0)"  @click="notificationPopup = !notificationPopup"
                            class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
                            </svg>
                            <span class="itemCount header__notificationCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
                        </a>
                        <div
    x-show="notificationPopup" x-transition:enter="ease-out duration-300"
    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
    x-transition:leave="ease-in duration-200"
    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
    class="absolute z-10 left-1/2 transform -translate-x-1/2 w-80 -top-56 bg-white rounded-lg border-gray-300 border p-3 shadow-lg">
    <div class="flex flex-row">
        <div class="grid grid-cols-1">
                            <div class="notfication py-2 border-b border-gray-100">
                    <h4>No New Notification</h4>
                </div>
                        
        </div>

    </div>
</div>
                    </li> -->
                </ul>
            </div>
            <div class="pof__iconsmenu__right">
                <ul class="flex items-center">
                    <li title="Comparision List" class="p-2 ml-2 relative">
                        <a href="https://payoffretail.com/comparison" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
                            </svg>
                            <span class="itemCount header__compareCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
                        </a>
                    </li>
                    <li title="Subscriptions" class="p-2 ml-2 relative">
                        <a href="https://payoffretail.com/subscription" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
                            </svg>
                            <span class="itemCount header__bookingCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
                        </a>
                    </li>
                    <li title="Bookings" class="p-2 ml-2 relative">
                        <a href="https://payoffretail.com/booking" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"></path>
                    </svg>
                            <span class="itemCount header__subscriptionCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
                        </a>
                    </li>
                    <li title="Your Wishlist" class="p-2 ml-2 relative">
                        <a href="https://payoffretail.com/wishlist" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
                            </svg>
                            <span class="itemCount header__wishlistCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
                        </a>
                    </li>
                    <li title="Your Cart" class="p-2 pr-0 relative" x-data="{ cartPopup: false }">
                        <a href="javascript:void(0)" @click="cartPopup = !cartPopup" class="flex whitespace-nowrap text-base font-medium text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500 relative ">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" />
                            </svg>
                            <span class="itemCount header__cartCount absolute top-3 left-3 rounded-full bg-blue-700 text-white h-5 w-5 flex items-center text-xs justify-center">0</span>
                            <!-- <span class="pl-2">₹ 0</span> -->
                        </a>
                        <div :class="cartPopup ? 'translate-x-0 ease-out' : 'translate-x-full ease-in'" id="cartsidebarpopup" class="cartsidebarpopup fixed z-99999 right-0 top-0 max-w-xs w-full h-full px-6 py-4 transition duration-300 transform overflow-y-auto bg-white dark:bg-gray-700 shadow">
                            <div class="flex items-center justify-between">
    <h3 class="text-2xl font-medium text-gray-700 dark:text-gray-100">Your cart</h3>
    <button @click="cartPopup = !cartPopup" class="text-gray-600 dark:text-gray-100 focus:outline-none">
        <svg class="h-5 w-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M6 18L18 6M6 6l12 12"></path></svg>
    </button>
</div>

<hr class="my-3">
<div class="">
            <div class="flex items-center justify-center mt-5">
            No orders currently.
            <a href="" class="ml-5 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                Order Now.
            </a>
        </div>
    </div>
<div class="flex space-x-4">
    <a href="https://payoffretail.com/cart/customer-info" class="flex flex-1 items-center justify-center border-2 border-blue-500 mt-4 px-3 py-2 bg-blue-600 text-white text-sm font-medium rounded hover:bg-blue-500 focus:outline-none focus:bg-blue-500">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mx-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" /></svg>
        <span>Checkout</span>
    </a>
    <a href="https://payoffretail.com/carts" class="flex flex-1 items-center justify-center border-2 border-blue-500 mt-4 px-3 py-2 text-blue-500 text-sm font-medium rounded hover:bg-whitefocus:outline-none focus:bg-blue-500">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mx-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" /></svg>
        <span>View Cart</span>
    </a>
</div>
<script>
    function addcart(id, type){
        var qty = $('.cart_' + id).val();
        var noofqty = $('#noofqty_' + id).val();
        var min_qty = $('#min_qty').val();
        if(type == 1){
            var val = qty - 1;
        }else{
            var val = parseInt(qty) + 1;
        }
        if(val >= min_qty && val <= noofqty){
            $('.cart1_' + id).html(val);
            $('.cart_' + id).val(val);
            var url = 'https://payoffretail.com/updatecart'
            $.ajax({
                url: url,
                method: "POST",
                data: {
                    _token: 'ROxajGpTIJd8ttJzv9nPJplMdonZVR4h1XUp6l4W',
                    id: id,
                    quantity: $('.cart_' + id).val()
                },
                success: function (response) {
                    if(val == 0){
                        window.location.reload();
                    }
                    $('.header__cartCount').html(response.count);
                    $('.successmessage').html(response.message);
                    show_toastr('success');
                }
            });
        }
    }
</script>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

        
        <?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
        xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
        <url>
        <loc>https://payoffretail.com/shop/festival-celebration-wibe/home-appliances</loc>
        <lastmod>2026-06-12T05:54:18+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/car-accessories/Automotive%20-%20Helmets,%20Batteries%20and%20Vehicle%20Tools/jewellery</loc>
        <lastmod>2026-06-12T06:16:49+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.6</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/mobiles-accessories</loc>
        <lastmod>2026-06-12T06:26:27+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/about-us</loc>
        <lastmod>2026-06-12T18:35:26+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/banana-shape-usb-hub-20-hub-usb-splitter-4-port-usb-hub-1-pc-1727843114</loc>
        <lastmod>2026-06-12T06:39:15+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/toothpaste-dispenser-tooth-brush-holder-1700501773</loc>
        <lastmod>2026-06-12T06:41:14+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/vacuum-cleaner-dust-collection-2-in-1-car-vacuum-cleaner-high-power-handheld-wireless-vacuum-cleaner-home-car-dual-use-portable-usb-rechargeable-mini-car-vacuum-for-vehicle-home-and-offic-1728823526</loc>
        <lastmod>2026-06-12T06:45:34+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com</loc>
        <lastmod>2026-06-12T19:20:38+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/mobiles-accessories</loc>
        <lastmod>2026-06-12T06:52:11+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop?page=3</loc>
        <lastmod>2026-06-12T08:20:41+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com.</loc>
        <lastmod>2026-06-12T07:00:06+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/website-rating</loc>
        <lastmod>2026-06-12T07:02:29+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/festival-celebration-wibe/mobiles-accessories</loc>
        <lastmod>2026-06-12T07:14:14+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/index.php/wishlist</loc>
        <lastmod>2026-06-12T07:15:54+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/index.php/login</loc>
        <lastmod>2026-06-12T13:36:40+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/nothing-phone-3a-lite-8gb-ram-128gb-storage-dimensity-7300-pro-5000mah-battery-smarter-with-nothing-os-ai-1776227368</loc>
        <lastmod>2026-06-12T14:16:24+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/index.php/plan-of-vision</loc>
        <lastmod>2026-06-12T07:58:01+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/12-stars-led-curtain-string-lights-with-8-flashing-modes-for-home-decoration-diwali-wedding-led-christmas-light-indoor-and-outdoor-light-festival-decoration-warm-white-with-box-1728743990</loc>
        <lastmod>2026-06-12T18:49:36+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/cms/shipping-policy</loc>
        <lastmod>2026-06-12T08:11:55+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/cms/return-exchange</loc>
        <lastmod>2026-06-12T08:11:57+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/profile</loc>
        <lastmod>2026-06-12T08:12:08+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/login</loc>
        <lastmod>2026-06-12T08:12:08+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/blog</loc>
        <lastmod>2026-06-12T08:12:22+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/vendors/toys</loc>
        <lastmod>2026-06-12T08:20:03+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/stainless-steel-cheese-graterslicerchopper-1699961973</loc>
        <lastmod>2026-06-12T08:20:05+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/contact-us</loc>
        <lastmod>2026-06-12T08:23:08+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/personal-care</loc>
        <lastmod>2026-06-12T08:28:49+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/admin/customers/delete/863</loc>
        <lastmod>2026-06-12T08:33:59+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.6</priority>
    </url>
        <url>
        <loc>https://payoffretail.com</loc>
        <lastmod>2026-06-12T22:41:10+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/audio-and-speakers</loc>
        <lastmod>2026-06-12T08:47:40+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/foldable-bed-study-table-portable-multifunction-laptop-table-lapdesk-for-children-bed-foldable-table-work-office-home-with-tablet-slot-cup-holder-1700401416</loc>
        <lastmod>2026-06-12T08:56:26+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/return-exchange</loc>
        <lastmod>2026-06-12T23:49:05+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/electronic-counting-skipping-rope-9-feet-1700420498</loc>
        <lastmod>2026-06-12T09:05:37+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop?Aatamaker=</loc>
        <lastmod>2026-06-12T09:08:26+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/krishna-rakhi-combo-with-effete-butterscotch-chocolate-nuts-96gm-silver-color-pooja-coin-roli-chawal-greeting-card-1722791085</loc>
        <lastmod>2026-06-12T09:21:45+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/cms/shipping-and-delivery</loc>
        <lastmod>2026-06-12T09:22:54+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/nothing-phone-3a-lite-8gb-ram-256gb-storage-dimensity-7300-pro-5000mah-battery-smarter-with-nothing-os-ai-1777953294</loc>
        <lastmod>2026-06-12T09:23:50+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/nothing-phone-3a-lite-8gb-ram-128gb-storage-dimensity-7300-pro-5000mah-battery-smarter-with-nothing-os-ai-1776227368</loc>
        <lastmod>2026-06-12T09:23:51+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/variation</loc>
        <lastmod>2026-06-12T09:24:09+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/personal-care?for%20Men=</loc>
        <lastmod>2026-06-12T09:34:53+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/mobiles-accessories/festival-celebration-wibe</loc>
        <lastmod>2026-06-12T09:36:44+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/vendors/logout</loc>
        <lastmod>2026-06-12T09:36:45+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/grocery/automotive</loc>
        <lastmod>2026-06-12T09:44:00+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cart/toys</loc>
        <lastmod>2026-06-12T09:46:03+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/airplane-launcher-gun-toy-with-foam-glider-planes-outdoor-games-for-children-best-aeroplane-toys-for-kids-air-battle-gun-toys-5-plane-include-1726543241</loc>
        <lastmod>2026-06-12T09:48:50+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/banana-shape-usb-hub-20-hub-usb-splitter-4-port-usb-hub-1-pc-1727843114</loc>
        <lastmod>2026-06-12T09:54:26+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/self-adhesive-wall-hooks-cute-bird-hook-1-pc-1739216126</loc>
        <lastmod>2026-06-12T10:01:25+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/toys</loc>
        <lastmod>2026-06-12T10:07:50+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/public/shop/personal-care?for%20Men=</loc>
        <lastmod>2026-06-12T10:07:53+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/helpdesk</loc>
        <lastmod>2026-06-12T23:48:59+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/electronic-counting-skipping-rope-9-feet-1700420498</loc>
        <lastmod>2026-06-12T10:09:45+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/small-appliance/home%20decorations%20producs</loc>
        <lastmod>2026-06-12T10:15:52+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/self-adhesive-insulation-resistant-high-temperature-heat-reflective-aluminium-foil-duct-tape-roll-08mm-1727186755</loc>
        <lastmod>2026-06-12T10:26:39+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/login</loc>
        <lastmod>2026-06-12T18:32:07+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/plan-of-vision</loc>
        <lastmod>2026-06-12T20:58:53+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/nothing-phone-4a-pro-5g-8gb-ram-256gb-storage-qualcomm-snapdragon-7-gen-4-5400-mah-battery-glyph-interface-1778131832</loc>
        <lastmod>2026-06-12T10:31:24+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/variation</loc>
        <lastmod>2026-06-12T10:31:28+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/floor-mat-bath-mat-door-mat-floral-pattern-washable-non-slip-stylish-design-print-rug-mat-stylish-quality-abrasion-resistant-soundproofing-hot-carpet-all-seasons-for-kitchen-bedroom-living-room-59x40-cm-1705494915</loc>
        <lastmod>2026-06-12T12:11:01+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/small-appliance/grocery</loc>
        <lastmod>2026-06-12T10:32:00+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/carts</loc>
        <lastmod>2026-06-12T23:48:49+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/cable-clips-multi-purpose-cable-organizer-wire-holder-for-desk-and-table-use-1718516564</loc>
        <lastmod>2026-06-12T18:34:05+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/multipurpose-basket-multi-utility-or-storage-1700069572</loc>
        <lastmod>2026-06-12T18:48:52+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/magnetic-parrot-shape-night-lamp-battery-included-1728741823</loc>
        <lastmod>2026-06-12T18:50:55+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/sites/favicon.ico</loc>
        <lastmod>2026-06-12T10:39:53+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/sites/favicon.png</loc>
        <lastmod>2026-06-12T10:39:55+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/black-and-gold-meditating-buddha-idol-1753181851</loc>
        <lastmod>2026-06-12T11:33:39+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/festival-celebration-wibe/audio-and-speakers</loc>
        <lastmod>2026-06-12T11:00:26+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/3-in-1-car-mini-vacuum-cleaner-with-blower-wireless-portable-rechargeable-handheld-high-power-suction-vacuum-cleaning-machine-for-home-car-computer-keyboard-cordless-air-blowing-dusting-1727496639</loc>
        <lastmod>2026-06-12T14:18:31+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/star-of-journey</loc>
        <lastmod>2026-06-12T11:41:37+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/subscription</loc>
        <lastmod>2026-06-12T15:03:14+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/vendors/diwali-delight</loc>
        <lastmod>2026-06-12T11:42:20+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/dancing-cactus-toy-1726399985</loc>
        <lastmod>2026-06-12T11:43:50+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/click-to-expand-gold-plated-eco-friendly-led-kalash-for-pooja-mandir-gold-plated-led-kalash-for-pooja-mandir-eco-friendly-led-kalash-with-gold-plating-pooja-mandir-led-kalash-with-gold-finish-gold-plated-eco-friendly-kalash-with-led-light-gold-plated-deco</loc>
        <lastmod>2026-06-12T11:45:26+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/.vscode/sftp.json</loc>
        <lastmod>2026-06-12T11:57:14+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/multifunctional-usb-desk-fan-clipped-fan-1-pc-with-color-box-1727842546</loc>
        <lastmod>2026-06-12T12:03:04+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/small-appliance?kitchen%20ware=</loc>
        <lastmod>2026-06-12T12:06:56+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/home-appliances</loc>
        <lastmod>2026-06-12T23:29:04+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop?page=7</loc>
        <lastmod>2026-06-12T12:32:44+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/small-appliance/kitchen%20ware?page=3</loc>
        <lastmod>2026-06-12T12:38:34+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/fashion-world</loc>
        <lastmod>2026-06-12T12:45:32+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/auth/google</loc>
        <lastmod>2026-06-12T13:22:57+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/small-appliance/automotive</loc>
        <lastmod>2026-06-12T13:23:10+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/small-appliance/kitchen%20ware</loc>
        <lastmod>2026-06-12T15:03:26+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/coupon</loc>
        <lastmod>2026-06-12T15:03:07+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/double-stainless-steel-wall-smart-flask-vacuum-insulated-water-bottle-with-led-temperature-display-with-touch-screen-perfect-for-hot-and-cold-drinks-for-campaign-travelling-black-500-ml-1699962604</loc>
        <lastmod>2026-06-12T13:31:49+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/multi-purpose-pen-holder-foldable-magnetic-kawaii-desk-pen-holder-pencil-makeup-storage-box-desktop-organizer-stand-case-school-office-stationery-1700377796</loc>
        <lastmod>2026-06-12T13:35:23+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/index.php/profile</loc>
        <lastmod>2026-06-12T13:36:39+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/black-and-gold-meditating-buddha-idol-1753181851</loc>
        <lastmod>2026-06-12T13:40:33+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/cms/privacy-policy</loc>
        <lastmod>2026-06-12T13:50:55+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/lightart-multi-layer-stainless-steel-hot-lunch-box-4-layer-1699968323</loc>
        <lastmod>2026-06-12T13:53:25+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/festival-celebration-wibe</loc>
        <lastmod>2026-06-12T13:56:29+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/forgot</loc>
        <lastmod>2026-06-12T13:56:30+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/toys</loc>
        <lastmod>2026-06-12T13:56:34+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/audio-and-speakers</loc>
        <lastmod>2026-06-12T13:56:37+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/personal-care</loc>
        <lastmod>2026-06-12T13:56:42+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/public/shop?page=1</loc>
        <lastmod>2026-06-12T14:06:47+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/small-appliance/Industrial</loc>
        <lastmod>2026-06-12T14:13:35+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/manual-stainless-steel-compact-extra-sharp-hand-held-vegetable-chopper-slicer-with-5-blades-1700423516</loc>
        <lastmod>2026-06-12T14:18:32+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/small-appliance?kitchen%20ware=</loc>
        <lastmod>2026-06-12T14:18:44+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/index.php/product-details/flying-ball-toys-usb-rechargeable-built-in-rgb-lights-360rotating-magic-controller-flying-orb-ball-boomerang-mini-pro-spinner-blastoise-toys-1739697540</loc>
        <lastmod>2026-06-12T14:38:40+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/personal-care/festival-celebration-wibe</loc>
        <lastmod>2026-06-12T14:38:49+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/mobiles-accessories/automotive</loc>
        <lastmod>2026-06-12T14:40:58+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/small-appliance</loc>
        <lastmod>2026-06-12T23:29:21+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/Donate</loc>
        <lastmod>2026-06-12T21:53:59+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/wp-login.php</loc>
        <lastmod>2026-06-12T14:56:15+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/terms-and-conditions</loc>
        <lastmod>2026-06-12T15:03:04+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/main-fund</loc>
        <lastmod>2026-06-12T15:03:04+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/leader/register</loc>
        <lastmod>2026-06-12T15:03:05+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/personal-care/for%20Women</loc>
        <lastmod>2026-06-12T15:03:05+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/leader/login</loc>
        <lastmod>2026-06-12T22:41:07+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/follow-us</loc>
        <lastmod>2026-06-12T15:03:07+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/privacy-policy</loc>
        <lastmod>2026-06-12T15:03:07+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/festival-celebration-wibe/Diwali-delight</loc>
        <lastmod>2026-06-12T15:03:19+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/lcd-portable-writing-pad-tablet-for-kids-85-inch-1739701368</loc>
        <lastmod>2026-06-12T15:03:31+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/food-container-handheld-2-layer-leak-proof-insulated-thermal-lunch-boxtiffin-for-kids-office-school-work-multicolor-1700069121</loc>
        <lastmod>2026-06-12T15:08:42+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/multipurpose-revolving-plastic-spice-rack-set-16pcs-1700498349</loc>
        <lastmod>2026-06-12T15:11:08+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop</loc>
        <lastmod>2026-06-12T15:14:45+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/stainless-steel-cheese-graterslicerchopper-1699961973</loc>
        <lastmod>2026-06-12T15:29:18+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/mobiles-accessories/MOBILE%203%</loc>
        <lastmod>2026-06-12T15:30:20+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/cart/small-appliance</loc>
        <lastmod>2026-06-12T15:32:35+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/feedback</loc>
        <lastmod>2026-06-12T15:35:10+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/12-diya-curtain-string-lights-window-curtain-lights-with-8-flashing-modes-decoration-light-white-color-1728744984</loc>
        <lastmod>2026-06-12T15:50:55+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/asset/upload/062668d6725221b62ed32fee4c226191.mp4</loc>
        <lastmod>2026-06-12T15:56:03+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/mini-portable-music-note-shape-speaker-subwoofer-colorful-musical-note-led-lighting-sound-for-creatives-gift-computer-phone-sound-equipment-bluetooth-speaker-media-player-1739535346</loc>
        <lastmod>2026-06-12T15:57:50+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/cute-lovely-cartoon-design-led-desk-night-light-with-plastic-head-cap-1728741288</loc>
        <lastmod>2026-06-12T15:58:24+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/remote-control-off-road-truck-with-hd-camera-1739696992</loc>
        <lastmod>2026-06-12T16:19:41+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/small-appliance?page=5</loc>
        <lastmod>2026-06-12T16:21:29+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/plastic-spice-jars-6-pcs-14x22x8cm-multicolour-1700500916</loc>
        <lastmod>2026-06-12T16:21:48+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/automotive</loc>
        <lastmod>2026-06-12T20:11:50+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/small-appliance</loc>
        <lastmod>2026-06-12T16:26:58+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/grocery</loc>
        <lastmod>2026-06-12T16:27:05+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/mobiles-accessories</loc>
        <lastmod>2026-06-12T16:44:23+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/nothing-phone-4a-pro-5g-8gb-ram-256gb-storage-qualcomm-snapdragon-7-gen-4-5400-mah-battery-glyph-interface-1778131832</loc>
        <lastmod>2026-06-12T16:44:53+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/gift-card</loc>
        <lastmod>2026-06-12T16:53:20+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/audio-and-speakers</loc>
        <lastmod>2026-06-12T16:58:01+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/nothing-phone-4a-pro-5g-8gb-ram-128gb-storage-qualcomm-snapdragon-7-gen-4-5400-mah-battery-glyph-interface-1778131394</loc>
        <lastmod>2026-06-12T17:10:07+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/festival-celebration-wibe/small-appliance</loc>
        <lastmod>2026-06-12T17:43:27+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/Automotive</loc>
        <lastmod>2026-06-12T17:53:03+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/cart/audio-and-speakers</loc>
        <lastmod>2026-06-12T17:55:44+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/mobiles-accessories/small-appliance</loc>
        <lastmod>2026-06-12T18:17:43+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/click-to-expand-basic-kids-ride-on-leg-push-scooter-for-boys-and-girls-4-8-years-old-kids-foldable-scooter-cycle-with-height-adjustment-for-boys-and-girls-multicolor-1-pc-3-wheel-1726401184</loc>
        <lastmod>2026-06-12T22:35:51+05:30</lastmod>
        <changefreq>hourly</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/small-appliance/personal-care</loc>
        <lastmod>2026-06-12T18:46:18+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/4-heads-massage-gun-machine-for-pain-relief-1739436363</loc>
        <lastmod>2026-06-12T18:50:58+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/plan-of-vision</loc>
        <lastmod>2026-06-12T19:16:12+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/leader/small-appliance</loc>
        <lastmod>2026-06-12T19:41:26+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/leader/forgot</loc>
        <lastmod>2026-06-12T20:06:38+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/electric-lunch-box-for-kids-women-men-office-school-college-university-travel-picnic-outing-holiday-trip-hospital-food-warmer-stainless-steel-hot-meal-camping-tiffin-box-2-layer-container-1700070397</loc>
        <lastmod>2026-06-12T20:10:47+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/goldenship</loc>
        <lastmod>2026-06-12T20:17:28+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/cute-lovely-cartoon-with-base-led-desk-light-1728742746</loc>
        <lastmod>2026-06-12T21:03:57+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/public</loc>
        <lastmod>2026-06-12T21:06:32+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/shop/small-appliance?home%20decorations%20producs=</loc>
        <lastmod>2026-06-12T21:16:05+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/click-to-expand-basic-kids-ride-on-leg-push-scooter-for-boys-and-girls-4-8-years-old-kids-foldable-scooter-cycle-with-height-adjustment-for-boys-and-girls-multicolor-1-pc-3-wheel-1726401184</loc>
        <lastmod>2026-06-12T21:37:29+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/product-details/6-blades-manual-hand-press-vegetable-chopper-1100-ml-1738906340</loc>
        <lastmod>2026-06-12T21:44:49+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/small-appliance?page=3</loc>
        <lastmod>2026-06-12T21:47:29+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/content</loc>
        <lastmod>2026-06-12T22:06:08+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/small-appliance?page=2</loc>
        <lastmod>2026-06-12T22:12:44+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/small-appliance/kitchen%20ware?page=2</loc>
        <lastmod>2026-06-12T22:57:26+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/coupon</loc>
        <lastmod>2026-06-12T23:06:50+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/personal-care/festival-celebration-wibe</loc>
        <lastmod>2026-06-12T23:10:10+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/cms/terms-and-conditions</loc>
        <lastmod>2026-06-12T23:22:24+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/product-details/spiral-charger-spring-cable-protector-data-cable-saver-pack-of-4-1718513694</loc>
        <lastmod>2026-06-12T23:28:22+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://www.payoffretail.com/shop/small-appliance/automotive</loc>
        <lastmod>2026-06-12T23:29:05+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.7</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/festival-celebration-wibe</loc>
        <lastmod>2026-06-12T23:29:55+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/mobiles-accessories</loc>
        <lastmod>2026-06-12T23:30:11+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/grocery</loc>
        <lastmod>2026-06-12T23:30:27+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/toys</loc>
        <lastmod>2026-06-12T23:30:45+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/personal-care</loc>
        <lastmod>2026-06-12T23:31:01+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/cms/automotive</loc>
        <lastmod>2026-06-12T23:31:18+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.8</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/comparison</loc>
        <lastmod>2026-06-12T23:48:49+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/feedback</loc>
        <lastmod>2026-06-12T23:48:50+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
        <url>
        <loc>https://payoffretail.com/blog</loc>
        <lastmod>2026-06-12T23:48:58+05:30</lastmod>
        <changefreq>always</changefreq>
        <priority>0.9</priority>
    </url>
    </urlset>

        <!------------------------------------- Company Logos ------------------------------------>
<div class="max-w-7xl mx-auto px-4 sm:px-0 py-5 border-t border-b borde-gray-500 relative">
    <div class="pof__companies-swiper-button-prev hidden sm:flex items-center focus:outline-none absolute bottom-1/2 -left-4 transform translate-y-1/2 z-10">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
        </svg>
    </div>
    <div class="pof__companies-swiper-button-next hidden sm:flex items-center focus:outline-none absolute bottom-1/2 -right-4 transform translate-y-1/2 z-10">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
        </svg>
    </div>
    <div class="pof__companies swiper-container overflow-hidden">
        <div class="swiper-wrapper">
                                                </div>
    </div>
</div>
<!------------------------------------- Company Logos ------------------------------------>
<hr class="h-2 sm:h-7 border-0" />
<!------------------------------------- All Types of Products ---------------------------->
<div class="max-w-7xl mx-auto px-4 sm:px-0">
    <div class="pof__allTypesOfProducts grid grid-cols-1 sm:grid-cols-4 gap-5">
        <div class="pof__allTypesOfProducts__Recent">
            <div class="flex-grow before:bg-blue-700 border-b border-gray-200 relative before:absolute before:rounded-full before:h-1 before:w-44 before:transform before:bottom-0">
                <h4 class="text-gray-700 dark:text-gray-100 text-2xl pb-2">Recently Added</h4>
            </div>
                                                <a href="https://payoffretail.com/product-details/nothing-phone-3a-lite-8gb-ram-256gb-storage-dimensity-7300-pro-5000mah-battery-smarter-with-nothing-os-ai-1777953294" >
                        <div class="product_info py-2 relative bg-white dark:bg-gray-800 grid grid-cols-4">
                            <div class="product_info__imagewrapper col-span-1 mr-2">
                                <img src=" https://payoffretail.com/public/product/20260521094609.png " alt="" class="w-full">
                            </div>
                            <div class="product_desc col-span-3">
                                <p class="text-xs text-gray-500 dark:text-gray-100">
                                                                            Mobiles &amp; Accessories
                                                                    </p>
                               
                                <p class="text-blue-700 text-xs pt-0 sm:pt-2 sm:text-sm font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">Nothing Phone (3a) Lite (8GB RAM, 256GB Storage) | Dimensity 7300 Pro | 5000mAh Battery | Smarter with Nothing OS AI</p>
                                    <h6 class="text-xs font-semibold text-gray-800 truncate flex items-center">
            
                                                                                <span class="btn-common text-m bg-gradient-to-r from-red-500 to-purple-600 text-white font-semibold px-3 py-2 rounded-full shadow-lg transform hover:scale-105 transition-all duration-300">
                                            12% Off
                                        </span>
                                        <span class="ml-2 text-sm font-bold text-black-500 ">
                                            Save ₹4000
                                        </span>
                                                                            </h6>
                                    <div class="product_info__pricing flex justify-between items-center pt-1">
                                    <div class="flex items-end font-normal">
                                        <h2 class="text-xs sm:text-xl text-red-500 font-normal">₹29,999.00</h2>
                                        <h5 class="text-xs sm:text-md text-gray-500 dark:text-gray-100 ml-2 line-through">₹33,999.00</h5>                                    </div>
                                    <span class="rounded-full bg-blue-700 p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                                    <a href="https://payoffretail.com/product-details/nothing-phone-3a-lite-8gb-ram-128gb-storage-dimensity-7300-pro-5000mah-battery-smarter-with-nothing-os-ai-1776227368" >
                        <div class="product_info py-2 relative bg-white dark:bg-gray-800 grid grid-cols-4">
                            <div class="product_info__imagewrapper col-span-1 mr-2">
                                <img src=" https://payoffretail.com/public/product/20260521093438.png " alt="" class="w-full">
                            </div>
                            <div class="product_desc col-span-3">
                                <p class="text-xs text-gray-500 dark:text-gray-100">
                                                                            Mobiles &amp; Accessories
                                                                    </p>
                               
                                <p class="text-blue-700 text-xs pt-0 sm:pt-2 sm:text-sm font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">Nothing Phone (3a) Lite (8GB RAM, 128GB Storage) | Dimensity 7300 Pro | 5000mAh Battery | Smarter with Nothing OS AI</p>
                                    <h6 class="text-xs font-semibold text-gray-800 truncate flex items-center">
            
                                                                                <span class="btn-common text-m bg-gradient-to-r from-red-500 to-purple-600 text-white font-semibold px-3 py-2 rounded-full shadow-lg transform hover:scale-105 transition-all duration-300">
                                            -12% Off
                                        </span>
                                        <span class="ml-2 text-sm font-bold text-black-500 ">
                                            Save ₹-3000
                                        </span>
                                                                            </h6>
                                    <div class="product_info__pricing flex justify-between items-center pt-1">
                                    <div class="flex items-end font-normal">
                                        <h2 class="text-xs sm:text-xl text-red-500 font-normal">₹27,999.00</h2>
                                        <h5 class="text-xs sm:text-md text-gray-500 dark:text-gray-100 ml-2 line-through">₹24,999.00</h5>                                    </div>
                                    <span class="rounded-full bg-blue-700 p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                                    <a href="https://payoffretail.com/product-details/black-and-gold-meditating-buddha-idol-1753181851" >
                        <div class="product_info py-2 relative bg-white dark:bg-gray-800 grid grid-cols-4">
                            <div class="product_info__imagewrapper col-span-1 mr-2">
                                <img src=" https://payoffretail.com/public/product/20250722164720.png " alt="" class="w-full">
                            </div>
                            <div class="product_desc col-span-3">
                                <p class="text-xs text-gray-500 dark:text-gray-100">
                                                                            Home Decor
                                                                    </p>
                               
                                <p class="text-blue-700 text-xs pt-0 sm:pt-2 sm:text-sm font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">Black and Gold Meditating Buddha Idol</p>
                                    <h6 class="text-xs font-semibold text-gray-800 truncate flex items-center">
            
                                                                                <span class="btn-common text-m bg-gradient-to-r from-red-500 to-purple-600 text-white font-semibold px-3 py-2 rounded-full shadow-lg transform hover:scale-105 transition-all duration-300">
                                            20% Off
                                        </span>
                                        <span class="ml-2 text-sm font-bold text-black-500 ">
                                            Save ₹250
                                        </span>
                                                                            </h6>
                                    <div class="product_info__pricing flex justify-between items-center pt-1">
                                    <div class="flex items-end font-normal">
                                        <h2 class="text-xs sm:text-xl text-red-500 font-normal">₹999.00</h2>
                                        <h5 class="text-xs sm:text-md text-gray-500 dark:text-gray-100 ml-2 line-through">₹1,249.00</h5>                                    </div>
                                    <span class="rounded-full bg-blue-700 p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                                    </div>
        <div class="pof__allTypesOfProducts__Selling">
            <div class="flex-grow before:bg-blue-700 border-b border-gray-200 relative before:absolute before:rounded-full before:h-1 before:w-44 before:transform before:bottom-0">
                <h4 class="text-gray-700 dark:text-gray-100 text-2xl pb-2">Top Selling Product</h4>
            </div>
                                                <a href="https://payoffretail.com/product-details/nothing-phone-3a-lite-8gb-ram-256gb-storage-dimensity-7300-pro-5000mah-battery-smarter-with-nothing-os-ai-1777953294" >
                        <div class="product_info py-2 relative bg-white dark:bg-gray-800 grid grid-cols-4">
                            <div class="product_info__imagewrapper col-span-1 mr-2">
                                <img src=" https://payoffretail.com/public/product/20260521094609.png " alt="" class="w-full">
                            </div>
                            <div class="product_desc col-span-3">
                                <p class="text-xs text-gray-500 dark:text-gray-100">
                                                                            Mobiles &amp; Accessories
                                                                    </p>
                                <p class="text-blue-700 text-xs pt-0 sm:pt-2 sm:text-sm font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">Nothing Phone (3a) Lite (8GB RAM, 256GB Storage) | Dimensity 7300 Pro | 5000mAh Battery | Smarter with Nothing OS AI</p>
                                    <h6 class="text-xs font-semibold text-gray-800 truncate flex items-center">
            
                                                                                <span class="btn-common text-m bg-gradient-to-r from-red-500 to-purple-600 text-white font-semibold px-3 py-2 rounded-full shadow-lg transform hover:scale-105 transition-all duration-300">
                                            12% Off
                                        </span>
                                        <span class="ml-2 text-sm font-bold text-black-500 ">
                                            Save ₹4000
                                        </span>
                                                                            </h6>
                                    <div class="product_info__pricing flex justify-between items-center pt-1">
                                    <div class="flex items-end font-normal">
                                        <h2 class="text-xs sm:text-xl text-red-500 font-normal">₹29,999.00</h2>
                                        <h5 class="text-xs sm:text-md text-gray-500 dark:text-gray-100 ml-2 line-through">₹33,999.00</h5>                                    </div>
                                    <span class="rounded-full bg-blue-700 p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                                    <a href="https://payoffretail.com/product-details/nothing-phone-3a-lite-8gb-ram-128gb-storage-dimensity-7300-pro-5000mah-battery-smarter-with-nothing-os-ai-1776227368" >
                        <div class="product_info py-2 relative bg-white dark:bg-gray-800 grid grid-cols-4">
                            <div class="product_info__imagewrapper col-span-1 mr-2">
                                <img src=" https://payoffretail.com/public/product/20260521093438.png " alt="" class="w-full">
                            </div>
                            <div class="product_desc col-span-3">
                                <p class="text-xs text-gray-500 dark:text-gray-100">
                                                                            Mobiles &amp; Accessories
                                                                    </p>
                                <p class="text-blue-700 text-xs pt-0 sm:pt-2 sm:text-sm font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">Nothing Phone (3a) Lite (8GB RAM, 128GB Storage) | Dimensity 7300 Pro | 5000mAh Battery | Smarter with Nothing OS AI</p>
                                    <h6 class="text-xs font-semibold text-gray-800 truncate flex items-center">
            
                                                                                <span class="btn-common text-m bg-gradient-to-r from-red-500 to-purple-600 text-white font-semibold px-3 py-2 rounded-full shadow-lg transform hover:scale-105 transition-all duration-300">
                                            -12% Off
                                        </span>
                                        <span class="ml-2 text-sm font-bold text-black-500 ">
                                            Save ₹-3000
                                        </span>
                                                                            </h6>
                                    <div class="product_info__pricing flex justify-between items-center pt-1">
                                    <div class="flex items-end font-normal">
                                        <h2 class="text-xs sm:text-xl text-red-500 font-normal">₹27,999.00</h2>
                                        <h5 class="text-xs sm:text-md text-gray-500 dark:text-gray-100 ml-2 line-through">₹24,999.00</h5>                                    </div>
                                    <span class="rounded-full bg-blue-700 p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                                    <a href="https://payoffretail.com/product-details/black-and-gold-meditating-buddha-idol-1753181851" >
                        <div class="product_info py-2 relative bg-white dark:bg-gray-800 grid grid-cols-4">
                            <div class="product_info__imagewrapper col-span-1 mr-2">
                                <img src=" https://payoffretail.com/public/product/20250722164720.png " alt="" class="w-full">
                            </div>
                            <div class="product_desc col-span-3">
                                <p class="text-xs text-gray-500 dark:text-gray-100">
                                                                            Home Decor
                                                                    </p>
                                <p class="text-blue-700 text-xs pt-0 sm:pt-2 sm:text-sm font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">Black and Gold Meditating Buddha Idol</p>
                                    <h6 class="text-xs font-semibold text-gray-800 truncate flex items-center">
            
                                                                                <span class="btn-common text-m bg-gradient-to-r from-red-500 to-purple-600 text-white font-semibold px-3 py-2 rounded-full shadow-lg transform hover:scale-105 transition-all duration-300">
                                            20% Off
                                        </span>
                                        <span class="ml-2 text-sm font-bold text-black-500 ">
                                            Save ₹250
                                        </span>
                                                                            </h6>
                                    <div class="product_info__pricing flex justify-between items-center pt-1">
                                    <div class="flex items-end font-normal">
                                        <h2 class="text-xs sm:text-xl text-red-500 font-normal">₹999.00</h2>
                                        <h5 class="text-xs sm:text-md text-gray-500 dark:text-gray-100 ml-2 line-through">₹1,249.00</h5>                                    </div>
                                    <span class="rounded-full bg-blue-700 p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                                    </div>
        <div class="pof__allTypesOfProducts__onsale">
            <div class="flex-grow before:bg-blue-700 border-b border-gray-200 relative before:absolute before:rounded-full before:h-1 before:w-44 before:transform before:bottom-0">
                <h4 class="text-gray-700 dark:text-gray-100 text-2xl pb-2">On-Sale Products</h4>
            </div>
                                                <a href="https://payoffretail.com/product-details/nothing-phone-3a-lite-8gb-ram-256gb-storage-dimensity-7300-pro-5000mah-battery-smarter-with-nothing-os-ai-1777953294" >
                        <div class="product_info py-2 relative bg-white dark:bg-gray-800 grid grid-cols-4">
                            <div class="product_info__imagewrapper col-span-1 mr-2">
                                <img src=" https://payoffretail.com/public/product/20260521094609.png " alt="Nothing Phone (3a) Lite (8GB RAM, 256GB Storage) | Dimensity 7300 Pro | 5000mAh Battery | Smarter with Nothing OS AI" class="w-full">
                            </div>
                            <div class="product_desc col-span-3">
                                <p class="text-xs text-gray-500 dark:text-gray-100">
                                                                            Mobiles &amp; Accessories
                                                                    </p>
                                <p class="text-blue-700 text-xs pt-0 sm:pt-2 sm:text-sm font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">Nothing Phone (3a) Lite (8GB RAM, 256GB Storage) | Dimensity 7300 Pro | 5000mAh Battery | Smarter with Nothing OS AI</p>
                                    <h6 class="text-xs font-semibold text-gray-800 truncate flex items-center ">
            
                                                                                <span class="btn-common text-m bg-gradient-to-r from-red-500 to-purple-600 text-white font-semibold px-3 py-2 rounded-full shadow-lg transform hover:scale-105 transition-all duration-300">
                                            12% Off
                                        </span>
                                        <span class="text-sm font-bold text-black-500 ml-2 ">
                                            Save ₹4000
                                        </span>
                                                                            </h6>
                                <div class="product_info__pricing flex justify-between items-center pt-1">
                                    <div class="flex items-end font-normal">
                                        <h2 class="text-xs sm:text-xl text-red-500 font-normal">₹29,999.00</h2>
                                        <h5 class="text-xs sm:text-md text-gray-500 dark:text-gray-100 ml-2 line-through">₹33,999.00</h5>                                    </div>
                                    <span class="rounded-full bg-blue-700 p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                                    <a href="https://payoffretail.com/product-details/nothing-phone-3a-lite-8gb-ram-128gb-storage-dimensity-7300-pro-5000mah-battery-smarter-with-nothing-os-ai-1776227368" >
                        <div class="product_info py-2 relative bg-white dark:bg-gray-800 grid grid-cols-4">
                            <div class="product_info__imagewrapper col-span-1 mr-2">
                                <img src=" https://payoffretail.com/public/product/20260521093438.png " alt="Nothing Phone (3a) Lite (8GB RAM, 128GB Storage) | Dimensity 7300 Pro | 5000mAh Battery | Smarter with Nothing OS AI" class="w-full">
                            </div>
                            <div class="product_desc col-span-3">
                                <p class="text-xs text-gray-500 dark:text-gray-100">
                                                                            Mobiles &amp; Accessories
                                                                    </p>
                                <p class="text-blue-700 text-xs pt-0 sm:pt-2 sm:text-sm font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">Nothing Phone (3a) Lite (8GB RAM, 128GB Storage) | Dimensity 7300 Pro | 5000mAh Battery | Smarter with Nothing OS AI</p>
                                    <h6 class="text-xs font-semibold text-gray-800 truncate flex items-center ">
            
                                                                                <span class="btn-common text-m bg-gradient-to-r from-red-500 to-purple-600 text-white font-semibold px-3 py-2 rounded-full shadow-lg transform hover:scale-105 transition-all duration-300">
                                            -12% Off
                                        </span>
                                        <span class="text-sm font-bold text-black-500 ml-2 ">
                                            Save ₹-3000
                                        </span>
                                                                            </h6>
                                <div class="product_info__pricing flex justify-between items-center pt-1">
                                    <div class="flex items-end font-normal">
                                        <h2 class="text-xs sm:text-xl text-red-500 font-normal">₹27,999.00</h2>
                                        <h5 class="text-xs sm:text-md text-gray-500 dark:text-gray-100 ml-2 line-through">₹24,999.00</h5>                                    </div>
                                    <span class="rounded-full bg-blue-700 p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                                    <a href="https://payoffretail.com/product-details/black-and-gold-meditating-buddha-idol-1753181851" >
                        <div class="product_info py-2 relative bg-white dark:bg-gray-800 grid grid-cols-4">
                            <div class="product_info__imagewrapper col-span-1 mr-2">
                                <img src=" https://payoffretail.com/public/product/20250722164720.png " alt="Black and Gold Meditating Buddha Idol" class="w-full">
                            </div>
                            <div class="product_desc col-span-3">
                                <p class="text-xs text-gray-500 dark:text-gray-100">
                                                                            Home Decor
                                                                    </p>
                                <p class="text-blue-700 text-xs pt-0 sm:pt-2 sm:text-sm font-bold whitespace-nowrap overflow-hidden overflow-ellipsis">Black and Gold Meditating Buddha Idol</p>
                                    <h6 class="text-xs font-semibold text-gray-800 truncate flex items-center ">
            
                                                                                <span class="btn-common text-m bg-gradient-to-r from-red-500 to-purple-600 text-white font-semibold px-3 py-2 rounded-full shadow-lg transform hover:scale-105 transition-all duration-300">
                                            20% Off
                                        </span>
                                        <span class="text-sm font-bold text-black-500 ml-2 ">
                                            Save ₹250
                                        </span>
                                                                            </h6>
                                <div class="product_info__pricing flex justify-between items-center pt-1">
                                    <div class="flex items-end font-normal">
                                        <h2 class="text-xs sm:text-xl text-red-500 font-normal">₹999.00</h2>
                                        <h5 class="text-xs sm:text-md text-gray-500 dark:text-gray-100 ml-2 line-through">₹1,249.00</h5>                                    </div>
                                    <span class="rounded-full bg-blue-700 p-2 transition duration-200 hover:bg-blue-500 focus:outline-none">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                                    </div>
        <div class="pof__allTypesOfAdds">
                    </div>
    </div>
</div>
<!------------------------------------- All Types of Products ---------------------------->
<hr class="h-7 border-0" />
<!------------------------------------- Customers Benifit -------------------------------->
<div class="container-fluid bg-blue-700">
    <div class="pof__newsLetter py-5 max-w-7xl mx-auto px-4 sm:px-6 grid grid-cols-1 sm:grid-cols-4">
        <div class="flex items-center mr-10 py-2 sm:py-0 border-0 sm:border-r border-white">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path d="M9 17a2 2 0 11-4 0 2 2 0 014 0zM19 17a2 2 0 11-4 0 2 2 0 014 0z" />
                <path stroke-linecap="round" stroke-linejoin="round" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0" />
            </svg>
            <div class="grid grid-cols-1">
                <h4 class="text-white text-xl ml-5">Free Delivery</h4>
                <p class="text-white ml-5">Order Above 500</p>
            </div>
        </div>
        <div class="flex items-center mr-10 py-2 sm:py-0 border-0 sm:border-r border-white">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" />
            </svg>
            <div class="grid grid-cols-1">
                <h4 class="text-white text-xl ml-5">Easy Return</h4>
                <p class="text-white ml-5">7 Day Return Policy</p>
            </div>
        </div>
        <div class="flex items-center mr-10 py-2 sm:py-0 border-0 sm:border-r border-white">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
            </svg>
            <div class="grid grid-cols-1">
                <h4 class="text-white text-xl ml-5">Shop More</h4>
                <p class="text-white ml-5">Earn More</p>
            </div>
        </div>
        <div class="flex items-center mr-10 py-2 sm:py-0">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
            </svg>
            <div class="grid grid-cols-1">
                <h4 class="text-white text-xl ml-5">Secure Payments</h4>
                <p class="text-white ml-5">All cards accepted</p>
            </div>
        </div>
    </div>
</div>
<!------------------------------------- Customers Benifit -------------------------------->
<div class="w-60 fixed top-1/2 transform -translate-y-1/2 z-10 scale-105" style="right:-8rem">
    <div class="darkLightMode p-1 w-36 flex items-center bg-white rounded-full relative bg-gray-600 rounded-full transform -rotate-90">
        <input type="radio" name="mode" id="darkmode"  value="dark"  />
        <label class="tab" for="darkmode">
            <span class="title">Dark</span>
        </label>
        <input type="radio" name="mode" id="lightmode" value="light" checked />
        <label class="tab" for="lightmode">
            <span class="title">Light</span>
        </label>
        <span class="shape bg-white"></span>
    </div>
</div>
<footer class="container-fluid bg-gray-50 dark:bg-gray-800">
    <div pof__footer__links>
        <div class="py-20 max-w-7xl mx-auto px-4 sm:px-6 grid grid-cols-1 sm:grid-cols-10">
            <div class="cols-span-1 p-2 sm:p-0 sm:col-span-4">
                <a href="#">
                    <img class="w-80" src="https://payoffretail.com/public/logo/footer_logo.svg" alt="">
                </a>
                <div class="grid mt-10">
                    <h3 class="text-xl text-gray-600 dark:text-gray-100 font-bold">Follow us on</h3>
                    <!-- <p class="text-sm text-gray-600 dark:text-gray-100">17 Princess Road, London, Greater London NW1 8JR, UK</p> -->
                    <div class="socials mt-2">
                        <ul class="flex">
                            <li class="mr-2">
                                <a href="https://www.facebook.com/payoffretail1" target="_blank">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-facebook text-blue-600 h-10 w-10 pl-0 p-2 transform duration-200 hover:scale-105" viewBox="0 0 16 16">
                                        <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
                                    </svg>
                                </a>
                            </li>
                            <li class="mr-2">
                                <a href="https://twitter.com/PayoffRetail" target="_blank">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter text-blue-500 h-10 w-10 p-2 transform duration-200 hover:scale-105" viewBox="0 0 16 16">
                                        <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
                                    </svg>
                                </a>
                            </li>
                            <li class="mr-2">
                                <a href="https://www.linkedin.com/in/payoff-retail-05942a207" target="_blank">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-facebook text-blue-500 h-10 w-10 p-2 transform duration-200 hover:scale-105" viewBox="0 0 16 16">
                                        <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
                                    </svg>
                                </a>
                            </li>
                            <li class="mr-2">
                                <a href="https://www.instagram.com/invites/contact/?i=1fkj3ydupstw9&utm_content=lhgq013" target="_blank">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-facebook text-purple-900 h-10 w-10 p-2 transform duration-200 hover:scale-105" viewBox="0 0 16 16">
                                        <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
                                    </svg>
                                </a>
                            </li>
                            <li class="mr-2">
                                <a href="https://youtube.com/channel/UC5CTq8H9527zJcP0d6BCF-A" target="_blank">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-facebook text-red-500 h-10 w-10 p-2 transform duration-200 hover:scale-105" viewBox="0 0 16 16">
                                        <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
                                    </svg>
                                </a>
                            </li>
                            <li class="mr-2">
                                <a href="https://pin.it/1mmxf1i" target="_blank">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-pinterest text-red-500 h-10 w-10 p-2 transform duration-200 hover:scale-105" viewBox="0 0 16 16">
                                        <path d="M8 0a8 8 0 0 0-2.915 15.452c-.07-.633-.134-1.606.027-2.297.146-.625.938-3.977.938-3.977s-.239-.479-.239-1.187c0-1.113.645-1.943 1.448-1.943.682 0 1.012.512 1.012 1.127 0 .686-.437 1.712-.663 2.663-.188.796.4 1.446 1.185 1.446 1.422 0 2.515-1.5 2.515-3.664 0-1.915-1.377-3.254-3.342-3.254-2.276 0-3.612 1.707-3.612 3.471 0 .688.265 1.425.595 1.826a.24.24 0 0 1 .056.23c-.061.252-.196.796-.222.907-.035.146-.116.177-.268.107-1-.465-1.624-1.926-1.624-3.1 0-2.523 1.834-4.84 5.286-4.84 2.775 0 4.932 1.977 4.932 4.62 0 2.757-1.739 4.976-4.151 4.976-.811 0-1.573-.421-1.834-.919l-.498 1.902c-.181.695-.669 1.566-.995 2.097A8 8 0 1 0 8 0z"/>
                                    </svg>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="cols-span-1 p-2 sm:p-0 sm:col-span-2">
                <h3 class="text-xl text-gray-600 dark:text-gray-100 dark:text-gray-100 font-bold">Find it fast</h3>
                <ul class="pt-5">
                                            <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                            <a href="grocery">Grocery</a>
                        </li>
                                            <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                            <a href="small-appliance">Small Appliance</a>
                        </li>
                                            <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                            <a href="mobiles-accessories">Mobiles &amp; Accessories</a>
                        </li>
                                            <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                            <a href="home-appliances">Home Appliances</a>
                        </li>
                                            <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                            <a href="audio-and-speakers">Audio &amp; Speakers</a>
                        </li>
                                            <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                            <a href="personal-care">Personal Care</a>
                        </li>
                                            <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                            <a href="automotive">Automotive</a>
                        </li>
                                            <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                            <a href="toys">Toys</a>
                        </li>
                                            <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                            <a href="festival-celebration-wibe">Festival vibes</a>
                        </li>
                                    </ul>

            </div>
            <div class="cols-span-1 p-2 sm:p-0 sm:col-span-2">
                <h3 class="text-xl text-gray-600 dark:text-gray-100 font-bold">Know Us</h3>
                <ul class="pt-5">
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/cms/about-us">About</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/contact-us">Contact</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/wishlist">Whislist</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/comparison">Compare</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="">FAQ</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="">Store Directory</a>
                    </li>
                </ul>
            </div>
            <div class="cols-span-1 p-2 sm:p-0 sm:col-span-2">
                <h3 class="text-xl text-gray-600 dark:text-gray-100 font-bold">Customer Care</h3>
                <ul class="pt-5">
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/profile">My Account</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="">Track your Order</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="">Customer Service</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/cms/terms-and-conditions">Terms & Conditions</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/cms/privacy-policy">Privacy Policy</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/cms/return-exchange">Returns/Exchange</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/cms/shipping-policy">Shipping Policy</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/vendors/login">Vendors Login</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/vendors/register">Vendors Registration</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/leader/login">Leader Login</a>
                    </li>
                    <li class="text-sm text-gray-600 dark:text-gray-100 py-1">
                        <a href="https://payoffretail.com/leader/register">Leader Registration</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!------------------------------------- Sign Up Newsletter ------------------------------->
    <div class="container-fluid bg-blue-600">
        <div class="pof__newsLetter py-5 max-w-7xl mx-auto px-4 sm:px-6 grid sm:flex items-center sm:justify-between justify-center">
            <div class="flex items-center justify-center">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-white transform rotate-45" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8" />
                </svg>
                <h1 class="text-2xl text-white ml-5">Sign up to Newsletter</h1>
            </div>
            <div  class="text-center">
                <h2 class="text-sm text-white font-bold mt-5 sm:mt-0">Join with us & get lifetime offers on your email</h2>
            </div>
            <div class="text-center">
                <form action="" class="mt-5 sm:mt-0 grid grid-cols-3 sm:grid-cols-4">
                    <input class="rounded-bl-full rounded-tl-full px-5 py-2 col-span-2 sm:col-span-3 dark:bg-gray-700" type="email" oninput="this.value = this.value.toUpperCase()" placeholder="Enter your email address">
                    <button class="bg-gray-800 text-white -ml-4 px-5 py-2 rounded-br-full rounded-tr-full col-span-1">Sign Up</button>
                </form>
            </div>
        </div>
    </div>
    <!------------------------------------- Sign Up Newsletter ------------------------------->
    <div class="copyright bg-gray-200 dark:bg-gray-700 mb-10">
        <div class="py-5 max-w-7xl mx-auto px-4 sm:px-6 grid sm:flex items-center justify-between text-center">
            <p class="text-gray-700 dark:text-gray-100">
                &copy; 2021 <a class="font-bold" href="#">Payoffretail</a>. All rights reserved
            </p>
            <img src="https://payoffretail.com/public/assets/img/patment-icon.png" alt="" class="mx-auto sm:mr-0">
        </div>
    </div>
    <div style="background-color:black;" class="dark:bg-gray-700 transition-all shadow duration-200 fixed z-99999 bottom-0 w-full border-t border-black" id="footersticky">
        <ul class="grid grid-cols-4 gap-1">
            <li class="bg-white dark:bg-gray-900 py-1 group rounded-xl">
                <a href="" class="text-center">
                    <svg xmlns="http://www.w3.org/2000/svg" class="transition-all duration-200 group-hover:scale-125 mx-auto h-5 w-5 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" />
                    </svg>
                    <span class="block mx-auto mt-1 text-xs text-gray-600 font-bold transition-all duration-200 group-hover:scale-125">Affiliate & Referral</span>
                </a>
            </li>
            <li class="bg-white dark:bg-gray-900 py-1 group rounded-xl">
                <a href="" class="text-center">
                    <svg xmlns="http://www.w3.org/2000/svg" class="transition-all duration-200 group-hover:scale-125 mx-auto h-5 w-5 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="currentColor" viewBox="0 0 383.2 297" stroke="none">
                        <path d="M0,121.5c17.8-32.3,36.7-64,55.1-96c5.6-9.8,15.8-12.4,25.6-6.8c8.1,4.6,16.2,9.3,24.3,13.9
                            c4.1,2.4,7.6,5.4,9,10c0.7,2.1,2,1.8,3.4,1.8c10.2,0.2,20.5-0.6,30.6,0.6c0.7,0.1,1.6,0,2.2,0.2c6.3,2.7,10.5-0.1,14.7-4.8
                            c8.1-9,18.5-12.9,30.7-12.8c23.1,0.2,46.1,0,69.2,0.1c2.4,0,4.1-0.2,5.2-2.9c1.3-3.3,4-5.6,7.1-7.4c8.6-5,17.2-10,25.9-14.9
                            c9.1-5.1,19.3-2.4,24.7,6.4c3.1,5.1,6,10.3,9,15.5c2.5,4.5,1.5,8.8-2.4,11c-3.9,2.2-8,0.8-10.7-3.7c-2.8-4.7-5.6-9.4-8.2-14.2
                            c-1.5-2.6-3.2-3.1-5.8-1.6c-8,4.7-16.1,9.4-24.2,14c-2.7,1.5-3,3.2-1.5,5.8c17.3,29.8,34.5,59.7,51.7,89.5c1.6,2.8,3.3,3.2,6.1,1.6
                            c7.8-4.6,15.7-9.2,23.6-13.6c2.9-1.6,3.6-3.3,1.8-6.3c-3-4.9-5.8-9.9-8.6-14.9c-2.7-4.8-1.8-9.1,2.3-11.3c3.9-2.1,7.9-0.7,10.6,3.8
                            c3.1,5.3,6.2,10.5,9.2,15.8c5.3,9.5,2.6,19.6-6.8,25.1c-8.3,4.9-16.8,9.7-25.2,14.6c-2.4,1.4-5,2.7-7.7,2.6
                            c-3.7-0.2-5.9,1.8-8.2,4.1c-8.5,8.6-17,17.2-25.7,25.6c-1.8,1.7-1.8,2.6,0,4.3c5.6,5.4,11.2,10.7,16.3,16.5
                            c7.5,8.5,9.1,18.5,4.4,28.9c-4.6,10.4-13.2,15.6-24.5,15.9c-2.8,0.1-6.2-1.6-8.2-0.5c-1.9,1-2,4.9-3.4,7.2
                            c-6.8,11.9-22.9,18.1-37.7,9.3c-10.8,19.1-23.4,23.3-41.9,13.8c-4.1,10-12.2,16.6-20,23.2c-7.9,6.7-17.5,7.5-27,3.4
                            c-9.6-4.1-14.9-11.8-16-22.1c-0.3-2.4-0.9-3-3.1-3.2c-13.6-1.6-22.7-10.6-24.4-24.2c-0.3-2.2-0.6-3-3.1-3.2
                            c-14.5-1.6-24.3-12.5-24.4-27.2c0-2-0.6-2.3-2.4-2.6c-15-2.8-23.6-13.9-22.8-29.3c0.1-1.9-0.3-3.2-1.7-4.6
                            c-6-5.8-11.9-11.8-17.7-17.7c-1.1-1.1-2.2-1.7-3.9-1.6c-3.8,0.4-7.4-0.7-10.7-2.7c-8.4-4.8-16.8-9.8-25.3-14.5
                            c-4.8-2.7-7.5-7-9.6-11.8C0,127,0,124.2,0,121.5z M145.5,59.9c-1.3-0.2-1.7-0.3-2.2-0.3c-9.9-0.1-19.7-0.1-29.6-0.2
                            c-1.8,0-2.3,1-3,2.2c-16.5,28.7-33.1,57.3-49.7,85.9c-1.1,1.8-0.6,2.7,0.7,4c3.5,3.4,6.9,6.8,10.3,10.3c4.4,4.4,4.4,4.4,8.8,0.1
                            c0.8-0.8,1.6-1.6,2.4-2.4c8-7.4,17.4-9.6,27.7-6.1c10.2,3.5,16,11,17.7,21.6c0.3,1.9,0.8,2.4,2.7,2.4c14.9,0.5,25,9.6,26.9,24.3
                            c0.3,2.2,0.8,3.1,3.2,3.3c13.5,1.3,23,11,24.3,24.6c0.2,1.8,0.5,2.6,2.5,2.7c7.6,0.5,13.7,3.9,18.9,9.4c4.1,4.3,8.4,8.6,12.7,12.7
                            c3.4,3.3,7.6,4.1,12.1,2.5c4.6-1.5,7.1-4.9,7.9-9.5c0.7-4.6-1.3-8.1-4.5-11.3c-20.4-20.3-40.7-40.7-61.1-61.1
                            c-0.9-0.9-1.8-1.7-2.5-2.7c-3-4.2-1-9.9,4-11.4c3.8-1.2,6.4,0.8,8.9,3.3c24.5,24.5,49,49,73.5,73.5c0.9,0.9,1.7,1.8,2.7,2.6
                            c7,5.8,17.3,2.3,19.3-6.6c1.1-4.9-0.9-8.7-4.3-12c-20.3-20.2-40.6-40.5-60.9-60.8c-1-1-2-1.9-2.8-3c-2.2-3-1.7-7.3,1-9.9
                            c2.7-2.5,6.6-2.7,9.6-0.4c1.1,0.8,2,1.8,3,2.8c22.8,22.8,45.7,45.7,68.5,68.5c5.5,5.5,12.7,5.6,17.6,0.6c4.7-4.8,4.6-12.2-0.6-17.4
                            c-38-38-76-76-114-114.1c-1.6-1.7-2.5-1.6-4,0c-5.9,6.1-11.9,12.1-18,18c-11,10.7-27.7,10.8-38.3,0.2
                            c-10.6-10.6-10.5-27.2,0.3-38.3C139.7,65.5,142.3,63,145.5,59.9z M230.1,42.7c-11.8,0-23.7,0.1-35.5,0c-7.3-0.1-13.3,2.5-18.4,7.6
                            c-9.2,9.3-18.5,18.5-27.8,27.8c-5.4,5.5-5.8,12.7-0.9,17.6c4.9,5,12.4,4.6,17.9-0.9c7.7-7.7,15.3-15.3,23-23
                            c5.1-5.1,8.5-5.1,13.7,0c8.2,8.2,16.5,16.3,24.5,24.7c2.1,2.2,3.4,2,5.5,0.2c6.3-5.4,9.8-12.1,10.3-20.4c0.3-5.4,3.3-8.8,7.7-8.7
                            c4.6,0.2,7.5,3.9,7.2,9.4c-0.7,12.5-5.9,22.8-15.4,30.8c-1.6,1.3-1.9,2-0.2,3.6c16.9,16.8,33.8,33.6,50.5,50.5
                            c1.8,1.8,2.6,1.6,4.3-0.1c8.3-8.5,16.7-16.9,25.1-25.1c1.8-1.8,1.8-3,0.6-5c-16.7-28.7-33.3-57.5-49.8-86.3
                            c-1.3-2.3-2.8-2.9-5.3-2.9C254.8,42.8,242.4,42.7,230.1,42.7z M44,143.8c1.8-0.2,2.7-1.1,3.4-2.4c17.3-30,34.7-60.1,52.1-90.1
                            c1.4-2.5,0.9-4.1-1.6-5.5c-8.1-4.6-16.2-9.3-24.2-14c-2.5-1.5-4.3-1.2-5.8,1.5c-17.2,30-34.5,59.9-51.9,89.8
                            c-1.6,2.7-0.9,4.3,1.6,5.8c8.1,4.6,16.2,9.3,24.3,14C42.6,143.2,43.4,143.5,44,143.8z M130.3,192.4c-1.9-0.1-4.4,0.8-6.5,2.8
                            c-4.1,3.9-8.3,7.9-12.1,12.2c-4.1,4.6-3.6,11.6,0.6,15.9c4.5,4.5,11.4,5,16.2,0.7c4.2-3.8,8.3-7.9,12.1-12.1
                            c3.4-3.8,3.8-8.3,1.5-12.9C140,194.6,136.2,192.4,130.3,192.4z M170.9,231.8c-0.1-5.1-2.4-8.9-7-10.9c-4.6-2-9.1-1.4-12.8,2
                            c-3.7,3.5-7.3,7.1-10.8,10.8c-5,5.1-5.1,12.2-0.3,17c4.7,4.8,12,4.8,17,0c3.6-3.4,7.1-7,10.6-10.5
                            C169.7,237.9,170.9,235.1,170.9,231.8z M198.4,258.5c-0.2-4.1-2.3-7.9-6.8-10c-4.8-2.3-9.3-1.6-13.1,1.9
                            c-3.9,3.6-7.7,7.4-11.4,11.3c-4.5,4.9-4.3,11.9,0.2,16.5c4.6,4.6,11.8,4.8,16.8,0.2c3.8-3.6,7.4-7.3,11.1-11.1
                            C197.3,265.2,198.4,262.4,198.4,258.5z M113.9,178.8c0-4.7-2.5-8.9-6.8-10.7c-4.4-1.9-8.8-1.7-12.6,1.5c-2.9,2.5-5.7,5.2-8.2,8.2
                            c-3.2,3.7-3.6,8.2-1.6,12.6c2.1,4.4,5.7,6.8,10.7,6.8C103,197.2,113.9,186.2,113.9,178.8z"/>
                        <path class="st0" d="M354.9,58.5c-0.1,4.1-3.4,7.2-7.5,7.1c-4.2-0.1-7.6-3.6-7.4-7.7c0.2-4,3.6-7.2,7.6-7.2
                            C351.7,50.8,355,54.2,354.9,58.5z"/>
                    </svg>
                    <span class="block mx-auto mt-1 text-xs text-gray-600 font-bold transition-all duration-200 group-hover:scale-125">Offline Partners</span>
                </a>
            </li>
            <li class="bg-white dark:bg-gray-900 py-1 group rounded-xl" x-data="{ enterpin: false }" >
                <a class="text-center" @click="enterpin = !enterpin">
                    <svg xmlns="http://www.w3.org/2000/svg" class="transition-all duration-200 group-hover:scale-125 mx-auto h-5 w-5 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                    </svg>
                    <span class="block mx-auto mt-1 text-xs text-gray-600 font-bold transition-all duration-200 group-hover:scale-125">Pin Code</span>
                </a>
                <div class="relative z-99999 -top-16 left-1/2" x-cloak x-show.transition.origin.top="enterpin">
                    <div class="absolute bg-white z-10 p-2 -mt-1 text-sm leading-tight text-black transform -translate-x-1/2 -translate-y-full bg-white-500 rounded-lg shadow-lg">
                        <form action="">
                            <div class="col-span-6 sm:col-span-3 lg:col-span-3">
                                <label for="first-name" class="block text-sm font-medium text-gray-700 dark:text-gray-100">Your PINCODE</label>
                                <input type="text" name="first-name" id="first-name" autocomplete="given-name" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-800  block w-full shadow-sm sm:text-sm border-gray-300 rounded-md">
                                <button type="submit" class="inline-flex w-full mt-2 justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-white dark:text-blue-700 dark:hover:text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
                                    </svg>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </li>
            <li class="bg-white dark:bg-gray-900 py-1 group relative rounded-xl" x-data="{ notificationPopup: false }">
                <a class="text-center" @click="notificationPopup = !notificationPopup">
                    <svg xmlns="http://www.w3.org/2000/svg" class="transition-all duration-200 group-hover:scale-125 mx-auto h-5 w-5 text-gray-500 dark:text-gray-100 hover:text-gray-900 dark:hover:text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
                    </svg>
                    <span class="block mx-auto mt-1 text-xs text-gray-600 font-bold transition-all duration-200 group-hover:scale-125">Notification</span>
                </a>
                <div
    x-show="notificationPopup" x-transition:enter="ease-out duration-300"
    x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
    x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
    x-transition:leave="ease-in duration-200"
    x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
    x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
    class="absolute z-10 left-1/2 transform -translate-x-1/2 w-80 -top-56 bg-white rounded-lg border-gray-300 border p-3 shadow-lg">
    <div class="flex flex-row">
        <div class="grid grid-cols-1">
                            <div class="notfication py-2 border-b border-gray-100">
                    <h4>No New Notification</h4>
                </div>
                        
        </div>

    </div>
</div>
            </li>
        </ul>
    </div>
</footer>


<style>
    .pof__companies .swiper-wrapper{height: auto;}
    @media(max-width: 767.98px){
    #category_select_mobile{border: none !important;width: 130px;}
} 
</style>
        <!-- Success Toast -->
        <div data-alert="success" class="hidden z-9999999 fixed top-5 right-5 border border-gray-100 bg-white rounded overflow-hidden p-2 space-x-1 w-auto sm:w-96">
            <div class="flex justify-between">
                <div class="absolute inset-0 border-l-4 border-green-400"></div>
                <div class="flex items-baseline">
                    <span class="bg-green-300 bg-opacity-50 rounded-full p-1">
                        <svg class="h-6 w-auto text-green-400" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
                        </svg>
                    </span>
                </div>
                <div class="flex flex-grow items-center">
                    <p class="leading-tight text-xs md:text-sm successmessage"></p>
                </div>
                <div class="z-10">
                    <button type="button" class="bg-indigo-300 bg-opacity-25 text-gray-700 rounded overflow-hidden p-1 lg:p-2 focus:outline-none">
                        <svg class="h-4 w-auto" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                        </svg>
                    </button>
                </div>
            </div>

        </div>

        <!-- Fail Toast -->
        <div data-alert="error" class="hidden z-9999999 fixed top-5 right-5 border border-gray-100 bg-white rounded overflow-hidden p-2 space-x-1 w-auto sm:w-96">
            <div class="flex justify-between">
                <div class="absolute inset-0 border-l-4 border-red-400"></div>
                <div class="flex items-baseline">
                    <span class="bg-red-300 bg-opacity-50 rounded-full p-1">
                        <svg class="h-6 w-auto text-red-400" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z" clip-rule="evenodd"></path>
                        </svg>
                    </span>
                </div>
                <div class="flex flex-grow items-center">
                    <p class="leading-tight text-xs md:text-sm errormessage"></p>
                </div>
                <div class="z-10">
                    <button type="button" class="bg-indigo-300 bg-opacity-25 text-gray-700 rounded overflow-hidden p-1 lg:p-2 focus:outline-none">
                        <svg class="h-4 w-auto" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                        </svg>
                    </button>
                </div>
            </div>
        </div>

        
        <div data-alert="warning" class="hidden z-9999999 fixed top-5 right-5 border border-gray-100 bg-white rounded overflow-hidden p-2 space-x-1 w-auto sm:w-96">
            <div class="flex justify-between">
                <div class="absolute inset-0 border-l-4 border-yellow-400"></div>
                <div class="flex items-baseline">
                <span class="bg-yellow-300 bg-opacity-50 rounded-full p-1">
                    <svg class="h-6 w-auto text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
                        <path fill-rule="evenodd" d="M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z" clip-rule="evenodd"></path>
                    </svg>
                </span>
                </div>
                <div class="flex flex-grow items-center">
                    <p class="leading-tight text-xs md:text-sm warningmessage"></p>
                </div>
                <div class="z-10">
                    <button type="button" class="bg-indigo-300 bg-opacity-25 text-gray-700 rounded overflow-hidden p-1 lg:p-2 focus:outline-none">
                        <svg class="h-4 w-auto" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                        </svg>
                    </button>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="https://payoffretail.com/public/assets/js/modernizr.min.js"></script>
        <script src="https://payoffretail.com/public/assets/js/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/2.3.0/alpine.js"></script>
        <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    </div>
    <script>
        if(window.innerWidth <= 768){
            const searchForm = document.querySelector("#searchForm1");
            const searchFormInput = searchForm.querySelector("input"); // <=> document.querySelector("#search-form input");
            // const info = document.querySelector(".info");

            // The speech recognition interface lives on the browser’s window object
            const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; // if none exists -> undefined
            if(SpeechRecognition) {
                $('.typeahead1').trigger('keyup');
                console.log("Your Browser supports speech Recognition");

                const recognition = new SpeechRecognition();
                recognition.continuous = true;
                // recognition.lang = "en-US";

                // searchForm.insertAdjacentHTML("beforeend", '<button type="button"><i class="fas fa-microphone"></i></button>');
                // searchFormInput.style.paddingRight = "50px";

                const micBtn = searchForm.querySelector("button");
                const micIcon = micBtn.firstElementChild;
                micBtn.addEventListener("click", micBtnClick);
                function micBtnClick() {
                    if(micIcon.classList.contains("spiker1")) { // Start Voice Recognition
                        recognition.start(); // First time you have to allow access to mic!
                        $('.spinner-wrap').removeClass('hidden');
                    }
                    else {
                        recognition.stop();
                        $('.spinner-wrap').addClass('hidden');
                    }
                }

                recognition.addEventListener("start", startSpeechRecognition); // <=> recognition.onstart = function() {...}
                function startSpeechRecognition() {
                    // micIcon.classList.remove("fa-microphone");
                    // micIcon.classList.add("fa-microphone-slash");
                    searchFormInput.focus();
                    console.log("Voice activated, SPEAK");
                    $('#seachdata1').click();
                }

                recognition.addEventListener("end", endSpeechRecognition); // <=> recognition.onend = function() {...}
                function endSpeechRecognition() {
                    // micIcon.classList.remove("fa-microphone-slash");
                    // micIcon.classList.add("fa-microphone");
                    searchFormInput.focus();
                    console.log("Speech recognition service disconnected");
                }

                recognition.addEventListener("result", resultOfSpeechRecognition); // <=> recognition.onresult = function(event) {...} - Fires when you stop talking
                function resultOfSpeechRecognition(event) {
                    const current = event.resultIndex;
                    const transcript = event.results[current][0].transcript;

                    if(transcript.toLowerCase().trim()==="stop recording") {
                        recognition.stop();
                    }
                    else if(!searchFormInput.value) {
                        searchFormInput.value = transcript;
                        $('.typeahead1').trigger('keyup');
                    }
                    else {
                        if(transcript.toLowerCase().trim()==="go") {
                            searchForm.submit();
                        }
                        else if(transcript.toLowerCase().trim()==="reset input") {
                            searchFormInput.value = "";
                        }
                        else {
                            searchFormInput.value = transcript;
                        }
                    }
                }

                // info.textContent = 'Voice Commands: "stop recording", "reset input", "go"';
            }
            else {
                console.log("Your Browser does not support speech Recognition");
                // info.textContent = "Your Browser does not support Speech Recognition";
            }
        }else{
            const searchForm = document.querySelector("#searchForm");
            const searchFormInput = searchForm.querySelector("input"); // <=> document.querySelector("#search-form input");
            // const info = document.querySelector(".info");

            // The speech recognition interface lives on the browser’s window object
            const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; // if none exists -> undefined
            if(SpeechRecognition) {
                $('.typeahead').trigger('keyup');
                console.log("Your Browser supports speech Recognition");

                const recognition = new SpeechRecognition();
                recognition.continuous = true;
                // recognition.lang = "en-US";

                // searchForm.insertAdjacentHTML("beforeend", '<button type="button"><i class="fas fa-microphone"></i></button>');
                // searchFormInput.style.paddingRight = "50px";

                const micBtn = searchForm.querySelector("button");
                const micIcon = micBtn.firstElementChild;
                micBtn.addEventListener("click", micBtnClick);
                function micBtnClick() {
                    if(micIcon.classList.contains("spiker")) { // Start Voice Recognition
                        recognition.start(); // First time you have to allow access to mic!
                        $('.spinner-wrap').removeClass('hidden');
                    }
                    else {
                        recognition.stop();
                        $('.spinner-wrap').addClass('hidden');
                    }
                }

                recognition.addEventListener("start", startSpeechRecognition); // <=> recognition.onstart = function() {...}
                function startSpeechRecognition() {
                    // micIcon.classList.remove("fa-microphone");
                    // micIcon.classList.add("fa-microphone-slash");
                    searchFormInput.focus();
                    console.log("Voice activated, SPEAK");
                    $('#seachdata').click();
                }

                recognition.addEventListener("end", endSpeechRecognition); // <=> recognition.onend = function() {...}
                function endSpeechRecognition() {
                    // micIcon.classList.remove("fa-microphone-slash");
                    // micIcon.classList.add("fa-microphone");
                    searchFormInput.focus();
                    console.log("Speech recognition service disconnected");
                }

                recognition.addEventListener("result", resultOfSpeechRecognition); // <=> recognition.onresult = function(event) {...} - Fires when you stop talking
                function resultOfSpeechRecognition(event) {
                    const current = event.resultIndex;
                    const transcript = event.results[current][0].transcript;

                    if(transcript.toLowerCase().trim()==="stop recording") {
                        recognition.stop();
                    }
                    else if(!searchFormInput.value) {
                        searchFormInput.value = transcript;
                        $('.typeahead').trigger('keyup');
                    }
                    else {
                        if(transcript.toLowerCase().trim()==="go") {
                            searchForm.submit();
                        }
                        else if(transcript.toLowerCase().trim()==="reset input") {
                            searchFormInput.value = "";
                        }
                        else {
                            searchFormInput.value = transcript;
                        }
                    }
                }

                // info.textContent = 'Voice Commands: "stop recording", "reset input", "go"';
            }
            else {
                console.log("Your Browser does not support speech Recognition");
                // info.textContent = "Your Browser does not support Speech Recognition";
            }
        }


        $(function(){
            /* Remove Preloader */
            $('.preloader').fadeOut();
            /* Dark Mode */
            $('[data-alert="success"] button').on('click', function(e){
                $('[data-alert="success"]').addClass('hidden');
            });

            $('[data-alert="error"] button').on('click', function(e){
                $('[data-alert="error"]').addClass('hidden');
            });

            $('[data-alert="warning"] button').on('click', function(e){
                $('[data-alert="warning"]').addClass('hidden');
            });

            $(document).ready(function(){
                // $(".dropdown").hover(function() {
                //     $('.dropdown-menu', this).fadeIn(300);
                // },function() { $('.dropdown-menu', this).fadeOut(300);
                // });

                $('.dropdown').on('click',function(e){
                    // $('.dropdown-menu').not(this).fadeOut(300);
                    // $('.dropdown-menu', this).fadeToggle(300);

                    //$('.dropdown-menu').not(this).f
                    //$('.dropdown-menu').removeClass('activemenu');
                    e.stopPropagation();

                    if($('.dropdown-menu',this).hasClass('activemenu') == true){
                        $('.dropdown-menu',this).removeClass('activemenu',200);
                    }else{
                        $('.dropdown-menu').removeClass('activemenu');
                        $('.dropdown-menu',this).addClass('activemenu',200);
                    }


                })
            });

            $('[name="mode"]').on('change',function(){
                var theme = $(this).val();
                if(theme == 'dark'){
                    $('html').addClass('dark');
                }else{
                    $('html').removeClass('dark');
                }
                document.cookie = "theme="+theme;
            });
            function getCookie(name){
                var re = new RegExp(name + "=([^;]+)");
                var value = re.exec(document.cookie);
                return (value != null) ? unescape(value[1]) : null;
            }
            /* Home Slider */
            const pof__swiper = new Swiper('.pof__swiper', {
                // Optional parameters
                direction: 'horizontal',
                loop: true,
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: true,
                },
                // If we need pagination
                pagination: {
                    el: '.swiper-pagination',
                }
            });

            /* Offer Slider */
            const pof__offers = new Swiper('.pof__offers', {
                // Optional parameters
                direction: 'horizontal',
                loop: true,
                slidesPerView: 3,
                spaceBetween: 30,
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: true,
                },
                breakpoints: {
                    // when window width is >= 320px
                    320: {
                        slidesPerView: 1,
                        spaceBetween: 20
                    },
                    // when window width is >= 480px
                    480: {
                        slidesPerView: 1,
                        spaceBetween: 30
                    },
                    // when window width is >= 640px
                    640: {
                        slidesPerView: 3,
                        spaceBetween: 30
                    }
                }
            });
            /* Categories Slider */
            const pof__categories = new Swiper('.pof__categories', {
                // Optional parameters
                direction: 'horizontal',
                loop: true,
                slidesPerView: 5,
                spaceBetween: 30,
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: true,
                },
                breakpoints: {
                    // when window width is >= 320px
                    320: {
                        slidesPerView: 1,
                        spaceBetween: 20
                    },
                    // when window width is >= 480px
                    480: {
                        slidesPerView: 1,
                        spaceBetween: 30
                    },
                    // when window width is >= 640px
                    640: {
                        slidesPerView: 5,
                        spaceBetween: 30
                    }
                }
            });

            /* Product Swiper */
            const pof_recentlyAdded = new Swiper('.pof_recentlyAdded', {
                // Optional parameters
                direction: 'horizontal',
                slidesPerView: 4,
                loop: true,

                // If we need pagination
                pagination: {
                    el: '.pof_recentlyAdded-pagination',
                },
                navigation: {
                    nextEl: ".pof_recentlyAdded-swiper-button-next",
                    prevEl: ".pof_recentlyAdded-swiper-button-prev",
                },
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: true,
                },
                breakpoints: {
                    // when window width is >= 320px
                    320: {
                        slidesPerView: 1
                    },
                    // when window width is >= 480px
                    480: {
                        slidesPerView: 1
                    },
                    // when window width is >= 640px
                    640: {
                        slidesPerView: 4
                    }
                }
            });

            /* Company Swiper */
            const pof__companies = new Swiper('.pof__companies', {
                // Optional parameters
                direction: 'horizontal',
                slidesPerView: 5,
                spaceBetween: 60,
                loop: true,
                navigation: {
                    nextEl: ".pof__companies-swiper-button-next",
                    prevEl: ".pof__companies-swiper-button-prev",
                },
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: true,
                },
                breakpoints: {
                    // when window width is >= 320px
                    320: {
                        slidesPerView: 2
                    },
                    // when window width is >= 480px
                    480: {
                        slidesPerView: 2,
                    },
                    // when window width is >= 640px
                    640: {
                        slidesPerView: 5,
                    }
                }
            });

            /* Related Product */
            const singleProductRelatedProducts = new Swiper('.singleProductRelatedProducts', {
                // Optional parameters
                direction: 'horizontal',
                slidesPerView: 3,
                loop: true,

                // If we need pagination
                pagination: {
                    el: '.singleProductRelatedProducts-pagination',
                },
                navigation: {
                    nextEl: ".singleProductRelatedProducts-swiper-button-next",
                    prevEl: ".singleProductRelatedProducts-swiper-button-prev",
                },
                autoplay: {
                    delay: 2500,
                    disableOnInteraction: true,
                },
                breakpoints: {
                    // when window width is >= 320px
                    320: {
                        slidesPerView: 2
                    },
                    // when window width is >= 480px
                    480: {
                        slidesPerView: 2
                    },
                    // when window width is >= 640px
                    640: {
                        slidesPerView: 3
                    }
                }
            });


            /* Tabs */
            $('[tab-name]').click(function () {
                var tabName = $(this).attr('tab-name');
                $(this).parent().parent().find('.tabdata').addClass('hidden');
                $(`#${tabName}`).removeClass('hidden');

                /* Make Tab Bar Active */
                $(this).parent().find('[tab-name]').removeClass('activeTab');
                $(this).addClass('activeTab');
            });

            // /* Single Product JS */
            // $('#singleProduct').glassCase({
            //     'widthDisplay': 400,
            //     'heightDisplay': 400,
            //     'capZType': 'in',
            //     //'isHoverShowThumbs': true,
            //     'colorIcons': '#1d4ed8',
            //     'colorActiveThumb': '#1d4ed8',
            //     'isAutoPlayDisplay': true,
            //     'zoomPosition': 'right',
            //     'isOverlayFullImage': true,
            //     'slideType': 'slideElement',
            //     'colorLoading': '#1d4ed8'
            // });

            function range() {
                return {
                    minprice: 0,
                    maxprice: 10000,
                    min: 0,
                    max: 10000,
                    minthumb: 0,
                    maxthumb: 0,
                    mintrigger() {
                        this.validation();
                        this.minprice = Math.min(this.minprice, this.maxprice - 500);
                        this.minthumb = ((this.minprice - this.min) / (this.max - this.min)) * 100;
                    },
                    maxtrigger() {
                        this.validation();
                        this.maxprice = Math.max(this.maxprice, this.minprice + 200);
                        this.maxthumb = 100 - (((this.maxprice - this.min) / (this.max - this.min)) * 100);
                    },
                    validation() {
                        if (/^\d*$/.test(this.minprice)) {
                            if (this.minprice > this.max) {
                                this.minprice = 9500;
                            }
                            if (this.minprice < this.min) {
                                this.minprice = this.min;
                            }
                        } else {
                            this.minprice = 0;
                        }
                        if (/^\d*$/.test(this.maxprice)) {
                            if (this.maxprice > this.max) {
                                this.maxprice = this.max;
                            }
                            if (this.maxprice < this.min) {
                                this.maxprice = 200;
                            }
                        } else {
                            this.maxprice = 10000;
                        }
                    }
                }
            }

            /* Header On Scroll Add Class and remove */
            var header = $("#header");
            var footer = $("#footersticky");

            $(window).scroll(function() {
                var scroll = $(window).scrollTop();

                if (scroll >= 50) {
                    header.removeClass('sm:py-2').addClass("sm:py-0");
                } else {
                    header.removeClass('sm:py-0').addClass("sm:py-2");
                }
            });

            var lastScrollTop = 0;
            $(window).scroll(function(event){
                var st = $(this).scrollTop();
                if (st > lastScrollTop){
                    footer.addClass('fixed');
                    setTimeout(() => {
                        footer.removeClass('fixed');
                    }, 10000);
                } else {
                    footer.removeClass('fixed');
                }
            lastScrollTop = st;
            });

            // setInterval(() => {
            //     footer.removeClass('fixed');
            // }, 5000);
        });

        function show_toastr(status) {
            const toast = $('[data-alert="' + status + '"]');
            toast.fadeIn(200);
        }

        $(document).on('click', '[data-alert] button', function () {
            $(this).closest('[data-alert]').fadeOut(200);
        });

        $("#category_select").on("change", function() {
            $('#searchdata').html('');
            let actionUrl = "https://payoffretail.com/shop" + "/" + $(this).val();
            $("#searchForm").attr("action", actionUrl);
            console.log(actionUrl);

            // **Submit the form after setting the action**
            $("#searchForm").submit();
        });
        $("#category_select_mobile").on("change", function() {
            $('#searchdata1').html('');
            let actionUrl = "https://payoffretail.com/shop" + "/" + $(this).val();
            $("#searchForm1").attr("action", actionUrl);
            console.log(actionUrl);

            // **Submit the form after setting the action**
            $("#searchForm1").submit();
        });

        $(document).ready(function() {
            $('.typeahead').on('keyup', function() {
                var searchValue = $('#seachdata').val().trim(); // Get input value
                var cat = $('#category_select').val();

                // Hide search results if input is empty
                if (searchValue === '') {
                    $('#searchdata').hide();
                    return;
                }

                $.ajax({
                    url: "https://payoffretail.com/autocomplete",
                    data: {
                        _token: 'ROxajGpTIJd8ttJzv9nPJplMdonZVR4h1XUp6l4W',
                        search: searchValue,
                        cat: cat,
                        cat1: cat == 0 ? 0 : 1
                    },
                    success: function (data) {
                        var a = '';
                        if (data.length > 0) {
                            data.forEach(element => {
                                var route = "https://payoffretail.com/product-details/sl".replace('sl', element.slug);
                                a += "<a href='"+ route +"' class='text-gray-700 dark:text-gray-100 block px-4 py-2 text-sm' role='menuitem' tabindex='-1'>"+ element['name'] +"</a>";
                            });
                            $('#searchdata').html(a).show();
                        } else {
                            $('#searchdata').hide();
                        }
                    }
                });
            });

            // Hide the search results when clicking outside the input or results
            $(document).on('click', function(event) {
                if (!$(event.target).closest('.typeahead, #searchdata').length) {
                    $('#searchdata').hide();
                }
            });

            // Show again when focusing on input (only if there are results and input is not empty)
            $('.typeahead').on('focus', function() {
                if ($('#searchdata').children().length > 0 && $('#seachdata').val().trim() !== '') {
                    $('#searchdata').show();
                }
            });
        });


        $(document).ready(function() {
            $('.typeahead1').on('keyup', function() {
                var searchValue = $('#seachdata1').val().trim(); // Get input value
                var cat = $('#category_select_mobile').val();

                // Hide search results if input is empty
                if (searchValue === '') {
                    $('#searchdata1').hide();
                    return;
                }

                $.ajax({
                    url: "https://payoffretail.com/autocomplete",
                    data: {
                        _token: 'ROxajGpTIJd8ttJzv9nPJplMdonZVR4h1XUp6l4W',
                        search: searchValue,
                        cat: cat
                    },
                    success: function (data) {
                        var a = '';
                        if (data.length > 0) {
                            data.forEach(element => {
                                var route = "https://payoffretail.com/product-details/sl".replace('sl', element.slug);
                                a += "<a href='"+ route +"' class='text-gray-700 dark:text-gray-100 block px-4 py-2 text-sm' role='menuitem' tabindex='-1'>"+ element['name'] +"</a>";
                            });
                            $('#searchdata1').html(a).show();
                        } else {
                            $('#searchdata1').hide();
                        }
                    }
                });
            });

            $(document).on('click', function(event) {
                if (!$(event.target).closest('.typeahead1, #searchdata1').length) {
                    $('#searchdata1').hide();
                }
            });
            $('.typeahead1').on('focus', function() {
                if ($('#searchdata1').children().length > 0 && $('#seachdata1').val().trim() !== '') {
                    $('#searchdata1').show();
                }
            });
        });

        $('#checktransferid').on('click', function() {
            var member_unique_no = $('#member_unique_no1').val();
            // console.log(member_unique_no1);
            if(member_unique_no.length > 0){
                $.ajax({
                    url: "https://payoffretail.com/checktransferid",
                    data: {
                        _token: 'ROxajGpTIJd8ttJzv9nPJplMdonZVR4h1XUp6l4W',
                        member_unique_no: member_unique_no
                    },
                    success: function (data) {
                        if(data.count == 1){
                            show_toastr('success');
                            $('.successmessage').html('Customer Found. Please Emter Amount');
                            $('.checkvalue').removeClass('hidden');
                            $('#member_unique_no').val(member_unique_no);
                            $('#customerinfo').html(data.transferid);
                            $('#customerinfophone').html(data.phone);
                        }else{
                            show_toastr('error');
                            $('.errormessage').html('Customer Not Found. Please try again');
                            $('.checkvalue').addClass('hidden');
                            // $('#checkref').addClass('bg-gray-500').addClass('pointer-events-none').removeClass('bg-green-500');
                        }
                    }
                });
            }
        });
        $('#customerinfoconfirm').on('click', function() {
            $('#checktransferid').prop('disabled', true);
            $('#member_unique_no1').prop('disabled', true).addClass('bg-gray-200');
            $('#checktransferid').removeClass('bg-blue-700').removeClass('hover:bg-indigo-700').addClass('bg-gray-500');
            $('.entpsbamount').removeClass('hidden');
            $('#checkref').removeClass('bg-gray-500').removeClass('pointer-events-none').addClass('bg-green-500');
        });
    </script>
    
    <script>
		/*start desktop menu - hit pwa custom button */
    		let installPrompt = null;
    		const installButton = document.querySelector("#pwahitapp");
    
    		window.addEventListener("beforeinstallprompt", (event) => {
    		  event.preventDefault();
    		  installPrompt = event;
    		  installButton.removeAttribute("hidden");
    		});
    
    		installButton.addEventListener("click", async () => {
    		  if (!installPrompt) {
    			return;
    		  }
    		  const result = await installPrompt.prompt();
    		  //console.log(`Install prompt was: ${result.outcome}`);
    		  disableInAppInstallPrompt();
    		});
    
    		function disableInAppInstallPrompt() {
    		  installPrompt = null;
    		  installButton.setAttribute("hidden", "");
    		}
    
    		window.addEventListener("appinstalled", () => {
    		  disableInAppInstallPrompt();
    		});
		/*end desktop menu - hit pwa custom button */
		
		/*start mobile menu - hit pwa custom button */
    		let installPrompt1 = null;
    		const installButton1 = document.querySelector("#pwahitappmobi");
    
    		window.addEventListener("beforeinstallprompt", (event) => {
    		  event.preventDefault();
    		  installPrompt1 = event;
    		  installButton1.removeAttribute("hidden");
    		});
    
    		installButton1.addEventListener("click", async () => {
    		  if (!installPrompt1) {
    			return;
    		  }
    		  const result1 = await installPrompt1.prompt();
    		  //console.log(`Install prompt was: ${result.outcome}`);
    		  disableInAppInstallPrompt1();
    		});
    
    		function disableInAppInstallPrompt1() {
    		  installPrompt1 = null;
    		  installButton1.setAttribute("hidden", "");
    		}
    
    		window.addEventListener("appinstalled", () => {
    		  disableInAppInstallPrompt1();
    		});
		/*end - hit pwa custom button */
    </script>
    
        <script>
        $(document).on('click','#login', function(e) {
            e.preventDefault();
            $.ajax({
                url: $("#create_company").data('action'),
                data: $(this).serialize(),
                type: 'POST',
                success: function (data) {
                },
                error: function (data) {
                    data = data.responseJSON;
                    show_toastr('Error', data.message, 'error');
                }
            });
        });
    </script>
                </body>
</html>
