index.html

<!DOCTYPE html>
<html dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#ef394e">
    <title>DigiKala</title>
    <link rel="icon" href="./icon/favion.png" type="image/png">
    <link
       rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.css"
    />
    <link rel="stylesheet" href="./icon/css/all.css" type="text/css" />
    <link rel="stylesheet" href="./css/main.css" type="text/css" />
  </head>

  <body>
    <span id="up"></span>
    <!-- Start Project @ Made By Pourya -->

    <!-- Start Header -->
    <header>
      <img src="./images/header.jpg" alt="header"/>
    </header>
    <!-- End Header -->
    <!-- Start nav bar -->
    <nav>
      <div class="mainbar">
        <img src="./images/logo.svg" alt="logo" />
        <div class="input-group">
          <input type="search" name="search" id="search" placeholder="جستجو" />
          <span class="toggle"
            ><span class="fa-solid fa-magnifying-glass"></span
          ></span>
        </div>
        <div class="useraccount">
          <input type="radio" name="acc" id="open">
          <label for="open">
            <div class="useracc">
              <span class="fa-light fa-user"></span>
              <span class="fa-solid fa-caret-down"></span>
            </div>
          </label>
          <input type="radio" name="acc" id="closes" checked>
          <label for="closes">
            <div class="useracc">
              <span class="fa-light fa-user"></span>
              <span class="fa-solid fa-caret-down"></span>
            </div>
          </label>
          <div class="acc">
          <ul>
            <li>
              <div class="first">
                <img src="./images/acc/user.svg" alt="user">
                پوریا علی پناه
              </div>
            </li>
            <li>
              <img src="./images/acc/wallet.svg" alt="wallet">
              <div>کیف پول</div>
              <span class="num">۰</span>
              <span class="low">تومان</span>
            </li>
            <li>
              <img src="./images/acc/club.svg" alt="club">
              <div>دیجی‌کلاب</div>
              <span class="num">۷۶</span>
              <span class="low">امتیاز</span>
            </li>
            <li>
              <img src="./images/acc/order.svg" alt="order">
              <div>سفارش‌ها</div>
            </li>
            <li>
              <img src="./images/acc/list.svg" alt="list">
              <div>لیست‌ها</div>
            </li>
            <li>
              <img src="./images/acc/comment.svg" alt="comment">
              <div>دیدگاه‌ها</div>
            </li>
            <li>
              <img src="./images/acc/exit.svg" alt="exit">
              <div>خروج از حساب کاربری</div>
            </li>
          </ul>
          </div>
          <div class="cart">
          <span class="fa-regular fa-cart-shopping"></span>
          </div>
        </div>
      </div>
      <div class="menubar">
        <!-- Start Mega Menu -->
        <ul class="mega">
          <li>
            <span class="fa-solid fa-bars"></span>دسته‌بندی کالاها
            <div class="submenu">
              <ul>
                <li class="mobile">
                  موبایل
                  <span class="fa-regular fa-mobile"></span>
                  <div class="mobile">
                    <div class="top">
                      <a href="#">< همه محصولات موبایل</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/first.jpeg" alt="mobile" />
                    </div>
                    <div>
                      <ul>
                        <li>دو سیم‌کارت</li>
                        <li>(اندروید) Android</li>
                        <li>IOS</li>
                        <li>سایر سیستم عامل‌ها</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li>تا 13 مگاپیکسل</li>
                        <li>تا 16 مگاپیکسل</li>
                        <li>تا 48 مگاپیکسل</li>
                        <li>تا 64 مگاپیکسل</li>
                        <li>تا 108 مگاپیکسل</li>
                        <li class="bold">
                          < گوشی بر اساس کاربری
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>گوشی اقتصادی</li>
                        <li>گوشی میان رده</li>
                        <li>گوشی دانش آموزی</li>
                        <li>گوشی گیمینگ</li>
                        <li>گوشی پرچمدار</li>
                        <li>گوشی ضدآب</li>
                        <li>گوشی مناسب عکاسی</li>
                        <li>5G گوشی</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < گوشی بر اساس قیمت
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>گوشی تا 2 میلیون تومان</li>
                        <li>گوشی تا 5 میلیون تومان</li>
                        <li>گوشی تا 7 میلیون تومان</li>
                        <li>گوشی تا 15 میلیون تومان</li>
                        <li>گوشی بالای 15 میلیون تومان</li>
                        <li class="bold">
                          < گوشی بر اساس حافظه داخلی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>گوشی تا 16 گیگابایت</li>
                        <li>گوشی تا 32 گیگابایت</li>
                        <li>گوشی تا 64 گیگابایت</li>
                        <li>گوشی تا 128 گیگابایت</li>
                        <li>گوشی تا 256 گیگابایت</li>
                        <li>گوشی تا 1 ترابایت</li>
                        <li class="bold">
                          < رزولوشن عکس
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < برند های مختلف گوشی های موبایل
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>گوشی اپل</li>
                        <li>گوشی سامسونگ</li>
                        <li>گوشی شیائومی</li>
                        <li>گوشی نوکیا</li>
                        <li>گوشی هواوی</li>
                        <li>گوشی آنر</li>
                        <li>گوشی موتورولا</li>
                        <li>گوشی جی پلاس</li>
                        <li>گوشی وان پلاس</li>
                        <li>گوشی جی ال ایکس</li>
                        <li>گوشی بلو</li>
                        <li>گوشی کاترپیلار</li>
                        <li>گوشی ویوو</li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="digital">
                  کالای دیجیتال
                  <span class="fa-regular fa-laptop"></span>
                  <div class="digital">
                    <div class="top">
                      <a href="#">< همه محصولات کالای دیجیتال</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/second.jpeg" alt="laptop" />
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < تبلت
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < شارژر تبلت و موبایل
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کیف،کاور،لوازم جانبی تبلت
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < باتری
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < دوربین‌های تحت شبکه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < مودم و تجهیزات شبکه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < ماشین های اداری
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>تلفن،بی‌سیم و سانترال</li>
                        <li>فکس</li>
                        <li>پرینتر</li>
                        <li>لوازم جانبی اداری</li>
                        <li class="bold">
                          < کتابخوان فیدیبوک
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کارت هدیه خرید از دیجی‌کالا
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < تلسکوپ
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < پلی استیشن،ایکس باکس و بازی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کامپیوتر و تجهیزات جانبی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>تجهیزات مخصوص بازی</li>
                        <li>مانیتور</li>
                        <li>کیس‌های اسمبل شده</li>
                        <li>قطعات داخلی کامپیوتر</li>
                        <li>ماوس</li>
                        <li>کیبورد</li>
                        <li class="bold">
                          < لپ تاپ
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < لوازم جانبی لپ تاپ
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کیف، کوله و کاور</li>
                        <li>HDMIوAUX،کابل صدا</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < هدفون، هدست، هندزفری
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < اسپیکر بلوتوث و با سیم
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < SSD هارد،فلش و
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < دوربین
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>دوربین عکاسی دیجیتال</li>
                        <li>دوربین ورزشی و فیلم برداری</li>
                        <li>دوربین چاپ سریع</li>
                        <li class="bold">
                          < لوازم جانبی دوربین
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>لنز</li>
                        <li>کیف</li>
                        <li>کارت حافظه</li>
                        <li>کاغذ چاپ عکس</li>
                        <li class="bold">
                          < دوربین دو چشمی و شکاری
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < لوازم جانبی گوشی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کیف و کاور گوشی</li>
                        <li>پاور بانک (شارژر همراه)</li>
                        <li>پایه نگهدارنده گوشی</li>
                        <li class="bold">
                          < گوشی موبایل
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>اپل</li>
                        <li>سامسونگ</li>
                        <li>شیائومی</li>
                        <li>نوکیا</li>
                        <li>هوآوی</li>
                        <li>آنر</li>
                        <li class="bold">
                          < واقعیت مجازی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < مچ‌بند و ساعت هوشمند
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tool">
                  خودرو،ابزار و تجهیزات صنعتی
                  <span class="fa-regular fa-wrench"></span>
                  <div class="tool">
                    <div class="top">
                      <a href="#">< همه محصولات خودرو،ابزار و تجهیزات صنعتی</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/third.jpeg" alt="tool" />
                    </div>
                    <div>
                      <ul>
                        <li>بذر و تخم گیاهان</li>
                        <li>تبر،بیل و کلنگ</li>
                        <li>خاک،کود و آفت کش</li>
                        <li class="bold">
                          < نور و روشنایی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>لوستر و آباژور</li>
                        <li>لامپ</li>
                        <li>چندراهی برق و محافظ ولتاژ</li>
                        <li class="bold">
                          < تجهیزات ایمنی و کار
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>کفش ایمنی</li>
                        <li class="bold">
                          < حفاظتی و امنیتی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>گاوصندوق</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li>ابزار دستی</li>
                        <li>مجموعه ابزار</li>
                        <li>نردبان</li>
                        <li>پیچ گوشتی و فازمتر</li>
                        <li>نظم دهنده ابزار</li>
                        <li>متر،تراز،اندازه گیری دقیق</li>
                        <li>لوازم روانکاری</li>
                        <li>چسب صنعتی</li>
                        <li class="bold">
                          < لوازم و یراق آلات ساختمانی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>شیرآلات</li>
                        <li>رنگ</li>
                        <li>دستگیره در</li>
                        <li class="bold">
                          < لوازم باغبانی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>قیچی، چاقو و ابزار باغبانی</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < لوازم مصرفی خودرو و موتورسیکلت
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>لاستیک و تایر</li>
                        <li>لنت ترمز</li>
                        <li>روغن موتور و ضد‌یخ</li>
                        <li>مکمل سوخت و روغن و انواع فیلتر</li>
                        <li class="bold">
                          < ابزار برقی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>دریل، پیچ گوشتی برقی و شارژی</li>
                        <li>فرز و سنگ رومیزی</li>
                        <li>موتور برق</li>
                        <li>مکنده و دمنده</li>
                        <li>کارواش</li>
                        <li>کمپرسور و جک خودرو</li>
                        <li>ابزار همه کاره برقی و شارژی</li>
                        <li class="bold">
                          < ابزار غیر برقی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < خودروهای ایرانی و خارجی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < موتور سیکلت
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < لوازم جانبی خودرو و موتورسیکلت
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>لوازم تزیینی</li>
                        <li>سیستم صوتی و تصویری</li>
                        <li>نظافت و نگهداری خودرو</li>
                        <li>کلاه کاسکت و لوازم جانبی موتور</li>
                        <li class="bold">
                          < لوازم یدکی خودرو و موتورسیکلت
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>دیسک و صفحه کلاچ</li>
                        <li>جلوبندی و تعلیق</li>
                        <li>چراغ خودرو</li>
                        <li>تسمه خودرو</li>
                        <li>کمک فنر</li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="shirt">
                  مد و پوشاک
                  <span class="fa-regular fa-shirt"></span>
                  <div class="shirt">
                    <div class="top">
                      <a href="#">< همه محصولات مد و پوشاک</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/fourth.jpeg" alt="shirt" />
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < کفش ورزشی مردانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کفش ورزشی زنانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < پوشاک ورزشی پسرانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < پوشاک ورزشی دخترانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کفش ورزشی پسرانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کفش ورزشی دخترانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کوله پشتی مردانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < بچه گانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < طلا
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>زیورآلات طلا زنانه</li>
                        <li>زیورآلات طلا مردانه/li></li>
                        <li>زیورآلات طلا بچگانه</li>
                        <li class="bold">
                          < زیورآلات زنانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>دستبند</li>
                        <li>گوشواره</li>
                        <li>گردنبند</li>
                        <li class="bold">
                          < زیورآلات نقره زنانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < عینک آفتابی زنانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < عینک آفتابی مردانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < پوشاک ورزشی مردانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < پوشاک ورزشی زنانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < زنانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < لباس زنانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>پالتو و بارانی و کاپشن زنانه</li>
                        <li>سوییشرت و هودی زنانه</li>
                        <li>ژاکت و پلیور زنانه</li>
                        <li>شلوار و سرهمی</li>
                        <li>لباس زیر</li>
                        <li class="bold">
                          < کفش زنانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کفش روزمره</li>
                        <li>کفش تخت</li>
                        <li class="bold">
                          < اکسسوری زنانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>ساعت</li>
                        <li>کیف</li>
                        <li>شال و روسری</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < مردانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < لباس مردانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>سوییشرت و هودی مردانه</li>
                        <li>ژاکت و پلیور مردانه</li>
                        <li>شلوار</li>
                        <li>لباس زیر</li>
                        <li class="bold">
                          < کفش مردانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کفش روزمره</li>
                        <li>کفش رسمی</li>
                        <li class="bold">
                          < اکسسوری مردانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>ساعت</li>
                        <li>کیف</li>
                        <li>کمربند</li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="super">
                  کالاهای سوپرمارکتی
                  <span class="fa-solid fa-shop"></span>
                  <div class="super">
                    <div class="top">
                      <a href="#">< همه محصولات کالاهای سوپرمارکتی</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/fifth.png" alt="Super" />
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < کنسرو و کمپوت
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < تنقلات
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>شکلات تافی و آبنبات</li>
                        <li>بیسکوییت و ویفر</li>
                        <li>مغز طعم‌دار خشکبار</li>
                        <li>کیک و کلوچه</li>
                        <li>چیپس و پاپ کورن</li>
                        <li>پفک و اسنک</li>
                        <li>آدامس و خوشبوکننده</li>
                        <li class="bold">
                          < خشکبار و شیرینی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li>ماست</li>
                        <li>پنیر</li>
                        <li>خامه</li>
                        <li class="bold">
                          < نوشیدنی ها
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>چای</li>
                        <li>دمنوش</li>
                        <li>قهوه</li>
                        <li>آب و آب معدنی</li>
                        <li>ماءالشعیر</li>
                        <li>نوشابه</li>
                        <li>شربت و آبمیوه</li>
                        <li class="bold">
                          < میوه و سبزی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < غزای آماده و نودل
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < فرآورده‌های منجمد
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li>مربا</li>
                        <li>عسل</li>
                        <li>حلواشکری، ارده و کنجد</li>
                        <li class="bold">
                          < مواد پروتئینی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>سوسیس و کالباس</li>
                        <li>گوشت گوسفندی</li>
                        <li>گوشت مرغ</li>
                        <li>تخم مرغ</li>
                        <li>گوشت گاو و گوساله</li>
                        <li>میگو</li>
                        <li>ماهی</li>
                        <li>تن ماهی</li>
                        <li class="bold">
                          < لبنیات
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>شیر</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < کالای اساسی و خوار و بار
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>نان</li>
                        <li>برنج</li>
                        <li>روغن</li>
                        <li>قند</li>
                        <li>شکر</li>
                        <li>سس</li>
                        <li>رب و کنسرو گوجه</li>
                        <li>خیارشور و ترشیجات</li>
                        <li>آبلیمو،آبغوره و سرکه</li>
                        <li>ماکارونی، پاستا و رشته</li>
                        <li>زعفران،زرشک و تزیینات غذا</li>
                        <li>حبوبات و سویا</li>
                        <li class="bold">
                          < صبحانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="kids">
                  اسباب بازی،کودک و نوزاد
                  <span class="fa-light fa-baby"></span>
                  <div class="kids">
                    <div class="top">
                      <a href="#">< همه محصولات اسباب بازی،کودک و نوزاد</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/sixth.png" alt="kids" />
                    </div>
                    <div>
                      <ul>
                        <li>ساک لوازم نوزاد</li>
                        <li>لوازم جانبی گردش و سفر</li>
                        <li>آغوشی</li>
                        <li class="bold">
                          < لوازم شخصی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>پستانک و ملزومات</li>
                        <li>شیردوش</li>
                        <li>شورت آموزشی</li>
                        <li class="bold">
                          < غذاخوری
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>صندلی غذاخوری</li>
                        <li>شیشه شیر، سرلاک، داروخوری</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li>ترازو</li>
                        <li>دوربین و پیجر اتاق کودک</li>
                        <li>تب سنج و دماسنج</li>
                        <li>محافظ و ابزار ایمنی</li>
                        <li class="bold">
                          < خواب کودک
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>مبلمان اتاق کودک</li>
                        <li>چراغ خواب کودک</li>
                        <li>تشک کودک</li>
                        <li>سرویس خواب</li>
                        <li>پتو</li>
                        <li>بالش شیردهی</li>
                        <li class="bold">
                          < ملزومات گردش و سفر
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کالسکه و کریر</li>
                        <li>صندلی خودرو کودک و نوزاد</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < پلی استیشن،ایکس باکس و بازی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < اسباب بازی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>فکری و آموزشی</li>
                        <li>پازل، لگو و ساختنی</li>
                        <li>عروسک و فیگور</li>
                        <li>اسپینر،ابزار شوخی و سرگرمی</li>
                        <li>تفنگ،تیر و لوازم بازی جنگی</li>
                        <li class="bold">
                          < بازی و سرگرمی کودک
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>ماشین بازی، موتور ، سه چرخه</li>
                        <li>دوچرخه</li>
                        <li>تشک بازی و پارک بازی</li>
                        <li>تاب و سرسره</li>
                        <li class="bold">
                          < سلامت، ایمنی و مراقبت
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>تصفیه هوا</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < بهداشت و حمام کودک و نوزاد
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>پوشک</li>
                        <li>دستمال مرطوب</li>
                        <li>حوله</li>
                        <li>وان حمام نوزاد</li>
                        <li>مینی واش</li>
                        <li>شامپو کودک و نوزاد</li>
                        <li class="bold">
                          < پوشاک و کفش کودک و نوزاد
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>لباس کودک و لباس نوزادی</li>
                        <li>کفش</li>
                        <li>کفش ورزشی</li>
                        <li>جوراب و پاپوش کودک و نوزاد</li>
                        <li>کلاه و پیشبند نوزاد</li>
                        <li class="bold">
                          < تبلت
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="product">
                  محصولات بومی و محلی
                  <span class="fa-light fa-honey-pot"></span>
                  <div class="product">
                    <div class="top">
                      <a href="#">< همه محصولات محصولات بومی و محلی</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/seventh.jpeg" alt="product" />
                    </div>
                    <div></div>
                    <div>
                      <ul>
                        <li>کیس و کاور سنتی</li>
                        <li>گلدان سنتی</li>
                        <li>مجسمه سنتی</li>
                        <li>چراغ خواب و آباژور</li>
                        <li class="bold">
                          < خواب و حمام
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>کوسن سنتی</li>
                        <li class="bold">
                          < انواع قالی و قالیچه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>گلیم</li>
                        <li class="bold">
                          < پوشیدنی‌های بمی محلی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>پوشاک بومی و محلی</li>
                        <li>اکسسوری بومی و محلی</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < ظروف سنتی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کاسه و کاسه بشقاب سنتی</li>
                        <li>بشقاب سنتی</li>
                        <li>پارچ سنتی</li>
                        <li>لیوان سنتی</li>
                        <li>قندان سنتی</li>
                        <li>دیگ و قابلمه سنتی</li>
                        <li>شکلات خوری دست‌ساز</li>
                        <li class="bold">
                          < ابزار آشپزخانه سنتی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>دیس و سینی سنتی</li>
                        <li>تخته سرو سنتی</li>
                        <li>سبد دستباف سنتی</li>
                        <li class="bold">
                          < دکوراتیو سنتی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>آویز سرپرده سنتی</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < خوراکی های بومی محلی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>حلوا شکری، ارده و کنجد</li>
                        <li>خرمای محلی</li>
                        <li>عسل محلی</li>
                        <li>عرقیات و گلاب اصیل</li>
                        <li>ادویه و چاشنی محلی</li>
                        <li>چای محلی</li>
                        <li>زعفران،زرشک و تزیینات غذا</li>
                        <li>سبزی خشک محلی</li>
                        <li>حبوبات و سویا محلی</li>
                        <li>قند و نبات محلی</li>
                        <li>ماهی تازه</li>
                        <li>روغن محلی</li>
                        <li class="bold">
                          < خانه و کاشانه بومی محلی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="beauty">
                  زیبایی و سلامت
                  <span class="fa-solid fa-heart-pulse"></span>
                  <div class="beauty">
                    <div class="top">
                      <a href="#">< همه محصولات زیبایی و سلامت</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/eight.jpeg" alt="beauty" />
                    </div>
                    <div>
                      <ul>
                        <li>تست قند خون</li>
                        <li>تب سنج</li>
                        <li>فشارسنج</li>
                        <li>ابزار مراقب پا</li>
                        <li>نمایشگر ضربان قلب</li>
                        <li>ماساژور</li>
                        <li>تشک و پتوی برقی</li>
                        <li>ویلچر</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li>جیبی</li>
                        <li>اسپری</li>
                        <li class="bold">
                          < طلا، نقره و زیورآلات زنانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>زیورآلات نقره زنانه</li>
                        <li>زیورآلات طلا زنانه</li>
                        <li>حلقه و انگشتر طلای زنانه</li>
                        <li>دستبند طلا زنانه</li>
                        <li>گردنبند طلا زنانه</li>
                        <li>گوشواره طلا زنانه</li>
                        <li class="bold">
                          < زیورآلات نقره مردانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < ابزار سلامتی و طبی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>مچ بند و ساعت هوشمند</li>
                        <li>ترازو</li>
                        <li>کالای خواب و استراحت طبی</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li>ماشین اصلاح صورت</li>
                        <li>ماشین اصلاح سر</li>
                        <li>سشوار</li>
                        <li>اصلاح بدن آقایان</li>
                        <li>اصلاح بدن بانوان</li>
                        <li>اصلاح موی گوش، بینی و ابرو</li>
                        <li>برس پاک سازی</li>
                        <li>اتو مو و حالت دهنده</li>
                        <li>بیگودی و فر کننده</li>
                        <li>مسواک برقی</li>
                        <li>لیزر</li>
                        <li class="bold">
                          < عطر، ادکلن، اسپری و ست
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>مردانه</li>
                        <li>زنانه</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < لوازم آرایشی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>آرایش چشم و ابرو</li>
                        <li>آرایش لب</li>
                        <li>آرایش صورت</li>
                        <li>مواد آرایش مو</li>
                        <li>سنگ پا، بهداشت و زیبایی ناخن</li>
                        <li>تجهیزات جانبی آرایشی</li>
                        <li class="bold">
                          < لوازم بهداشتی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کرم و مراقبت پوست</li>
                        <li>شامپو و مراقبت مو</li>
                        <li>بهداشت دهان و دندان</li>
                        <li>بهداشت و مراقبت بدن</li>
                        <li>ضد تعریق</li>
                        <li class="bold">
                          < لوازم شخصی برقی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="home">
                  خانه و آشپزخانه
                  <span class="fa-light fa-couch"></span>
                  <div class="home">
                    <div class="top">
                      <a href="#">< همه محصولات خانه و آشپزخانه</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/nineth.png" alt="home" />
                    </div>
                    <div>
                      <ul>
                        <li>ظروف یکبار مصرف</li>
                        <li class="bold">
                          < مواد شوینده
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>شوینده ظروف</li>
                        <li>شوینده لباس</li>
                        <li>تمیزکننده سطوح</li>
                        <li class="bold">
                          < دستمال کاغذی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < ملحقه،سرویس،لوازم خواب
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < حوله و وسایل حمام
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < پادری،کمد،لوازم اتاق خواب
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < لوازم دستشویی و روشویی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < فندک و لوازم جانبی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < گُل،خاک،کود،لوازم باغبانی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < حیوانات خانگی، غذا و لوازم
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>آکواریوم،غذا و لوازم آبزیان</li>
                        <li class="bold">
                          < سرو و پذیرایی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>سرویس غذاخوری</li>
                        <li>قاشق،چنگال و کارد</li>
                        <li>پارچ،بطری،لیوان و ماگ</li>
                        <li>ظروف پذیرایی</li>
                        <li class="bold">
                          < نور و روشنایی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>لامپ، چراغ و ریسه</li>
                        <li>لوستر و چراغ تزیینی</li>
                        <li class="bold">
                          < آشپزخانه
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>سرویس و ظروف پخت و پز</li>
                        <li>فلاسک و کلمن</li>
                        <li>کتری،قوری،لوازم سرو چای</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li>یخچال و فریزر</li>
                        <li>ماشین لباسشویی</li>
                        <li>ماشین ظرفشویی</li>
                        <li>هود</li>
                        <li>گاز صفحه ای</li>
                        <li>اجاق گاز</li>
                        <li>مایکروویو،مایکروفر</li>
                        <li>فر</li>
                        <li>جاروبرقی</li>
                        <li>جارو شارژی</li>
                        <li>تلفن، بی‌سیم و سانترال</li>
                        <li>کولر،پنکه،تصفیه هوا</li>
                        <li>قهوه و چای ساز، آب میوه گیر</li>
                        <li>اتو بخار و پرسی</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < تلویزیون
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>ایکس ویژن</li>
                        <li>جی‌پلاس</li>
                        <li>دوو</li>
                        <li class="bold">
                          < دکوراتیو
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>مبلمان خانگی</li>
                        <li>دکوراسیون اداری</li>
                        <li>آینه</li>
                        <li>پرده</li>
                        <li>تابلو</li>
                        <li>ساعت دیواری و رومیزی</li>
                        <li>شمع، گل و گلدان</li>
                        <li class="bold">
                          < فرش ماشینی، دستبافت، تابلو
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < لوازم برقی خانگی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tahrir">
                  کتاب، لوازم تحریر و هنر
                  <span class="fa-light fa-pen-ruler"></span>
                  <div class="tahrir">
                    <div class="top">
                      <a href="#">< همه محصولات کتاب، لوازم تحریر و هنر</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/ten.jpeg" alt="tahrir" />
                    </div>
                    <div>
                      <ul>
                        <li>سفال، سرامیک و چینی</li>
                        <li>کیف چرمی</li>
                        <li>ترمه،قلمکار و دستبافت</li>
                        <li>خاتم،منبت،حصیری و چوبی</li>
                        <li>تابلو و ساعت</li>
                        <li>میناکاری</li>
                        <li>فیروزه کوبی</li>
                        <li>سوزن دوزی</li>
                        <li>محصولات استخوانی</li>
                        <li>جعبه و دست سازه های هنری</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li>لوازم جانبی ادوات موسیقی</li>
                        <li>گیتار</li>
                        <li>کیبورد و ارگ</li>
                        <li>پیانو دیجیتال</li>
                        <li>درام، پرکاشن و دف</li>
                        <li>تجهیزات استودیویی</li>
                        <li>ویولن</li>
                        <li>سازهای ایرانی</li>
                        <li class="bold">
                          < فرش ماشینی، دستبافت، تابلو
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>فرش ماشینی</li>
                        <li>فرش دستباف</li>
                        <li>تابلو فرش</li>
                        <li class="bold">
                          < صنایع دستی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کالاهای مسی</li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < لوازم التحریر
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>لوازم اداری و اقلام مصرفی</li>
                        <li>کیف، کوله پشتی و جامدادی</li>
                        <li>چراغ مطالعه</li>
                        <li>کاغذ کادو، پاکت و کارت هدیه</li>
                        <li>نوشت افزار</li>
                        <li>دفتر و کاغذ</li>
                        <li>خودکار و روان نویس</li>
                        <li>ابزار نقاشی و رنگ آمیزی</li>
                        <li>میز تحریر</li>
                        <li>آلبوم عکس</li>
                        <li>کاغذ چاپ و پرینتر</li>
                        <li>مداد و مداد رنگی</li>
                        <li class="bold">
                          < آلات موسیقی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < کتاب و مجله
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کتاب چاپی</li>
                        <li>مجلات خارجی و داخلی</li>
                        <li class="bold">
                          < کتاب صوتی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < محتوای آموزشی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>آموزش موسیقی</li>
                        <li>آموزش ورزش و سرگرمی</li>
                        <li>آموزش زبان</li>
                        <li>آموزش نرم افزار و کامپیوتر</li>
                        <li class="bold">
                          < نرم افزار
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < بازی کنسول و کامپیوتر
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < فیلم سینمایی،سریال و مستند
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < آلبوم موسیقی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="sport">
                  ورزش و سفر
                  <span class="fa-light fa-tent"></span>
                  <div class="sport">
                    <div class="top">
                      <a href="#">< همه محصولات ورزش و سفر</a>
                    </div>
                    <div>
                      <img src="./images/MegaMenu/eleven.jpeg" alt="sport" />
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < اسکوتر برقی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < اسکیت و اسکوتر
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < لوازم ورزشی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < ورزش های هوازی و بدنسازی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>تجهیزات جانبی ایروبیک و تناسب اندام</li>
                        <li>دمبل</li>
                        <li>طناب</li>
                        <li>بارفیکس</li>
                        <li>تردمیل</li>
                        <li>لوازم پوششی و محافظتی ورزشی</li>
                        <li class="bold">
                          < ورزش های توپی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li>توپ</li>
                        <li>راکت</li>
                        <li class="bold">
                          < ورزش های آبی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < ورزش های رزمی
                          <span class="fa-solid fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < کوهنوری و کمپینگ
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>کفش کوهنوردی</li>
                        <li>عصای کوهنوردی</li>
                        <li>چراغ قوه و چراغ پیشانی</li>
                        <li>چاقو و ابزار چند کاره</li>
                        <li>قلمقمه و فلاسک</li>
                        <li>چادر</li>
                        <li>کیسه خواب</li>
                        <li>زیرانداز سفری</li>
                        <li class="bold">
                          < لوازم جانبی کوهنوردی و سفر
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < چتر
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < ساک ورزشی
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < قمقمه و شیکر
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                      </ul>
                    </div>
                    <div>
                      <ul>
                        <li class="bold">
                          < پوشاک ورزشی مردانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < پوشاک ورزشی زنانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کفش ورزشی مردانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کفش ورزشی زنانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < پوشاک ورزشی پسرانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < پوشاک ورزشی دخترانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کفش ورزشی پسرانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < کفش ورزشی دخترانه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li class="bold">
                          < تجهیزات سفر
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>چمدان و ساک</li>
                        <li>کیف و کوله پشتی</li>
                        <li class="bold">
                          < دوچرخه
                          <span class="fa-regular fa-pipe"></span>
                        </li>
                        <li>لوازم جانبی دوچرخه</li>
                      </ul>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </li>
        </ul>
        <!-- End Mega Menu -->
        <ul class="main">
          <li class="super">
            <a href="#"><span class="fa-solid fa-shop"></span>سوپر‌مارکت</a>
          </li>
          <li>
            <a href="#"
              ><span class="fa-brands fa-hotjar"></span>پرفروش‌ترین ها</a
            >
          </li>
          <li>
            <a href="#"
              ><span class="fa-light fa-tags"></span>تخفیف ها و پیشنهادها</a
            >
          </li>
          <li>
            <a href="#"
              ><span class="fa-light fa-badge-percent"></span>شگفت‌انگیزها</a
            >
          </li>
          <li class="quest"><a href="#">سوالی دارید؟</a></li>
          <li><a href="#">در دیجی‌کالا بفروشید!</a></li>
        </ul>
        <div class="location">
          <label for="openloc">
            <span>
              <img src="./images/acc/location.svg" alt="location">
            </span>
            <div class="ersal">
              ارسال به
            </div>
            <div class="loc">تهران، تهران</div>
          </label>
          <input type="radio" name="loc" id="openloc">
        </div>
      </div>
    </nav>
    <!-- End nav bar -->

    <!-- Start Main -->

    <main>
      <div class="wrapper">
        <!-- Start Slider -->

        <div class="slider">
          <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="./images/slider/1.jpeg" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="./images/slider/2.jpeg" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="./images/slider/3.jpeg" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="./images/slider/4.jpeg" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="./images/slider/5.jpeg" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="./images/slider/6.jpeg" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="./images/slider/7.jpeg" alt="" />
              </div>
              <div class="swiper-slide">
                <img src="./images/slider/8.jpeg" alt="" />
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>

        <!-- End Slider -->

        <!-- Start Services icons -->

        <div class="services">
          <div>
            <img src="./images/services/t7.png" alt="t7" />
            <p>دیجی‌کالا جت</p>
          </div>
          <div>
            <img src="./images/services/t6.png" alt="t6" />
            <p>حراج استایل</p>
          </div>
          <div>
            <img src="./images/services/t5.png" alt="t5" />
            <p>خرید اقساطی</p>
          </div>
          <div>
            <img src="./images/services/t4.png" alt="t4" />
            <p>خرید عمده و سازمانی</p>
          </div>
          <div>
            <img src="./images/services/t3.png" alt="t3" />
            <p>جام جهانی</p>
          </div>
          <div>
            <img src="./images/services/t1.png" alt="t1" />
            <p>چرخ و بخت</p>
          </div>
          <div>
            <img src="./images/services/t2.png" alt="t2" />
            <p>دیجی پلاس</p>
          </div>
          <div class="last">
            <span class="fa-regular fa-ellipsis"></span>
            <p>بیشتر</p>
          </div>
        </div>

        <!-- End Services icons -->

        <!-- Start Second Slider -->

        <div class="midbanner">
          <div class="pic">
            <img
              src="./images/slider2/midrtop.svg"
              alt="mid-r-top"
              width="92px"
              height="77px"
            />
            <img
              src="./images/slider2/box.png"
              alt="mid-r"
              width="145px"
              height="115px"
            />
            <a href="#">مشاهده همه ></a>
          </div>
          <div class="swiper mySwiper2">
            <div class="swiper-wrapper">
              <div class="swiper-slide" id="first" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/1.jpeg" alt="mid6" />
                <span class="price">۲,۳۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/2.jpeg" alt="mid1" />
                <span class="price">۱,۵۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/3.jpeg" alt="mid2" />
                <span class="price">۷۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/4.jpeg" alt="mid3" />
                <span class="price">۳۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/5.jpeg" alt="mid4" />
                <span class="price">۱,۷۱۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/6.jpeg" alt="mid5" />
                <span class="price">۲,۳۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/7.jpeg" alt="mid5" />
                <span class="price">۲,۳۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/8.jpeg" alt="mid5" />
                <span class="price">۲,۳۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/9.jpeg" alt="mid5" />
                <span class="price">۲,۳۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/10.jpeg" alt="mid5" />
                <span class="price">۲,۳۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/11.jpeg" alt="mid5" />
                <span class="price">۲,۳۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
              <div class="swiper-slide" id="last" dis="۲۰٪">
                <img class="midimg" src="./images/slider2/12.jpeg" alt="mid5" />
                <span class="price">۲,۳۹۹,۰۰۰</span>
                <span class="tooman">
                  <img src="./icon/svgexport-31.svg" alt="tooman" />
                </span>
                <span class="old"><del>۱۲,۵۷۰,۰۰۰</del></span>
              </div>
            </div>
            <div class="swiper-button-prev2"></div>
            <div class="swiper-button-next2"></div>
          </div>
        </div>

        <!-- End Second Slider -->

        <!-- Start Classic Mid -->

        <div class="classicmid">
          <div class="fresh">
            <img src="./images/classic mid/fresh.png" alt="" />
          </div>
          <div class="p">
            <img
              src="./images/classic mid/classic.svg"
              alt="classic"
              width="250px"
              height="28"
            />
          </div>
          <div class="takhfif">
            <a href="#">تا ۶۳٪ تخفیف</a>
          </div>
          <div class="photo" darsad="۳۰٪">
            <a href="#"><img src="./images/classic mid/1.jpeg" alt="" /></a>
          </div>
          <div class="photo" darsad="۳۲٪">
            <a href="#"><img src="./images/classic mid/2.jpeg" alt="" /></a>
          </div>
          <div class="photo" darsad="۶۳٪">
            <a href="#"><img src="./images/classic mid/3.jpeg" alt="" /></a>
          </div>
          <div class="photo" darsad="۲۱٪">
            <a href="#"><img src="./images/classic mid/4.jpeg" alt="" /></a>
          </div>
          <div class="photo" darsad="۳۴٪">
            <a href="#"><img src="./images/classic mid/5.jpeg" alt="" /></a>
          </div>
          <div class="photo" darsad="۲۷٪">
            <a href="#"><img src="./images/classic mid/6.jpeg" alt="" /></a>
          </div>
          <div class="kala">
            <a href="#"
              >بیش از ۹۰ کالا
              <span class="fa-light fa-arrow-left"></span>
            </a>
          </div>
        </div>

        <!-- End Classic Mid -->

        <!-- Start Mid Trailer -->

        <div class="midtrai">
          <img src="./images/midtrailer/midtreai2.jpg" alt="midt2" />
          <img src="./images/midtrailer/midtreai3.jpg" alt="midt3" />
          <img src="./images/midtrailer/midtreai1.jpg" alt="midt1" />
          <img src="./images/midtrailer/midtreai4.jpg" alt="midt4" />
        </div>

        <!-- End Mid Trailer -->

        <!-- Start First Category -->

        <div class="category">
          <div class="cat">
            <h3>دسته بندی های دیجی کالا</h3>
            <div>
              <img src="./images/category1/cat6.png" alt="cat6" />
              <p>کالای دیجیتال</p>
            </div>
            <div>
              <img src="./images/category1/cat5.png" alt="cat5" />
              <p>موبایل</p>
            </div>
            <div>
              <img src="./images/category1/cat4.png" alt="cat4" />
              <p>خودرو، ابزار و تجهیزات صنعتی</p>
            </div>
            <div>
              <img src="./images/category1/cat3.png" alt="cat3" />
              <p>مد و پوشاک</p>
            </div>
            <div>
              <img src="./images/category1/cat2.png" alt="cat2" />
              <p>کالاهای سوپرمارکتی</p>
            </div>
            <div>
              <img src="./images/category1/cat1.png" alt="cat1" />
              <p>اسباب بازی، کودک و نوزاد</p>
            </div>
          </div>

          <div class="catl">
            <div>
              <img src="./images/category1/catl11.png" alt="catl11" />
              <p>محصولات بومی ومحلی</p>
            </div>
            <div>
              <img src="./images/category1/catl10.png" alt="catl10" />
              <p>زیبایی و سلامت</p>
            </div>
            <div>
              <img src="./images/category1/catl9.png" alt="catl9" />
              <p>خانه و آشپزخانه</p>
            </div>
            <div>
              <img src="./images/category1/catl8.png" alt="catl8" />
              <p>کتاب،لوازم تحریر و هنر</p>
            </div>
            <div>
              <img src="./images/category1/catl7.png" alt="catl7" />
              <p>ورزش و سفر</p>
            </div>
          </div>
        </div>

        <!-- End First Category -->

        <!-- Start Big Trailer -->

        <div class="bigtrai">
          <img src="./images/bigtrailer/big1.jpg" alt="big1" />
          <img src="./images/bigtrailer/big2.jpg" alt="big2" />
        </div>

        <!-- End Big Trailer -->

        <!-- Start Second Category -->

        <div class="category2">
          <h3>پیشنهاد دیجی‌کالا</h3>
          <div class="cat">
            <div>
              <div>
                <img src="./images/category2/1.jpeg" alt="" />
              </div>
              <p>گوشی موبایل</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/2.jpeg" alt="" />
              </div>
              <p>هدفون، هدست و ...</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/3.jpeg" alt="" />
              </div>
              <p>لپ تاپ و اولترابوک</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/4.jpeg" alt="" />
              </div>
              <p>جوراب مردانه</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/5.jpeg" alt="" />
              </div>
              <p>کنسول خانگی</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/6.jpeg" alt="" />
              </div>
              <p>دستگاه بخور و رطوب...</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/7.jpeg" alt="" />
              </div>
              <p>قهوه ساز و دمنوش ساز</p>
            </div>
          </div>
          <div class="catl">
            <div>
              <div>
                <img src="./images/category2/8.jpeg" alt="" />
              </div>
              <p>کیف و کاور گوشی</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/9.jpeg" alt="" />
              </div>
              <p>ساعت هوشمند</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/10.jpeg" alt="" />
              </div>
              <p>ماوس(موشواره)</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/11.jpeg" alt="" />
              </div>
              <p>کیبورد(صفحه کلید)</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/12.jpeg" alt="" />
              </div>
              <p>تبلت</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/13.jpeg" alt="" />
              </div>
              <p>هودی مردانه</p>
            </div>
            <div>
              <div>
                <img src="./images/category2/14.jpeg" alt="" />
              </div>
              <p>اصلاح موی سر</p>
            </div>
          </div>
        </div>

        <!-- End Second Category -->

        <!-- Start Brands -->

        <div class="brands">
          <div class="p">
            <h3><span><img src="./images/brands/icon.svg" alt="star"></span>محبوب‌ترین برندها</h3>
          </div>
          <div class="swiper mySwiper3">
            <div class="swiper-wrapper">
              <div class="swiper-slide" id="first" dis="۲۰٪">
                <img class="midimg" src="./images/brands/1.png" alt="mid6" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/2.png" alt="mid1" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/3.png" alt="mid2" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/4.png" alt="mid3" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/5.png" alt="mid4" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/6.png" alt="mid5" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/7.png" alt="mid5" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/8.png" alt="mid5" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/9.png" alt="mid5" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/10.png" alt="mid5" />
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <img class="midimg" src="./images/brands/11.png" alt="mid5" />
              </div>
              <div class="swiper-slide" id="last" dis="۲۰٪">
                <img class="midimg" src="./images/brands/12.png" alt="mid5" />
              </div>
              <div class="swiper-slide" id="last" dis="۲۰٪">
                <img class="midimg" src="./images/brands/13.png" alt="mid5" />
              </div>
              <div class="swiper-slide" id="last" dis="۲۰٪">
                <img class="midimg" src="./images/brands/14.png" alt="mid5" />
              </div>
              <div class="swiper-slide" id="last" dis="۲۰٪">
                <img class="midimg" src="./images/brands/15.png" alt="mid5" />
              </div>
              <div class="swiper-slide" id="last" dis="۲۰٪">
                <img class="midimg" src="./images/brands/16.png" alt="mid5" />
              </div>
              <div class="swiper-slide" id="last" dis="۲۰٪">
                <img class="midimg" src="./images/brands/17.png" alt="mid5" />
              </div>
              <div class="swiper-slide" id="last" dis="۲۰٪">
                <img class="midimg" src="./images/brands/18.png" alt="mid5" />
              </div>
            </div>
            <div class="swiper-button-prev3"></div>
            <div class="swiper-button-next3"></div>
          </div>
        </div>
        
        <!-- End Brands -->

        <!-- Start Big Trailer2 -->
        
        <div class="bigtrai">
          <img src="./images/bigtrailer/r.jpg" alt="big1" />
          <img src="./images/bigtrailer/L.jpg" alt="big2" />
        </div>
        
        <!-- End Big Trailer2 -->
        
        <!-- Start Category3 -->
        
        <div class="category3">
          <div class="vercat">
            <div class="p1"><h4>گوشی موبایل</h4></div>
            <div class="p2"><p>بر اساس بازدیدهای شما</p></div>
            <div class="pics">
              <div class="top">
                <div class="pic" id="first">
                  <img src="./images/category3/11.jpeg" alt="11">
                </div>
                <div class="pic">
                  <img src="./images/category3/12.jpeg" alt="12">
                </div>
              </div>
              <div class="bottom">
                <div class="pic">
                  <img src="./images/category3/13.jpeg" alt="13">
                </div>
                <div class="pic">
                 <img src="./images/category3/14.jpeg" alt="14">
                </div>
              </div>
            </div>
            <div class="more">
              <a href="#">مشاهده  ></a>
            </div>
          </div>
          <div class="vercat">
            <div class="p1"><h4>کیف و کاور گوشی</h4></div>
            <div class="p2"><p>بر اساس بازدیدهای شما</p></div>
            <div class="pics">
              <div class="top">
                <div class="pic" id="first">
                  <img src="./images/category3/21.jpeg" alt="21">
                </div>
                <div class="pic">
                  <img src="./images/category3/22.jpeg" alt="22">
                </div>
              </div>
              <div class="bottom">
                <div class="pic">
                  <img src="./images/category3/23.jpeg" alt="23">
                </div>
                <div class="pic">
                  <img src="./images/category3/23.jpeg" alt="24">
                </div>
              </div>
            </div>
            <div class="more">
              <a href="#">مشاهده  ></a>
            </div>
          </div>
          <div class="vercat">
            <div class="p1"><h4>هدفون،هدست و هندزفری</h4></div>
            <div class="p2"><p>بر اساس بازدیدهای شما</p></div>
            <div class="pics">
              <div class="top">
                <div class="pic" id="first">
                  <img src="./images/category3/31.jpeg" alt="31">
                </div>
                <div class="pic">
                  <img src="./images/category3/32.jpeg" alt="32">
                </div>
              </div>
              <div class="bottom">
                <div class="pic">
                  <img src="./images/category3/33.jpeg" alt="33">
                </div>
                <div class="pic">
                 <img src="./images/category3/33.jpeg" alt="34">
                </div>
              </div>
            </div>
            <div class="more">
              <a href="#">مشاهده  ></a>
            </div>
          </div>
          <div class="vercat">
            <div class="p1"><h4>ساعت هوشمند</h4></div>
            <div class="p2"><p>بر اساس بازدیدهای شما</p></div>
            <div class="pics">
              <div class="top">
                <div class="pic" id="first">
                  <img src="./images/category3/41.jpeg" alt="41">
                </div>
                <div class="pic">
                  <img src="./images/category3/42.jpeg" alt="42">
                </div>
              </div>
              <div class="bottom">
                <div class="pic">
                  <img src="./images/category3/43.jpeg" alt="43">
                </div>
                <div class="pic">
                  <img src="./images/category3/44.jpeg" alt="44">
                </div>
              </div>
            </div>
            <div class="more">
              <a href="#">مشاهده  ></a>
            </div>
          </div>
        </div>

        <!-- End Category3 -->
        
        <!-- Start Plus -->
        
        <div class="plus">
            <div>
              <div>
                <img src="./images/plus/digiplus-logo.svg" alt="digiplus">
                <div>خدمات ویژه برای اعضای دیجی‌پلاس</div>
                <a href="#">عضویت<span class="fa-light fa-arrow-left"></span></a>
              </div>
            </div>
            <div>
              <div class="p">
                <h4>
                  <span>
                    <img src="./images/plus/cash.svg" alt="cash">
                  </span>
                  هدیه نقدی
                </h4>
                <a href="#">مشاهده همه <span><img src="./images/plus/leftarrow.svg" alt="arrow"></span></a>
              </div>
              <div class="pic">
                <div class="top">
                  <div class="image">
                    <img src="./images/plus/img/1.jpeg" alt="1">
                  </div>
                  <div class="image">
                    <img src="./images/plus/img/2.jpeg" alt="2">
                  </div>
                  <div class="image">
                    <img src="./images/plus/img/25.jpeg" alt="3">
                  </div>
                </div>
                <div class="bottom">
                  <div class="image">
                    <img src="./images/plus/img/3.jpg" alt="4">
                  </div>
                  <div class="image">
                    <img src="./images/plus/img/4.jpeg" alt="5">
                  </div>
                  <div class="image">
                    <img src="./images/plus/img/5.jpg" alt="6">
                  </div>
                </div>
              </div>
            </div>
            <div>
              <div class="p">
                <h4>
                  <span>
                    <img src="./images/plus/rocket.svg" alt="rocket">
                  </span>
                  ارسال فوری
                </h4>
                <a href="#">مشاهده همه <span><img src="./images/plus/leftarrow.svg" alt="arrow"></span></a>
              </div>
              <div class="pic">
                <div class="top">
                  <div class="image">
                    <img src="./images/plus/img/21.jpg" alt="21">
                  </div>
                  <div class="image">
                    <img src="./images/plus/img/22.jpeg" alt="22">
                  </div>
                  <div class="image">
                    <img src="./images/plus/img/23.jpeg" alt="23">
                  </div>
                </div>
                <div class="bottom">
                  <div class="image">
                    <img src="./images/plus/img/24.jpeg" alt="24">
                  </div>
                  <div class="image">
                    <img src="./images/plus/img/25.jpeg" alt="25">
                  </div>
                  <div class="image">
                    <img src="./images/plus/img/26.jpeg" alt="26">
                  </div>
                </div>
            </div>
          </div>
        </div>

        <!-- End Plus -->

        <!-- Start blue -->

        <div class="bluee">
          <img src="./images/plus/blue/دیجی‌کلاب.svg" alt="دیجی کلاب لوگو">
          <div>
            <div>
              امتیاز شما
              <span>۷۶</span>
              <img src="./images/plus/blue/دیجی‌کلاب-1.svg" alt="sekeh">
            </div>
            <div class="sefid1">
              <div>
                <img src="./images/plus/blue/svgexport-41.svg" alt="icon">
                <span>چرخ و بخت</span>
              </div>
              <img src="./images/plus/blue/wheel-spinner.jpeg" alt="چرخ و بخت">
            </div>
            <div class="sefid2">
              <div>
                <img src="./images/plus/blue/svgexport-42.svg" alt="icon">
                <span>ماموریت ها</span>
              </div>
              <img src="./images/plus/blue/missions.png" alt="ماموریت">
            </div>
            <div class="sefid3">
              <div>
                <img src="./images/plus/blue/svgexport-43.svg" alt="icon">
                <span>جایزه ها</span>
              </div>
              <img src="./images/plus/blue/awards.png" alt="جایزه">
            </div>
          </div>
        </div>

        <!-- End blue -->

        <!-- Start Category4 -->
        
        <div class="category3">
          <div class="vercat">
            <div class="p1"><h4>کارت گرافیک</h4></div>
            <div class="p2"><p>بر اساس بازدیدهای شما</p></div>
            <div class="pics">
              <div class="top">
                <div class="pic" id="first">
                  <img src="./images/category3/4/kart1.jpg" alt="11">
                </div>
                <div class="pic">
                  <img src="./images/category3/4/kart2.jpg" alt="12">
                </div>
              </div>
              <div class="bottom">
                <div class="pic">
                  <img src="./images/category3/4/kart3.jpg" alt="13">
                </div>
                <div class="pic">
                 <img src="./images/category3/4/kart4.jpg" alt="14">
                </div>
              </div>
            </div>
            <div class="more">
              <a href="#">مشاهده  ></a>
            </div>
          </div>
          <div class="vercat">
            <div class="p1"><h4>کیس های اسمبل شده</h4></div>
            <div class="p2"><p>بر اساس بازدیدهای شما</p></div>
            <div class="pics">
              <div class="top">
                <div class="pic" id="first">
                  <img src="./images/category3/4/case1.jpg" alt="21">
                </div>
                <div class="pic">
                  <img src="./images/category3/4/case2.jpg" alt="22">
                </div>
              </div>
              <div class="bottom">
                <div class="pic">
                  <img src="./images/category3/4/case3.jpg" alt="23">
                </div>
                <div class="pic">
                  <img src="./images/category3/4/case4.jpg" alt="24">
                </div>
              </div>
            </div>
            <div class="more">
              <a href="#">مشاهده  ></a>
            </div>
          </div>
          <div class="vercat">
            <div class="p1"><h4>حافظه SSD</h4></div>
            <div class="p2"><p>بر اساس بازدیدهای شما</p></div>
            <div class="pics">
              <div class="top">
                <div class="pic" id="first">
                  <img src="./images/category3/4/ssd1.jpg" alt="31">
                </div>
                <div class="pic">
                  <img src="./images/category3/4/ssd2.jpg" alt="32">
                </div>
              </div>
              <div class="bottom">
                <div class="pic">
                  <img src="./images/category3/4/ssd3.jpg" alt="33">
                </div>
                <div class="pic">
                 <img src="./images/category3/4/ssd4.jpg" alt="34">
                </div>
              </div>
            </div>
            <div class="more">
              <a href="#">مشاهده  ></a>
            </div>
          </div>
          <div class="vercat">
            <div class="p1"><h4>لپ تاپ و الترابوک</h4></div>
            <div class="p2"><p>بر اساس بازدیدهای شما</p></div>
            <div class="pics">
              <div class="top">
                <div class="pic" id="first">
                  <img src="./images/category3/4/lap1.jpg" alt="41">
                </div>
                <div class="pic">
                  <img src="./images/category3/4/lap2.jpg" alt="42">
                </div>
              </div>
              <div class="bottom">
                <div class="pic">
                  <img src="./images/category3/4/lap3.jpg" alt="43">
                </div>
                <div class="pic">
                  <img src="./images/category3/4/lap4.jpg" alt="44">
                </div>
              </div>
            </div>
            <div class="more">
              <a href="#">مشاهده  ></a>
            </div>
          </div>
        </div>

        <!-- End Category4 -->

        <!-- Start Bests -->

        <div class="bests">
          <div class="p">
            <h3><span><img src="./images/bests/fire.svg" alt="fire"></span>پرفروش‌ترین کالاها</h3>
            <a href="#">مشاهده همه</a>
          </div>
          <div class="swiper mySwiper4">
            <div class="swiper-wrapper">
              <div class="swiper-slide" id="first" dis="۲۰٪">
                <div class="containers">
                  <div class="container">
                    <div>
                      <img src="./images/bests/1.jpeg" alt="1">
                    </div>
                    <span>۱</span>
                    <div>
                      <p>
                      هندزفری بلوتوثی مدل  inpods 12
                      </p>
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/2.jpeg" alt="2">
                    </div>
                    <span>۲</span>
                    <div>
                      گوشی موبایل شیائومی مدل Redmi Note 11 pro 4G دو سیم‌ کارت...
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/3.jpeg" alt="3">
                    </div>
                    <span>۳</span>
                    <div>
                      <p>
                        خیار شور سالی - 1.5 کیلوگرم
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <div class="containers">
                  <div class="container">
                    <div>
                      <img src="./images/bests/4.jpeg" alt="4">
                    </div>
                    <span>۴</span>
                    <div>
                      زعفران درجه یک مصطفوی - 4.608 گرم
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/category3/32.jpeg" alt="5">
                    </div>
                    <span>۵</span>
                    <div>
                      <p>
                        هدفون بی سیم مدل BTH-F9-5
                      </p>
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/6.jpeg" alt="6">
                    </div>
                    <span>۶</span>
                    <div>
                      گوشی موبایل سامسونگ مدل Galaxy A13 دو سیم کارت ظرفیت...
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <div class="containers">
                  <div class="container">
                    <div>
                      <img src="./images/bests/7.jpeg" alt="7">
                    </div>
                    <span>۷</span>
                    <div>
                      <p>
                        پنیر تازه پاک - 400 گرم
                      </p>
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/8.jpeg" alt="8">
                    </div>
                    <span>۸</span>
                    <div>
                      کنسرو ماهی تون در روغن گیاهی طبیعت - 180 گرم
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/9.jpeg" alt="9">
                    </div>
                    <span>۹</span>
                    <div>
                      <p>
                        پنیر فتا دوشه هراز- 400 گرم
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <div class="containers">
                  <div class="container">
                    <div>
                      <img src="./images/bests/10.jpeg" alt="10">
                    </div>
                    <span>۱۰</span>
                    <div>
                      آب معدنی میوا - 1.5 لیتر بسته 6 عددی
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/11.jpeg" alt="11">
                    </div>
                    <span>۱۱</span>
                    <div>
                      گوشی موبایل سامسونگ مدل Galaxy A32 SM-A325F/DS دو...
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/12.jpeg" alt="12">
                    </div>
                    <span>۱۲</span>
                    <div>
                      گوشی موبایل سامسونگ مدل Galaxy A13 دو سیم کارت ظرفیـ...
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <div class="containers">
                  <div class="container">
                    <div>
                      <img src="./images/bests/13.jpeg" alt="13">
                    </div>
                    <span>۱۳</span>
                    <div>
                      روغن ویتامینه کانولا لادن - 900 میلی لیتر
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/14.jpeg" alt="14">
                    </div>
                    <span>۱۴</span>
                    <div>
                      <p>
                        خامه صباح - 200 میلی لیتر
                      </p>
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/15.jpeg" alt="15">
                    </div>
                    <span>۱۵</span>
                    <div>
                      کنسرو ماهی تون مکنزی در روغن گیاهی - 180 گرم
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide" dis="۲۰٪">
                <div class="containers">
                  <div class="container">
                    <div>
                      <img src="./images/bests/16.jpeg" alt="16">
                    </div>
                    <span>۱۶</span>
                    <div>
                      <p>
                        زعفران درجه یک مصطفوی - 4.608 گرم
                      </p>
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/17.jpeg" alt="17">
                    </div>
                    <span>۱۷</span>
                    <div>
                      <p>
                        قارچ دکمه‌ ای کامل ملارد - 400 گرم
                      </p>
                    </div>
                  </div>
                  <div class="container">
                    <div>
                      <img src="./images/bests/18.jpeg" alt="18">
                    </div>
                    <span>۱۸</span>
                    <div>
                      <p>
                        خیار شور سالی - 1.5 کیلوگرم
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              
            </div>
            <div class="swiper-button-prev4"></div>
            <div class="swiper-button-next4"></div>
          </div>
        </div>

        <!-- End Bests -->

        <!-- Start Midmid -->

        <div class="midmid">
          <img src="./images/midtrailer/midmid.jpeg" alt="midmid">
        </div>

        <!-- End Midmid -->

        <!-- Start Selected -->

        <div class="selected">
          <div class="p">
            <h3><span><img src="./icon/svgexport-33.svg" alt="star"></span>منتخب محصولات تخفیف و حراج</h3>
          </div>
          <div dis="۲۵٪">
            <img class="midimg" src="./images/selected/1.jpeg" alt="1" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div dis="۱۸٪">
            <img class="midimg" src="./images/selected/2.jpeg" alt="2" />
            <span class="price">۳۷,۹۰۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۴۶,۰۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div dis="۱۷٪">
            <img class="midimg" src="./images/selected/3.jpeg" alt="3" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۶,۰۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div dis="۲۶٪">
            <img class="midimg" src="./images/selected/4.jpeg" alt="4" />
            <span class="price">۵۱,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۶۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div dis="۵۷٪">
            <img class="midimg" src="./images/selected/5.jpeg" alt="5" />
            <span class="price">۵۱,۲۱۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۱۱۸,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div class="no-border" dis="۱۵٪">
            <img class="midimg" src="./images/selected/6.jpeg" alt="6" />
            <span class="price">۱۶,۹۰۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۱۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div dis="۲۸٪">
            <img class="midimg" src="./images/selected/7.jpeg" alt="7" />
            <span class="price">۱۶,۲۰۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۲۲,۵۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div dis="۲۴٪">
            <img class="midimg" src="./images/selected/8.jpeg" alt="8" />
            <span class="price">۵۱,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۶۸,۰۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div dis="۸٪">
            <img class="midimg" src="./images/selected/9.jpeg" alt="9" />
            <span class="price">۳۶,۱۶۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۶۵,۴۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div dis="۲۵٪">
            <img class="midimg" src="./images/selected/10.jpeg" alt="10" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div dis="۲۵٪">
            <img class="midimg" src="./images/selected/11.jpeg" alt="11" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div class="no-border" dis="۲۵٪">
            <img class="midimg" src="./images/selected/12.jpeg" alt="12" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div class="no-bottom" dis="۲۵٪">
            <img class="midimg" src="./images/selected/13.jpeg" alt="13" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div class="no-bottom" dis="۲۵٪">
            <img class="midimg" src="./images/selected/14.jpeg" alt="14" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div class="no-bottom" dis="۲۵٪">
            <img class="midimg" src="./images/selected/15.jpeg" alt="15" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div class="no-bottom" dis="۲۵٪">
            <img class="midimg" src="./images/selected/16.jpeg" alt="16" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div class="no-bottom" dis="۲۵٪">
            <img class="midimg" src="./images/selected/17.jpeg" alt="17" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
          <div class="no-border no-bottom" dis="۲۵٪">
            <img class="midimg" src="./images/selected/3.jpeg" alt="3" />
            <span class="price">۲۹,۹۹۰</span>
            <span class="tooman">
              <img src="./icon/svgexport-31.svg" alt="tooman" />
            </span>
            <span class="old"><del>۳۹,۸۰۰</del></span>
            <div class="pls">
              <img src="./icon/svgexport-34.svg" alt="plus-icon">
            </div>
          </div>
        </div>

        <!-- End Selected -->

        <!-- start Readmore -->

        <div class="readmore">
          <div class="p">
            خواندنی‌ها
            <a href="#">مطالب بیشتر در دیجی‌کالا مگ ></a>
          </div>
          <div class="content">
            <div>
              <img src="./images/readmore/1.jpeg" alt="1">
              <p>
                بررسی ماوس گیمینگ تسکو TM 761GA؛ پرسروصدا و مناسب دست‌های بزرگ
              </p>
            </div>
            <div>
              <img src="./images/readmore/2.jpeg" alt="2">
              <p>
                ۷ نکته که قبل از خرید سرخ‌کن باید به آن توجه کنید
              </p>
            </div>
            <div>
              <img src="./images/readmore/3.jpeg" alt="3">
              <p>
                ۱۰ مانیتور محبوب در دیجی کالا (۲۸ دی ۱۴۰۱)
              </p>
            </div>
            <div>
              <img src="./images/readmore/4.jpeg" alt="4">
              <p>
                بررسی ژل آبرسان هایلایف؛ مناسب انواع پوست صورت و بدن
              </p>
            </div>
          </div>
        </div>

        <!-- End Readmore -->
      </div>
    </main>

    <!-- End Main -->

    <!-- Start Footer -->
    <footer>
      <div class="footwrapper">
        <div class="logo">
          <img src="./images/footer/digipersia.svg" alt="digipersia">
          <a href="#up">بازگشت به بالا<span><img src="./images/footer/up.svg" alt=""></span></a>
        </div>
        <div class="about">
          <span>تلفن پشتیبانی ۶۱۹۳۰۰۰۰ - ۰۲۱</span><span>|</span><span> ۷ روز هفته، ۲۴ ساعته پاسخگوی شما هستیم </span>
        </div>
        <div class="benifits">
          <div>
            <figure><img src="./images/footer/express.svg" alt="express"></figure>
            <figcaption>اﻣﮑﺎن ﺗﺤﻮﯾﻞ اﮐﺴﭙﺮس</figcaption>
          </div>
          <div>
            <figure><img src="./images/footer/pay.svg" alt="pay"></figure>
            <figcaption>امکان پرداخت در محل</figcaption>
          </div>
          <div>
            <figure><img src="./images/footer/24h.svg" alt="24h"></figure>
            <figcaption>۷ روز ﻫﻔﺘﻪ، ۲۴ ﺳﺎﻋﺘﻪ</figcaption>
          </div>
          <div>
            <figure><img src="./images/footer/7day.svg" alt="7day"></figure>
            <figcaption>هفت روز ضمانت بازگشت کالا</figcaption>
          </div>
          <div>
            <figure><img src="./images/footer/original.svg" alt="original"></figure>
            <figcaption>ﺿﻤﺎﻧﺖ اﺻﻞ ﺑﻮدن ﮐﺎﻟﺎ</figcaption>
          </div>
        </div>
        <div class="links">
          <div>
            <p>با دیجی کالا</p>
            <a href="#">اتاق خبر دیجی‌کالا</a>
            <a href="#">فروش در دیجی‌کالا</a>
            <a href="#">فرصت های شغلی</a>
            <a href="#">گزارش تخلف در دیجی‌کالا</a>
            <a href="#">تماس با دیجی‌کالا</a>
            <a href="#">درباره دیجی‌کالا</a>
          </div>
          <div>
            <p>خدمات مشتریان</p>
            <a href="#">پاسخ به پرسش‌های متداول</a>
            <a href="#">رویه‌های بازگرداندن کالا</a>
            <a href="#">شرایط استفاده</a>
            <a href="#">حریم خصوصی</a>
            <a href="#">گزارش باگ</a>
          </div>
          <div>
            <p>راهنمای خرید از دیجی‌کالا</p>
            <a href="#">نحوه ثبت سفارش</a>
            <a href="#">رویه ارسال سفارش</a>
            <a href="#">شیوه‌های پرداخت</a>
          </div>
          <div>
            <p>همراه ما باشید!</p>
            <div>
              <img src="./images/footer/insta.svg" alt="insta">
              <img src="./images/footer/twit.svg" alt="twiter">
              <img src="./images/footer/linkd.svg" alt="linkedin">
              <img src="./images/footer/aparat.svg" alt="aparat">
            </div>
            <div class="subscription">
              <div class="p">
                با ثبت ایمیل، از جدید‌ترین تخفیف‌ها با‌خبر شوید
              </div>
              <div class="input-group">
                <form action="#" method="post">
                  <input type="email" name="email" id="email" placeholder="ایمیل شما" required title="فیلد الزامی می‌باشد">
                  <button type="submit">ثبت</button>
                </form>
              </div>
            </div>
          </div>
        </div>
        <div class="bluefoot">
          <div>
            <div>
              <img src="./images/footer/foot.png" alt="digikala">
            </div>
            <div>
              دانلود اپلیکیشن دیجی‌کالا
            </div>
          </div>
          <div>
            <div>
              <img src="./images/footer/play.svg" alt="googleplay">
              <img src="./images/footer/cafe.svg" alt="bazaar">
              <img src="./images/footer/myket.svg" alt="myket">
              <img src="./images/footer/sib.svg" alt="sib">
            </div>
            <div>
              <img src="./images/footer/more.svg" alt="more">
            </div>
          </div>
        </div>
        <div class="credits">
          <div>
            <h1>فروشگاه اینترنتی دیجی‌کالا، بررسی، انتخاب و خرید آنلاین</h1>
            <p>
              یک خرید اینترنتی مطمئن، نیازمند فروشگاهی است که بتواند کالاهایی متنوع، باکیفیت و دارای قیمت مناسب را در مدت زمانی کوتاه به دست مشتریان خود برساند و ضمانت بازگشت کالا هم داشته باشد؛ ویژگی‌هایی که فروشگاه اینترنتی دیجی‌کالا سال‌هاست بر روی آن‌ها کار کرده و توانسته از این طریق مشتریان ثابت خود را داشته باشد.
            </p>
            <span>مشاهده بیشتر<img src="./images/footer/left.svg" alt=""></span>
          </div>
          <div>
            <div>
              <img src="./images/footer/rezi.png" alt="rezi">
            </div>
            <div>
              <img src="./images/footer/kasbokar.png" alt="kasbokar">
            </div>
            <div>
              <img src="./images/footer/enamad.png" alt="enamad">
            </div>
          </div>
        </div>
        <div class="copyright">
          برای استفاده از مطالب دیجی‌کالا، داشتن «هدف غیرتجاری» و ذکر «منبع» کافیست. تمام حقوق اين وب‌سايت نیز برای شرکت نوآوران فن آوازه (فروشگاه آنلاین دیجی‌کالا) است.  Made By Pourya Alipanah@
        </div>
        <div class="partners">
          <div class="container">
            <div>
              <img src="./images/footer/footerlogos/digimag.svg" alt="digimag">
            </div>
            <div>
              <img src="./images/footer/footerlogos/digipay.svg" alt="digipay">
            </div>
            <div>
              <img src="./images/footer/footerlogos/digistyle.svg" alt="digistyle">
            </div>
            <div>
              <img src="./images/footer/footerlogos/digiplus.svg" alt="digiplus">
            </div>
            <div>
              <img src="./images/footer/footerlogos/digiclub.svg" alt="digiclub">
            </div>
            <div>
              <img src="./images/footer/footerlogos/jet.svg" alt="jet">
            </div>
            <div>
              <img src="./images/footer/footerlogos/magnet.svg" alt="magnet">
            </div>
            <div>
              <img src="./images/footer/footerlogos/digiMehr.svg" alt="digiMehr">
            </div>
          </div>
          <div class="container2">
            <div>
              <img src="./images/footer/footerlogos/fidibo.svg" alt="fidibo">
            </div>
            <div>
              <img src="./images/footer/footerlogos/diginext.svg" alt="diginext">
            </div>
            <div>
              <img src="./images/footer/footerlogos/pindo.svg" alt="pindo">
            </div>
            <div>
              <img src="./images/footer/footerlogos/komodaa.svg" alt="komodaa">
            </div>
            <div>
              <img src="./images/footer/footerlogos/digiexpress.svg" alt="digiexpress">
            </div>
            <div>
              <img src="./images/footer/footerlogos/ganjeh.svg" alt="ganjeh">
            </div>
            <div>
              <img src="./images/footer/footerlogos/digify.svg" alt="digify">
            </div>
            <div>
              <img src="./images/footer/footerlogos/smartech.svg" alt="smartech">
            </div>
            <div>
              <img src="./images/footer/footerlogos/digikala-business.svg" alt="digikala-business">
            </div>
          </div>
        </div>
      </div>
    </footer>

    <!-- End Footer -->

    <!-- Start Support -->

    <div class="support">
      <label for="sup"><span class="fa-light fa-headset"></span></label>
      <input type="radio" id="sup" name="sup" />
      <label for="close"><span class="fa-regular fa-xmark"></span></label>
      <input type="radio" name="sup" id="close" />
      <div class="suptext">
        <div class="p">
          <p>
            پشتیبانی آنلاین
            <label for="close"
              ><span class="fa-light fa-arrow-left"></span
            ></label>
          </p>
        </div>
        <div class="quest">
          <h3>سلام👋👋</h3>
          <p>
            جواب سوال‌هاتون رو می‌تونید در زیر پیدا کنید.<br />
            در غیر اینصورت از ما بپرسید، ما همیشه به سوالاتتون جواب می‌دیم.😊
          </p>
          <div>
            <div>
              <p>
                چگونه میتوانم یک پروفایل ایجاد کنم؟
                <span class="fa-solid fa-angle-down"></span>
              </p>
            </div>
          </div>
          <div>
            <div>
              <p>
                چطور در دیجی کالا سفارش خود را ثبت<span
                  class="fa-solid fa-angle-down"
                ></span
                ><br />
                کنم ؟
              </p>
            </div>
          </div>
          <div>
            <div>
              <p>
                کالایی را که در طرح پیشنهاد شگفت انگیز<br />
                می باشد می توان با تعداد بیش از یک<span
                  class="fa-solid fa-angle-down"
                ></span
                ><br />
                عدد خریداری کرد؟
              </p>
            </div>
          </div>
          <div>
            <p>جواب سوالتون رو پیدا نکردید؟</p>
          </div>
          <div>
            <a href="#"
              >گفتگو با پشتیبان آنلاین
              <span class="fa-solid fa-angle-left"></span
            ></a>
          </div>
        </div>
      </div>
    </div>

    <!-- End Support -->

    <!-- Start Script Tags -->

    <!-- Swiper JS -->

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

    <!-- Initialize Swiper -->

    <script>
      var swiper = new Swiper(".mySwiper", {
        spaceBetween: 0,
        centeredSlides: true,
        autoplay: {
          delay: 6500,
          disableOnInteraction: false,
        },
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      });
      var swiper = new Swiper(".mySwiper2", {
        slidesPerView: 3,
        spaceBetween: 2,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        navigation: {
          nextEl: ".swiper-button-next2",
          prevEl: ".swiper-button-prev2",
        },
      });
      var swiper = new Swiper(".mySwiper3", {
        slidesPerView: 3,
        spaceBetween: 2,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        navigation: {
          nextEl: ".swiper-button-next3",
          prevEl: ".swiper-button-prev3",
        },
      });
      var swiper = new Swiper(".mySwiper4", {
        slidesPerView: 4,
        spaceBetween: 10,
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        navigation: {
          nextEl: ".swiper-button-next4",
          prevEl: ".swiper-button-prev4",
        },
      });
    </script>
    <!-- End Script Tags -->

    <!-- End Project -->
  </body>
</html>