<span class="relative cursor-pointer group">
                <span>
                     <svg
                     style="transform: scaleX(-1)"
                     xmlns="http://www.w3.org/2000/svg"
                     width="20"
                     height="20"
                     fill="currentColor"
                     class="bi bi-cart cursor-pointer"
                     viewBox="0 0 16 16"
                   >
                     <path
                       d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5M3.102 4l1.313 7h8.17l1.313-7zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4m7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4m-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2m7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
                     />
                   </svg>
                </span>
                 <span class="absolute bottom-[-7px]  right-[-6px] bg-main_digikala text-white 
                 font-iran_Medium text-xs px-[5px] rounded-md border-2 border-white">1</span>
                 <div class="group-hover:flex hidden bg-white w-[400px] h-[500px] absolute left-0 top-6
                z-50 rounded-lg shadow-[0_0_7px_0_rgba(0,0,0,0.3)] flex-col overflow-hidden">
                 
   
                 <div class="relative overflow-y-auto">
                   <div class="p-3 sticky top-0 bg-white w-full flex items-center
                    gap-1 text-xs font-iran_Medium text-slate-700">
                     <span>2</span>
                     <span>کالا</span>
                   </div>
                   <div class="p-3 w-full flex flex-col justify-start  ">
                     <div class="flex w-full">
                       <div>
                         <img
                           src="../res/singlepage/08ecd0f8275de90a31ce99a2d3fb4bd155936386_1692456061.webp"
                           width="114"
                           height="114"
                           class="my-2 rounded-md"
                           alt=""
                         />
                         <img
                           src="../res/cart/IncredibleOffer.svg"
                           width="139"
                           height="16"
                           alt=""
                         />
                         <div
                           class="timer text-main_digikala flex font-iran_Regular justify-center gap-1 text-sm my-2"
                         >
                           <span>25</span>
                           <span>:</span>
                           <span>14</span>
                           <span>:</span>
                           <span>11</span>
                         </div>
       
                         <div class="flex justify-center font-iran_Regular">
                           <div
                             class="rounded-md dark:bg-white w-auto h-auto border border-slate-400 text-main_digikala flex items-center gap-4 p-2"
                           >
                             <span onclick="increment()">
                               <svg
                               xmlns="http://www.w3.org/2000/svg"
                               width="20"
                               height="20"
                               fill="currentColor"
                               class="bi bi-plus stroke-[0.5] cursor-pointer stroke-main_digikala"
                               viewBox="0 0 16 16"
                             >
                               <path
                                 d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"
                               />
                             </svg>
                             </span>
                             <span id="counter">1</span>
                             <span>
                               <svg
                               xmlns="http://www.w3.org/2000/svg"
                               width="15"
                               height="15"
                               fill="currentColor"
                               class="bi bi-trash stroke-[0.5] cursor-pointer stroke-main_digikala"
                               viewBox="0 0 16 16"
                             >
                               <path
                                 d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"
                               />
                               <path
                                 d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"
                               />
                             </svg>
                             </span>
                           </div>
                         </div>
                       </div>
                       <div class="px-3">
                         <a href="./singlePage.html" class="text-slate-900 dark:text-white text-sm font-iran_Bold">
                           هدفون بلوتوثی کیو سی وای مدل T13 TWS
                         </a>
                         <div class="flex gap-2 items-center mt-3 mb-2 font-iran_Regular">
                           <span class="size-4 rounded-full bg-black dark:border dark:border-white"></span>
                           <span class="text-xs text-slate-600 dark:text-white">مشکی</span>
                         </div>
                         
                         <div class="flex gap-2 items-center mt-3 mb-2 font-iran_Regular">
                           <svg
                             xmlns="http://www.w3.org/2000/svg"
                             width="16"
                             height="16"
                             fill="currentColor"
                             class="bi bi-tornado"
                             viewBox="0 0 16 16"
                           >
                             <path
                               d="M1.125 2.45A.9.9 0 0 1 1 2c0-.26.116-.474.258-.634a1.9 1.9 0 0 1 .513-.389c.387-.21.913-.385 1.52-.525C4.514.17 6.18 0 8 0c1.821 0 3.486.17 4.709.452.607.14 1.133.314 1.52.525.193.106.374.233.513.389.141.16.258.374.258.634 0 1.011-.35 1.612-.634 2.102l-.116.203a2.6 2.6 0 0 0-.313.809 3 3 0 0 0-.011.891.5.5 0 0 1 .428.849q-.091.09-.215.195c.204 1.116.088 1.99-.3 2.711-.453.84-1.231 1.383-2.02 1.856q-.307.183-.62.364c-1.444.832-2.928 1.689-3.735 3.706a.5.5 0 0 1-.748.226l-.001-.001-.002-.001-.004-.003-.01-.008a2 2 0 0 1-.147-.115 4.1 4.1 0 0 1-1.179-1.656 3.8 3.8 0 0 1-.247-1.296A.5.5 0 0 1 5 12.5v-.018l.008-.079a.73.73 0 0 1 .188-.386c.09-.489.272-1.014.573-1.574a.5.5 0 0 1 .073-.918 3.3 3.3 0 0 1 .617-.144l.15-.193c.285-.356.404-.639.437-.861a.95.95 0 0 0-.122-.619c-.249-.455-.815-.903-1.613-1.43q-.291-.19-.609-.394l-.119-.076a12 12 0 0 1-1.241-.334.5.5 0 0 1-.285-.707l-.23-.18C2.117 4.01 1.463 3.32 1.125 2.45m1.973 1.051q.17.156.358.308c.472.381.99.722 1.515 1.06 1.54.317 3.632.5 5.43.14a.5.5 0 0 1 .197.981c-1.216.244-2.537.26-3.759.157.399.326.744.682.963 1.081.203.373.302.79.233 1.247q-.077.494-.39.985l.22.053.006.002c.481.12.863.213 1.47.01a.5.5 0 1 1 .317.95c-.888.295-1.505.141-2.023.012l-.006-.002a4 4 0 0 0-.644-.123c-.37.55-.598 1.05-.726 1.497q.212.068.465.194a.5.5 0 1 1-.448.894 3 3 0 0 0-.148-.07c.012.345.084.643.18.895.14.369.342.666.528.886.992-1.903 2.583-2.814 3.885-3.56q.305-.173.584-.34c.775-.464 1.34-.89 1.653-1.472.212-.393.33-.9.26-1.617A6.74 6.74 0 0 1 10 8.5a.5.5 0 0 1 0-1 5.76 5.76 0 0 0 3.017-.872l-.007-.03c-.135-.673-.14-1.207-.056-1.665.084-.46.253-.81.421-1.113l.131-.23q.098-.167.182-.327c-.29.107-.62.202-.98.285C11.487 3.83 9.822 4 8 4c-1.821 0-3.486-.17-4.709-.452q-.098-.022-.193-.047M13.964 2a1 1 0 0 0-.214-.145c-.272-.148-.697-.297-1.266-.428C11.354 1.166 9.769 1 8 1s-3.354.166-4.484.427c-.569.13-.994.28-1.266.428A1 1 0 0 0 2.036 2q.058.058.214.145c.272.148.697.297 1.266.428C4.646 2.834 6.231 3 8 3s3.354-.166 4.484-.427c.569-.13.994-.28 1.266-.428A1 1 0 0 0 13.964 2"
                             />
                           </svg>
                           <span class="text-xs text-slate-600 dark:text-white">دیجی‌کالا</span>
                         </div>
                         <div class="flex gap-2 items-center mt-3 mb-2 font-iran_Regular">
                           <svg
                             xmlns="http://www.w3.org/2000/svg"
                             width="16"
                             height="16"
                             fill="currentColor"
                             class="bi bi-trophy text-main_digikala"
                             viewBox="0 0 16 16"
                           >
                             <path
                               d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5q0 .807-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33 33 0 0 1 2.5.5m.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935m10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935M3.504 1q.01.775.056 1.469c.13 2.028.457 3.546.87 4.667C5.294 9.48 6.484 10 7 10a.5.5 0 0 1 .5.5v2.61a1 1 0 0 1-.757.97l-1.426.356a.5.5 0 0 0-.179.085L4.5 15h7l-.638-.479a.5.5 0 0 0-.18-.085l-1.425-.356a1 1 0 0 1-.757-.97V10.5A.5.5 0 0 1 9 10c.516 0 1.706-.52 2.57-2.864.413-1.12.74-2.64.87-4.667q.045-.694.056-1.469z"
                             />
                           </svg>
                           <span class="text-xs text-slate-600 dark:text-white">ارسال دیجی‌کالا</span>
                         </div>
                         
                         <div class="mt-8 flex flex-col gap-3 font-iran_Regular">
                           <div class="text-main_digikala text-xs flex gap-1 ">
                             <span>۱۰۱,۰۰۰</span>
                             <span class="text-[10px]">تومان</span>
                             <span>تخفیف</span>
                           </div>
                           <div class="text-slate-900 dark:text-white flex items-center gap-2">
                             <span class="text-lg">۵۹۹,۰۰۰</span>
                             <span class="text-xs">تومان</span>
                           </div>
                         </div>
                       </div>
                     </div>
                     <div class="w-full h-auto border border-slate-400 rounded-md font-iran_Regular flex p-4 my-3">
                       <div class="flex justify-start items-center">
                         <div>
                           <input type="checkbox" class="size-[19px]">
                         </div>
                         <div class="px-3 flex flex-col gap-3">
                           <p class="text-slate-800 dark:text-white text-xs text-nowrap">بیمه تجهیزات دیجیتال - بیمه سامان</p>
                           <div class="flex justify-start items-center gap-1">
                             <span class="bg-main_digikala text-white text-xs p-1 flex 
                             justify-center items-center rounded-full">50%</span>
                             <h4 class="text-md text-slate-800 dark:text-white ">۵۵۴,۸۱۰</h4>
                             <span class="text-xs text-slate-800 dark:text-white">تومان</span>
                           </div>
                           <del class="flex justify-center items-center text-xs text-slate-300">۵۵۴,۸۱۰</del>
                         </div>
                       </div>
                       <div class="w-full flex justify-end items-end text-blue-600">
                         <div class="flex items-center gap-2 cursor-pointer">
                           <span class="text-xs">جزئیات</span>
                           <svg
                             xmlns="http://www.w3.org/2000/svg"
                             width="14"
                             height="14"
                             fill="currentColor"
                             class="bi bi-chevron-left stroke-1 stroke-blue-600"
                             viewBox="0 0 16 16"
                           >
                             <path
                               fill-rule="evenodd"
                               d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"
                             />
                           </svg>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div class="p-3 w-full flex flex-col justify-start  ">
                     <div class="flex w-full">
                       <div>
                         <img
                           src="../res/cart/e06e98875ad5947e50811d75ae940a9a38aaa15f_1678627573.webp"
                           width="114"
                           height="114"
                           class="my-2 rounded-md"
                           alt=""
                         />
                         <img
                           src="../res/cart/IncredibleOffer.svg"
                           width="139"
                           height="16"
                           alt=""
                         />
                         <div
                           class="timer text-main_digikala flex font-iran_Regular justify-center gap-1 text-sm my-2"
                         >
                           <span>25</span>
                           <span>:</span>
                           <span>14</span>
                           <span>:</span>
                           <span>11</span>
                         </div>
       
                         <div class="flex justify-center font-iran_Regular">
                           <div
                             class="rounded-md dark:bg-white w-auto h-auto border border-slate-400 text-main_digikala flex items-center gap-4 p-2"
                           >
                             <span onclick="increment()">
                               <svg
                               xmlns="http://www.w3.org/2000/svg"
                               width="20"
                               height="20"
                               fill="currentColor"
                               class="bi bi-plus stroke-[0.5] cursor-pointer stroke-main_digikala"
                               viewBox="0 0 16 16"
                             >
                               <path
                                 d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"
                               />
                             </svg>
                             </span>
                             <span id="counter">1</span>
                             <span>
                               <svg
                               xmlns="http://www.w3.org/2000/svg"
                               width="15"
                               height="15"
                               fill="currentColor"
                               class="bi bi-trash stroke-[0.5] cursor-pointer stroke-main_digikala"
                               viewBox="0 0 16 16"
                             >
                               <path
                                 d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"
                               />
                               <path
                                 d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"
                               />
                             </svg>
                             </span>
                           </div>
                         </div>
                       </div>
                       <div class="px-3">
                         <a href="./singlePage.html" class="text-slate-900 dark:text-white text-sm font-iran_Bold">
                           هدفون بلوتوثی کیو سی وای مدل T13 TWS
                         </a>
                         <div class="flex gap-2 items-center mt-3 mb-2 font-iran_Regular">
                           <span class="size-4 rounded-full bg-black dark:border dark:border-white"></span>
                           <span class="text-xs text-slate-600 dark:text-white">مشکی</span>
                         </div>
                         
                         <div class="flex gap-2 items-center mt-3 mb-2 font-iran_Regular">
                           <svg
                             xmlns="http://www.w3.org/2000/svg"
                             width="16"
                             height="16"
                             fill="currentColor"
                             class="bi bi-tornado"
                             viewBox="0 0 16 16"
                           >
                             <path
                               d="M1.125 2.45A.9.9 0 0 1 1 2c0-.26.116-.474.258-.634a1.9 1.9 0 0 1 .513-.389c.387-.21.913-.385 1.52-.525C4.514.17 6.18 0 8 0c1.821 0 3.486.17 4.709.452.607.14 1.133.314 1.52.525.193.106.374.233.513.389.141.16.258.374.258.634 0 1.011-.35 1.612-.634 2.102l-.116.203a2.6 2.6 0 0 0-.313.809 3 3 0 0 0-.011.891.5.5 0 0 1 .428.849q-.091.09-.215.195c.204 1.116.088 1.99-.3 2.711-.453.84-1.231 1.383-2.02 1.856q-.307.183-.62.364c-1.444.832-2.928 1.689-3.735 3.706a.5.5 0 0 1-.748.226l-.001-.001-.002-.001-.004-.003-.01-.008a2 2 0 0 1-.147-.115 4.1 4.1 0 0 1-1.179-1.656 3.8 3.8 0 0 1-.247-1.296A.5.5 0 0 1 5 12.5v-.018l.008-.079a.73.73 0 0 1 .188-.386c.09-.489.272-1.014.573-1.574a.5.5 0 0 1 .073-.918 3.3 3.3 0 0 1 .617-.144l.15-.193c.285-.356.404-.639.437-.861a.95.95 0 0 0-.122-.619c-.249-.455-.815-.903-1.613-1.43q-.291-.19-.609-.394l-.119-.076a12 12 0 0 1-1.241-.334.5.5 0 0 1-.285-.707l-.23-.18C2.117 4.01 1.463 3.32 1.125 2.45m1.973 1.051q.17.156.358.308c.472.381.99.722 1.515 1.06 1.54.317 3.632.5 5.43.14a.5.5 0 0 1 .197.981c-1.216.244-2.537.26-3.759.157.399.326.744.682.963 1.081.203.373.302.79.233 1.247q-.077.494-.39.985l.22.053.006.002c.481.12.863.213 1.47.01a.5.5 0 1 1 .317.95c-.888.295-1.505.141-2.023.012l-.006-.002a4 4 0 0 0-.644-.123c-.37.55-.598 1.05-.726 1.497q.212.068.465.194a.5.5 0 1 1-.448.894 3 3 0 0 0-.148-.07c.012.345.084.643.18.895.14.369.342.666.528.886.992-1.903 2.583-2.814 3.885-3.56q.305-.173.584-.34c.775-.464 1.34-.89 1.653-1.472.212-.393.33-.9.26-1.617A6.74 6.74 0 0 1 10 8.5a.5.5 0 0 1 0-1 5.76 5.76 0 0 0 3.017-.872l-.007-.03c-.135-.673-.14-1.207-.056-1.665.084-.46.253-.81.421-1.113l.131-.23q.098-.167.182-.327c-.29.107-.62.202-.98.285C11.487 3.83 9.822 4 8 4c-1.821 0-3.486-.17-4.709-.452q-.098-.022-.193-.047M13.964 2a1 1 0 0 0-.214-.145c-.272-.148-.697-.297-1.266-.428C11.354 1.166 9.769 1 8 1s-3.354.166-4.484.427c-.569.13-.994.28-1.266.428A1 1 0 0 0 2.036 2q.058.058.214.145c.272.148.697.297 1.266.428C4.646 2.834 6.231 3 8 3s3.354-.166 4.484-.427c.569-.13.994-.28 1.266-.428A1 1 0 0 0 13.964 2"
                             />
                           </svg>
                           <span class="text-xs text-slate-600 dark:text-white">دیجی‌کالا</span>
                         </div>
                         <div class="flex gap-2 items-center mt-3 mb-2 font-iran_Regular">
                           <svg
                             xmlns="http://www.w3.org/2000/svg"
                             width="16"
                             height="16"
                             fill="currentColor"
                             class="bi bi-trophy text-main_digikala"
                             viewBox="0 0 16 16"
                           >
                             <path
                               d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5q0 .807-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33 33 0 0 1 2.5.5m.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935m10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935M3.504 1q.01.775.056 1.469c.13 2.028.457 3.546.87 4.667C5.294 9.48 6.484 10 7 10a.5.5 0 0 1 .5.5v2.61a1 1 0 0 1-.757.97l-1.426.356a.5.5 0 0 0-.179.085L4.5 15h7l-.638-.479a.5.5 0 0 0-.18-.085l-1.425-.356a1 1 0 0 1-.757-.97V10.5A.5.5 0 0 1 9 10c.516 0 1.706-.52 2.57-2.864.413-1.12.74-2.64.87-4.667q.045-.694.056-1.469z"
                             />
                           </svg>
                           <span class="text-xs text-slate-600 dark:text-white">ارسال دیجی‌کالا</span>
                         </div>
                         
                         <div class="mt-8 flex flex-col gap-3 font-iran_Regular">
                           <div class="text-main_digikala text-xs flex gap-1 ">
                             <span>۱۰۱,۰۰۰</span>
                             <span class="text-[10px]">تومان</span>
                             <span>تخفیف</span>
                           </div>
                           <div class="text-slate-900 dark:text-white flex items-center gap-2">
                             <span class="text-lg">۵۹۹,۰۰۰</span>
                             <span class="text-xs">تومان</span>
                           </div>
                         </div>
                       </div>
                     </div>
                     <div class="w-full h-auto border border-slate-400 rounded-md font-iran_Regular flex p-4 my-3">
                       <div class="flex justify-start items-center">
                         <div>
                           <input type="checkbox" class="size-[19px]">
                         </div>
                         <div class="px-3 flex flex-col gap-3">
                           <p class="text-slate-800 dark:text-white text-xs text-nowrap">بیمه تجهیزات دیجیتال - بیمه سامان</p>
                           <div class="flex justify-start items-center gap-1">
                             <span class="bg-main_digikala text-white text-xs p-1 flex 
                             justify-center items-center rounded-full">50%</span>
                             <h4 class="text-md text-slate-800 dark:text-white ">۵۵۴,۸۱۰</h4>
                             <span class="text-xs text-slate-800 dark:text-white">تومان</span>
                           </div>
                           <del class="flex justify-center items-center text-xs text-slate-300">۵۵۴,۸۱۰</del>
                         </div>
                       </div>
                       <div class="w-full flex justify-end items-end text-blue-600">
                         <div class="flex items-center gap-2 cursor-pointer">
                           <span class="text-xs">جزئیات</span>
                           <svg
                             xmlns="http://www.w3.org/2000/svg"
                             width="14"
                             height="14"
                             fill="currentColor"
                             class="bi bi-chevron-left stroke-1 stroke-blue-600"
                             viewBox="0 0 16 16"
                           >
                             <path
                               fill-rule="evenodd"
                               d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"
                             />
                           </svg>
                         </div>
                       </div>
                     </div>
                   </div>
     
                 </div>
     
                 <div class="w-full sticky bg-white bottom-0 flex justify-between items-center border-t border-slate-400 p-3">
                     <div class="flex flex-col gap-1">
                       <span class="text-xs font-iran_Regular text-slate-700">مبلغ قابل پرداخت</span>
                       <div class="flex gap-1 items-center font-iran_Medium">
                         <h3 class="text-lg">۲۲۶,۰۹۹,۰۰۰</h3>
                         <span class="text-xs">تومان</span>
                       </div>
                     </div>
                     <button class="bg-main_digikala text-white font-iran_Medium p-3 rounded-lg">ثبت سفارش</button>
                 </div>
                
                 </div>
             </span>