Showing source for: https://estelamonline.net/
Duration: 30.152294s
Server: WCDN 3.9.6


<!DOCTYPE html>
<html lang="fa" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    
  <title>استعلام آنلاین | کامل ترین سامانه استعلام و خدمات آنلاین</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="enamad" content="7701175" />
    <link rel="stylesheet" href="/static/dist/styles.css" />
    <link rel="shortcut icon" type="image/png" href="/static/img/logo.png" />
    <!-- Statsfa Website Analytics Start -->
    <script data-host="https://statsfa.com" data-dnt="false" src="https://statsfa.com/js/script.js" id="ZwSg9rf6GA" async defer></script>
     <!-- <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script> -->
    
  <link rel="canonical" href="https://estelamonline.net/" />
  <meta name="description" content="سریع‌ترین سامانه استعلام آنلاین ایران با خدمات وام، بیمه، کد ملی، خودرو و وضعیت حیات — بدون نیاز به مراجعه حضوری." />
  <meta name="keywords" content="استعلام آنلاین, استعلام فوری, استعلام وام بانکی, سوابق بیمه, استعلام کد ملی, کارت خودرو, وضعیت حیات, سامانه استعلام, خدمات بانکی آنلاین, استعلام بانک‌ها" />
  <meta property="og:title" content="استعلام آنلاین | کامل ترین سامانه استعلام و خدمات آنلاین" />
  <meta property="og:description" content="سریع‌ترین سامانه استعلام آنلاین ایران با خدمات وام، بیمه، کد ملی، خودرو و وضعیت حیات — بدون نیاز به مراجعه حضوری." />
  <meta property="og:type" content="article" />
  <meta property="og:url" content="https://estelamonline.net/" />

    
    
      
        
          <script type="application/ld+json">
            {"@context": "https://schema.org", "@type": "WebPage", "name": "استعلام آنلاین", "url": "https://estelamonline.net/", "description": "", "inLanguage": "fa-IR", "isPartOf": {"@type": "WebSite", "name": "استعلام آنلاین", "url": "https://estelamonline.net"}, "breadcrumb": {"@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "خانه", "item": "https://estelamonline.net/"}]}, "datePublished": "2026-10-19T20:09:02.330154+00:00", "dateModified": "2026-10-19T20:09:02.330154+00:00"}
          </script>
        
          <script type="application/ld+json">
            {"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "خانه", "item": "https://estelamonline.net/"}]}
          </script>
        
      
    
  </head>
  <body>
    
      

<header class="relative bg-white p-4 m-0 shadow-lg w-full flex ">
  <section class="max-w-screen-xl mx-auto flex flex-row items-center justify-between gap-2 w-full">
    <div class="flex flex-row items-center gap-3">
      <a href="/">
        <svg width="47" height="65" viewBox="0 0 47 65" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M27.0812 5.64486C32.5013 3.4325 38.1111 1.61632 43.7854 0C43.4921 2.85048 42.5458 5.62207 41.353 8.26744C40.6589 9.66112 39.953 11.1319 38.6684 12.175C36.5312 13.588 34.1008 14.5872 31.6801 15.5426C25.5444 17.904 19.1681 19.8184 13.3256 22.7547C9.99965 24.4324 6.81836 26.4572 4.38595 29.1236C1.94181 31.7567 0.467513 35.0858 0.236786 38.506C-0.318522 34.367 0.0784059 30.0895 1.68763 26.1627C3.51975 21.6082 6.93568 17.6796 10.9871 14.5294C15.7698 10.8059 21.3463 8.00273 27.0812 5.64486Z" fill="#19A7CD"></path>
          <path d="M24.3674 23.5421C28.5635 22.0906 32.8574 20.8757 37.1884 19.7888C37.0202 21.3613 36.4942 22.8812 35.8666 24.3503C35.3093 25.5967 34.6719 26.8396 33.7255 27.8915C33.1389 28.5769 32.2395 28.9363 31.4143 29.3377C28.5361 30.6368 25.4663 31.5396 22.4356 32.5073C18.3861 33.787 14.3073 35.0632 10.5121 36.8882C7.8157 38.1977 5.20927 39.8158 3.37128 42.0544C2.02602 43.648 1.28692 45.5869 1.05228 47.5626C0.614294 44.5087 0.925187 41.3252 2.33692 38.4957C3.83664 35.4051 6.41961 32.8351 9.34475 30.763C13.84 27.5969 19.0685 25.3951 24.3674 23.5421Z" fill="#CD3F19"></path>
          <path d="M30.3424 34.3372C35.786 32.6385 41.3723 31.3254 46.9997 30.2087C46.4894 33.0329 45.3318 35.7361 43.9299 38.2939C43.138 39.6104 42.3304 41.0111 40.9734 41.9315C38.7209 43.1726 36.2103 43.9703 33.7192 44.7258C27.0458 46.6858 20.1435 48.1233 13.7927 50.8721C10.3416 52.3762 7.03122 54.3063 4.57535 56.9885C2.45775 59.257 1.15355 62.0811 0.692102 65C0.48875 61.1205 1.07339 57.1743 2.72367 53.5683C4.83345 48.8648 8.71279 44.9485 13.2432 41.9858C18.4131 38.5936 24.322 36.2305 30.3424 34.3372Z" fill="#19A7CD"></path>
        </svg>
      </a>
      <div class="flex flex-col text-right gap-2">
        <a href="/" class="font-black text-md sm:text-xl">استعلام آنلاین</a>
        <div class="text-sm flex flex-row gap-1 items-center text-right justify-end">
          <svg class="" width="16" height="16" viewBox="0 0 35 36" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M20.9297 4.51056C26.327 5.10993 30.5911 9.36827 31.1978 14.7656" stroke="#2BB8BA" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M20.9297 9.67743C23.5124 10.1791 25.5307 12.1989 26.0339 14.7816" stroke="#2BB8BA" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.2273 24.2694C1.16771 14.2087 2.59816 9.60168 3.65861 8.1171C3.79484 7.87716 7.15267 2.85066 10.752 5.79968C19.6861 13.1575 8.37567 12.1172 15.8778 19.6206C23.3814 27.1224 22.3395 15.8124 29.6977 24.7446C32.6468 28.3454 27.6201 31.7031 27.3817 31.8378C25.8971 32.8997 21.2884 34.3301 11.2273 24.2694Z" stroke="#161825" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
          <a href="tel:02171057553" class="text-center text-md sm:text-lg font-bold">۰۲۱-۷۱۰۵۷۵۵۳</a>
        </div>
      </div>
    </div>

    <div class="lg:hidden flex relative">

      <!-- Toggle Button -->
      <button id="menuToggle"
          class="flex cursor-pointer flex-row items-center gap-2 font-bold text-[18px]">

        <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
          <path d="M0 0h24v24H0z" fill="none" />
          <path fill="currentColor"
            d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1m0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1M3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1" />
        </svg>

      </button>

      <!-- Overlay -->
      <div id="overlay"
          class="fixed inset-0 bg-black/40 opacity-0 pointer-events-none transition-all duration-300 z-[998]">
      </div>

      <!-- Mobile Menu (OFFCANVAS) -->
      <div id="mobileMenu"
     class="fixed top-0 right-0 h-full w-[85%] max-w-[380px]
            bg-white shadow-2xl z-[999]
            translate-x-full
            invisible
            opacity-0
            pointer-events-none
            transition-all duration-300">

        <div class="flex min-h-full">

          <!-- Tabs -->
          <div class="w-32 bg-slate-50 border-l border-slate-200 p-2">

            <button class="mobile-tab active w-full text-right p-2 mb-2 rounded bg-blue-100 text-blue-600"
                    data-tab="banking">
              بانکی
            </button>

            <button class="mobile-tab w-full text-right p-2 mb-2 rounded hover:bg-blue-100"
                    data-tab="loan">
              تسهیلات
            </button>

            <button class="mobile-tab w-full text-right p-2 mb-2 rounded hover:bg-blue-100"
                    data-tab="cheque">
              چک
            </button>

            <button class="mobile-tab w-full text-right p-2 mb-2 rounded hover:bg-blue-100"
                    data-tab="car">
              خودرو
            </button>

            <button class="mobile-tab w-full text-right p-2 rounded hover:bg-blue-100"
                    data-tab="personal">
              هویتی
            </button>

          </div>

          <!-- Content -->
          <div class="flex-1 p-4 overflow-y-auto">

            <div class="mobile-content" id="banking">
              
              
              <a href="/services/card-account" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/cart_be_hesab.png" class="w-[30px]">
                <span>کارت به حساب</span>
              </a>
              
              
              
              <a href="/services/iban-inquiry" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/estelam_e_sheba.png" class="w-[30px]">
                <span>استعلام شماره شبا</span>
              </a>
              
              
              
              <a href="/services/iban-account" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/sheba_be_hesab.png" class="w-[30px]">
                <span>شبا به حساب</span>
              </a>
              
              
              
              <a href="/services/account-iban" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/hesab_be_sheba.png" class="w-[30px]">
                <span>حساب به شبا</span>
              </a>
              
              
              
              <a href="/services/card-inquiry" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/estelam_e_shomare_cart.png" class="w-[30px]">
                <span>استعلام شماره کارت</span>
              </a>
              
              
              
              <a href="/services/card-iban" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/cart_be_sheba.png" class="w-[30px]">
                <span>کارت به شبا</span>
              </a>
              
              
            </div>

            <div class="mobile-content hidden" id="loan">
              
              
              <a href="/services/black-list" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/list_e_siah.png" class="w-[30px]">
                <span>لیست سیاه</span>
              </a>
              
              
              
              <a href="/services/guaranty-inquiry" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/zemanat_fard.png" class="w-[30px]">
                <span>ضمانت های فرد</span>
              </a>
              
              
              
              
              
              <a href="/services/validation" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/etebarsanji.png" class="w-[30px]">
                <span>اعتبارسنجی بانکی</span>
              </a>
              
              
              
              <a href="/services/loan" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/vam_va_tashilat.png" class="w-[30px]">
                <span>وام و تسهیلات</span>
              </a>
              
              
            </div>

            <div class="mobile-content hidden" id="cheque">
              
              
              <a href="/services/national-code" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/cheque_bargashti.png" class="w-[30px]">
                <span>چک برگشتی</span>
              </a>
              
              
              
              
              
              <a href="/services/check-color" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/rang_e_cheque.png" class="w-[30px]">
                <span>رنگ چک</span>
              </a>
              
              
              
              <a href="/services/sayadi" class="flex items-center gap-3 mb-3">
                <img src="/media/images/icons/2025/10/02/cheque_sayadi.png" class="w-[30px]">
                <span>چک صیادی</span>
              </a>
              
              
            </div>

            <div class="mobile-content hidden" id="car">
              
              
              <a href="/services/car-info-inquiry" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/etelaat_khodro_va_takhfifat.png" class="w-[30px]">
                
                <span>اطلاعات خودرو و تخفیفات</span>
              </a>
              
              
              
              <a href="/services/third-party-insurance" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/bime_shkhs_sales.png" class="w-[30px]">
                
                <span>بیمه شخص ثالث</span>
              </a>
              
              
              
              <a href="/services/car-fine-inquiry" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/khalafi_khodro_84K5cNL.png" class="w-[30px]">
                
                <span>خلافی خودرو</span>
              </a>
              
              
              
              
              
              <a href="/services/car-licence-status" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/vaziat_govahiname.png" class="w-[30px]">
                
                <span>وضعیت گواهینامه</span>
              </a>
              
              
              
              <a href="/services/freeway-tolls" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/avarez_azadrahi.png" class="w-[30px]">
                
                <span>عوارض آزادراهی</span>
              </a>
              
              
              
              <a href="/services/plate-history" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/tarikhche_pelak.png" class="w-[30px]">
                
                <span>تاریخچه پلاک</span>
              </a>
              
              
              
              <a href="/services/active-plate-numbers" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/pelak_haye_faal.png" class="w-[30px]">
                
                <span>لیست پلاک های فعال</span>
              </a>
              
              
              
              <a href="/services/negative-rate-car-licence" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/nomre_manfi.png" class="w-[30px]">
                
                <span>نمره منفی</span>
              </a>
              
              
              
              
              
              <a href="/services/motor-fine-inquiry" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/khalafi_motor_Ih63KBS.png" class="w-[30px]">
                
                <span>خلافی موتور</span>
              </a>
              
              
              
              <a href="/services/get-driver-risk" class="flex items-center gap-3 mb-3">
                
                
                <img src="/media/images/icons/2025/10/02/risk_ranande.png" class="w-[30px]">
                
                <span>ریسک راننده</span>
              </a>
              
              
              
              
              
              
              
              
              
              
            </div>

            <div class="mobile-content hidden" id="personal">
              
              
              
              
              <a href="/services/postal_code" class="flex items-center gap-3 mb-3">
                
                <img src="/media/images/icons/2025/10/02/code_posti.png" class="w-[30px]">
                
                <span>کدپستی</span>
              </a>
              
              
              
              <a href="/services/life-status" class="flex items-center gap-3 mb-3">
                
                <img src="/media/images/icons/2025/10/02/vaziat_hayat.png" class="w-[30px]">
                
                <span>وضعیت حیات</span>
              </a>
              
              
              
              <a href="/services/company_info" class="flex items-center gap-3 mb-3">
                
                <img src="/media/images/icons/2025/10/02/senase_melli.png" class="w-[30px]">
                
                <span>شناسه ملی</span>
              </a>
              
              
              
              <a href="/services/passport" class="flex items-center gap-3 mb-3">
                
                <img src="/media/images/icons/2026/04/23/passport.png" class="w-[30px]">
                
                <span>استعلام گذرنامه</span>
              </a>
              
              
              
              <a href="/services/national-code-inquiry" class="flex items-center gap-3 mb-3">
                
                <img src="/media/images/icons/2026/04/23/code_melli.png" class="w-[30px]">
                
                <span>استعلام کد ملی</span>
              </a>
              
              
              
              <a href="/services/military" class="flex items-center gap-3 mb-3">
                
                <img src="/media/images/icons/2025/10/02/nezam_vazife.png" class="w-[30px]">
                
                <span>وضعیت نظام وظیفه</span>
              </a>
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
              
            </div>

          </div>

        </div>
      </div>

    </div>

    <nav class="relative hidden lg:flex">
      <ul class="flex flex-row items-center gap-5">
        <li class="hover:font-bold text-lg">
          <a href="/">صفحه اصلی</a>
        </li>
        <li>
          <div class="group relative">
            <button
                class="flex cursor-pointer flex-row items-center gap-2 relative font-bold transition-all duration-300 text-[18px]"
                aria-haspopup="true"
                aria-expanded="false">

                خدمات ما

                <svg xmlns="http://www.w3.org/2000/svg"
                    class="w-4 h-4 hover:text-cyan-600"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor">
                    <path stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                          d="M6 9l6 6 6-6" />
                </svg>
            </button>

            <div class="absolute top-0 left-0 w-full h-8"></div>

            <!-- Mega Panel -->
            <div class="menu-panel
                invisible
                opacity-0
                translate-y-2
                pointer-events-none
                transition-all
                duration-300
                group-hover:visible
                group-hover:opacity-100
                group-hover:translate-y-0
                group-hover:pointer-events-auto
                absolute
                right-[-400px]
                top-full
                w-[1120px]
                mt-2
                max-w-[97vw]
                z-[999]">

                <div class="rounded-2xl shadow-2xl ring-1 ring-black/10 bg-white overflow-hidden">

                    <div class="flex min-h-[500px]">

                        <!-- Tabs -->
                        <div class="w-64 bg-slate-50 border-l border-slate-200 p-4">

                            <button
                                class="tab-btn active w-full text-right p-3 rounded-xl mb-2 bg-blue-100 text-blue-600"
                                data-tab="banking_mobile">
                                خدمات بانکی و انتقال وجه
                            </button>

                            <button
                                class="tab-btn w-full text-right p-3 rounded-xl mb-2 hover:bg-blue-100 hover:text-blue-600"
                                data-tab="loan_mobile">
                                اعتبار بانکی و تسهیلات
                            </button>

                            <button
                                class="tab-btn w-full text-right p-3 rounded-xl hover:bg-blue-100 hover:text-blue-600"
                                data-tab="cheque_mobile">
                                خدمات چک
                            </button>

                            <button
                                class="tab-btn w-full text-right p-3 rounded-xl hover:bg-blue-100 hover:text-blue-600"
                                data-tab="car_mobile">
                                خدمات خودرو
                            </button>

                            <button
                                class="tab-btn w-full text-right p-3 rounded-xl hover:bg-blue-100 hover:text-blue-600"
                                data-tab="personal_mobile">
                                خدمات هویتی
                            </button>

                        </div>

                        <!-- Content -->
                        <div class="flex-1 p-6">

                            <div class="tab-content" id="banking_mobile">
                              <div class="grid grid-cols-2 gap-6 text-sm leading-7">
                                  
                                  
                                  <a href="/services/card-account" class="flex items-center gap-3">
                                    <img 
                                      src="/media/images/icons/2025/10/02/cart_be_hesab.png" 
                                      alt="کارت به حساب"
                                      class="w-[30px]"
                                    >
                                    <span> کارت به حساب </span>
                                  </a>
                                  
                                  
                                  
                                  <a href="/services/iban-inquiry" class="flex items-center gap-3">
                                    <img 
                                      src="/media/images/icons/2025/10/02/estelam_e_sheba.png" 
                                      alt="استعلام شماره شبا"
                                      class="w-[30px]"
                                    >
                                    <span> استعلام شماره شبا </span>
                                  </a>
                                  
                                  
                                  
                                  <a href="/services/iban-account" class="flex items-center gap-3">
                                    <img 
                                      src="/media/images/icons/2025/10/02/sheba_be_hesab.png" 
                                      alt="شبا به حساب"
                                      class="w-[30px]"
                                    >
                                    <span> شبا به حساب </span>
                                  </a>
                                  
                                  
                                  
                                  <a href="/services/account-iban" class="flex items-center gap-3">
                                    <img 
                                      src="/media/images/icons/2025/10/02/hesab_be_sheba.png" 
                                      alt="حساب به شبا"
                                      class="w-[30px]"
                                    >
                                    <span> حساب به شبا </span>
                                  </a>
                                  
                                  
                                  
                                  <a href="/services/card-inquiry" class="flex items-center gap-3">
                                    <img 
                                      src="/media/images/icons/2025/10/02/estelam_e_shomare_cart.png" 
                                      alt="استعلام شماره کارت"
                                      class="w-[30px]"
                                    >
                                    <span> استعلام شماره کارت </span>
                                  </a>
                                  
                                  
                                  
                                  <a href="/services/card-iban" class="flex items-center gap-3">
                                    <img 
                                      src="/media/images/icons/2025/10/02/cart_be_sheba.png" 
                                      alt="کارت به شبا"
                                      class="w-[30px]"
                                    >
                                    <span> کارت به شبا </span>
                                  </a>
                                  
                                  
                              </div>
                            </div>

                            <div class="tab-content hidden" id="loan_mobile">
                              <div class="grid grid-cols-2 gap-6 text-sm leading-7">
                                
                                
                                <a href="/services/black-list" class="flex items-center gap-3">
                                  <img 
                                    src="/media/images/icons/2025/10/02/list_e_siah.png" 
                                    alt="لیست سیاه"
                                    class="w-[30px]"
                                  >
                                  <span> لیست سیاه </span>
                                </a>
                                
                                
                                
                                <a href="/services/guaranty-inquiry" class="flex items-center gap-3">
                                  <img 
                                    src="/media/images/icons/2025/10/02/zemanat_fard.png" 
                                    alt="ضمانت های فرد"
                                    class="w-[30px]"
                                  >
                                  <span> ضمانت های فرد </span>
                                </a>
                                
                                
                                
                                
                                
                                <a href="/services/validation" class="flex items-center gap-3">
                                  <img 
                                    src="/media/images/icons/2025/10/02/etebarsanji.png" 
                                    alt="اعتبارسنجی بانکی"
                                    class="w-[30px]"
                                  >
                                  <span> اعتبارسنجی بانکی </span>
                                </a>
                                
                                
                                
                                <a href="/services/loan" class="flex items-center gap-3">
                                  <img 
                                    src="/media/images/icons/2025/10/02/vam_va_tashilat.png" 
                                    alt="وام و تسهیلات"
                                    class="w-[30px]"
                                  >
                                  <span> وام و تسهیلات </span>
                                </a>
                                
                                
                              </div>
                            </div>

                            <div class="tab-content hidden" id="cheque_mobile">
                              <div class="grid grid-cols-2 gap-6 text-sm leading-7">
                                
                                
                                <a href="/services/national-code" class="flex items-center gap-3">
                                  <img 
                                    src="/media/images/icons/2025/10/02/cheque_bargashti.png" 
                                    alt="چک برگشتی"
                                    class="w-[30px]"
                                  >
                                  <span> چک برگشتی </span>
                                </a>
                                
                                
                                
                                
                                
                                <a href="/services/check-color" class="flex items-center gap-3">
                                  <img 
                                    src="/media/images/icons/2025/10/02/rang_e_cheque.png" 
                                    alt="رنگ چک"
                                    class="w-[30px]"
                                  >
                                  <span> رنگ چک </span>
                                </a>
                                
                                
                                
                                <a href="/services/sayadi" class="flex items-center gap-3">
                                  <img 
                                    src="/media/images/icons/2025/10/02/cheque_sayadi.png" 
                                    alt="چک صیادی"
                                    class="w-[30px]"
                                  >
                                  <span> چک صیادی </span>
                                </a>
                                
                                
                              </div>
                            </div>

                            <div class="tab-content hidden" id="car_mobile">
                              <div class="grid grid-cols-2 gap-6 text-sm leading-7">
                                
                                
                                <a href="/services/car-info-inquiry" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/etelaat_khodro_va_takhfifat.png" 
                                    alt="اطلاعات خودرو و تخفیفات"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> اطلاعات خودرو و تخفیفات </span>
                                </a>
                                
                                
                                
                                <a href="/services/third-party-insurance" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/bime_shkhs_sales.png" 
                                    alt="بیمه شخص ثالث"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> بیمه شخص ثالث </span>
                                </a>
                                
                                
                                
                                <a href="/services/car-fine-inquiry" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/khalafi_khodro_84K5cNL.png" 
                                    alt="خلافی خودرو"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> خلافی خودرو </span>
                                </a>
                                
                                
                                
                                
                                
                                <a href="/services/car-licence-status" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/vaziat_govahiname.png" 
                                    alt="وضعیت گواهینامه"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> وضعیت گواهینامه </span>
                                </a>
                                
                                
                                
                                <a href="/services/freeway-tolls" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/avarez_azadrahi.png" 
                                    alt="عوارض آزادراهی"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> عوارض آزادراهی </span>
                                </a>
                                
                                
                                
                                <a href="/services/plate-history" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/tarikhche_pelak.png" 
                                    alt="تاریخچه پلاک"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> تاریخچه پلاک </span>
                                </a>
                                
                                
                                
                                <a href="/services/active-plate-numbers" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/pelak_haye_faal.png" 
                                    alt="لیست پلاک های فعال"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> لیست پلاک های فعال </span>
                                </a>
                                
                                
                                
                                <a href="/services/negative-rate-car-licence" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/nomre_manfi.png" 
                                    alt="نمره منفی"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> نمره منفی </span>
                                </a>
                                
                                
                                
                                
                                
                                <a href="/services/motor-fine-inquiry" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/khalafi_motor_Ih63KBS.png" 
                                    alt="خلافی موتور"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> خلافی موتور </span>
                                </a>
                                
                                
                                
                                <a href="/services/get-driver-risk" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/risk_ranande.png" 
                                    alt="ریسک راننده"
                                    class="w-[30px]"
                                  >
                                  
                                  
                                  <span> ریسک راننده </span>
                                </a>
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                              </div>
                            </div>

                            <div class="tab-content hidden" id="personal_mobile">
                              <div class="grid grid-cols-2 gap-6 text-sm leading-7">
                                
                                
                                
                                
                                <a href="/services/postal_code" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/code_posti.png" 
                                    alt="کدپستی"
                                    class="w-[30px]"
                                  >
                                  
                                  <span> کدپستی </span>
                                </a>
                                
                                
                                
                                <a href="/services/life-status" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/vaziat_hayat.png" 
                                    alt="وضعیت حیات"
                                    class="w-[30px]"
                                  >
                                  
                                  <span> وضعیت حیات </span>
                                </a>
                                
                                
                                
                                <a href="/services/company_info" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/senase_melli.png" 
                                    alt="شناسه ملی"
                                    class="w-[30px]"
                                  >
                                  
                                  <span> شناسه ملی </span>
                                </a>
                                
                                
                                
                                <a href="/services/passport" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2026/04/23/passport.png" 
                                    alt="استعلام گذرنامه"
                                    class="w-[30px]"
                                  >
                                  
                                  <span> استعلام گذرنامه </span>
                                </a>
                                
                                
                                
                                <a href="/services/national-code-inquiry" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2026/04/23/code_melli.png" 
                                    alt="استعلام کد ملی"
                                    class="w-[30px]"
                                  >
                                  
                                  <span> استعلام کد ملی </span>
                                </a>
                                
                                
                                
                                <a href="/services/military" class="flex items-center gap-3">
                                  
                                  <img 
                                    src="/media/images/icons/2025/10/02/nezam_vazife.png" 
                                    alt="وضعیت نظام وظیفه"
                                    class="w-[30px]"
                                  >
                                  
                                  <span> وضعیت نظام وظیفه </span>
                                </a>
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                              </div>
                            </div>

                        </div>

                    </div>

                </div>

            </div>
          </div>
        </li>
        <li class="hover:font-bold text-lg">
          <a href="/aboutUs">درباره ما</a>
        </li>
        <li class="hover:font-bold text-lg">
          <a href="/contactUs">تماس با ما</a>
        </li>
        <li class="hover:font-bold text-lg">
          <a href="/blog/">مقالات</a>
        </li>
      </ul>
    </nav>

    <nav class="lg:flex hidden flex-row items-center">
      <div class="relative flex flex-row items-center gap-2">
        
          <a href="/register" class="flex flex-row items-center hover:font-bold border-black bg-gray-200 border-solid border-2 lg:p-4 p-2 text-sm sm:text-lg rounded-xl gap-2 cursor-pointer text-black">
            <svg width="24" height="24" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M10.1331 9.55834C10.0498 9.55001 9.9498 9.55001 9.85814 9.55834C7.8748 9.49167 6.2998 7.86667 6.2998 5.86667C6.2998 3.82501 7.9498 2.16667 9.9998 2.16667C12.0415 2.16667 13.6998 3.82501 13.6998 5.86667C13.6915 7.86667 12.1165 9.49167 10.1331 9.55834Z" stroke="#19A7CD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M5.9666 12.6333C3.94993 13.9833 3.94993 16.1833 5.9666 17.525C8.25827 19.0583 12.0166 19.0583 14.3083 17.525C16.3249 16.175 16.3249 13.975 14.3083 12.6333C12.0249 11.1083 8.2666 11.1083 5.9666 12.6333Z" stroke="#626E94" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
            <span class="lg:flex hidden">ورود/ثبت نام</span>
          </a>
        
      </div>
    </nav>
  </section>
</header>


<script>
const menuToggle = document.getElementById("menuToggle");
const mobileMenu = document.getElementById("mobileMenu");
const overlay = document.getElementById("overlay");

function openMenu() {
  mobileMenu.classList.remove("translate-x-full");

  mobileMenu.classList.remove("invisible", "opacity-0", "pointer-events-none");

  overlay.classList.remove("opacity-0", "pointer-events-none");
}

function closeMenu() {
  mobileMenu.classList.add("translate-x-full");

  mobileMenu.classList.add("invisible", "opacity-0", "pointer-events-none");

  overlay.classList.add("opacity-0", "pointer-events-none");
}

// open/close menu
menuToggle.addEventListener("click", openMenu);
overlay.addEventListener("click", closeMenu);

// tabs
const tabs = document.querySelectorAll(".mobile-tab");
const contents = document.querySelectorAll(".mobile-content");

tabs.forEach(tab => {
  tab.addEventListener("click", () => {

    const target = tab.dataset.tab;

    // active tab style
    tabs.forEach(t => t.classList.remove("bg-blue-100", "text-blue-600"));
    tab.classList.add("bg-blue-100", "text-blue-600");

    // show content
    contents.forEach(c => c.classList.add("hidden"));
    document.getElementById(target).classList.remove("hidden");
  });
});
</script>


<script>
document.addEventListener("DOMContentLoaded", () => {

    const buttons = document.querySelectorAll(".tab-btn");
    const contents = document.querySelectorAll(".tab-content");

    buttons.forEach(button => {

        button.addEventListener("mouseenter", () => {

            const target = button.dataset.tab;

            buttons.forEach(btn => {
                btn.classList.remove("bg-blue-100", "text-blue-600");
            });

            button.classList.add("bg-blue-100", "text-blue-600");

            contents.forEach(content => {
                content.classList.add("hidden");
            });

            document
                .getElementById(target)
                .classList.remove("hidden");
        });

    });

});
</script>
    
    <main class="max-w-[1280px] mx-auto w-full">
      <div class="lg:hidden flex">
        <div class="fixed inset-x-0 bottom-0 bg-white flex justify-center shadow-[0_-30px_30px_rgba(0,0,0,0.09)] z-[999]">
          <div class="relative max-w-[370px] flex justify-center items-center bg-white p-3">
            <a href="/"
              class="relative w-[80px] flex flex-col items-center justify-center gap-1 font-bold 
                
                
                 text-cyan-600


               text-[10px]">
              
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path opacity="0.4" d="M20.0402 6.81994L14.2802 2.78994C12.7102 1.68994 10.3002 1.74994 8.79023 2.91994L3.78023 6.82994C2.78023 7.60994 1.99023 9.20994 1.99023 10.4699V17.3699C1.99023 19.9199 4.06023 21.9999 6.61023 21.9999H17.3902C19.9402 21.9999 22.0102 19.9299 22.0102 17.3799V10.5999C22.0102 9.24994 21.1402 7.58994 20.0402 6.81994Z" fill="currentColor" />
                  <path d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V15C11.25 14.59 11.59 14.25 12 14.25C12.41 14.25 12.75 14.59 12.75 15V18C12.75 18.41 12.41 18.75 12 18.75Z" fill="currentColor" />
                </svg>
              
              <span>خانه</span>
            </a>
            <a href="/panel/myWallet"
              class="relative w-[80px] flex flex-col items-center justify-center gap-1 font-bold 
                
                
                 text-black


               text-[10px]">
              
                <svg width="24" height="24" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M5.96699 4.60681L4.50866 8.09014C3.05866 8.71514 2.04199 10.1568 2.04199 11.8318V9.39015C2.04199 7.02348 3.72533 5.04848 5.96699 4.60681Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M18.3072 9.38975V11.8314C18.3072 9.99809 17.0905 8.43975 15.4238 7.93975C15.8572 6.85642 15.9822 6.00642 15.7738 5.29809C15.7572 5.22309 15.7322 5.14809 15.6988 5.08142C17.2488 5.88142 18.3072 7.52309 18.3072 9.38975Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M10.9255 2.09847L10.9005 2.1568L8.48379 7.76513H6.10879C5.54212 7.76513 5.00046 7.8818 4.50879 8.09013L5.96712 4.6068L6.00046 4.52347L6.05879 4.39013C6.07546 4.34013 6.09212 4.29013 6.11712 4.24847C7.20879 1.72347 8.44212 1.14847 10.9255 2.09847Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M15.4177 7.93172C15.0427 7.81506 14.6427 7.76506 14.2427 7.76506H8.48438L10.901 2.15672L10.926 2.09839C11.051 2.14006 11.1677 2.19839 11.2927 2.24839L13.1344 3.02339C14.1594 3.44839 14.876 3.89006 15.3094 4.42339C15.3927 4.52339 15.4594 4.61506 15.5177 4.72339C15.5927 4.84006 15.651 4.95672 15.6844 5.08172C15.7177 5.15672 15.7427 5.23172 15.7594 5.29839C15.9844 5.99839 15.851 6.85672 15.4177 7.93172Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M18.3101 11.832V13.457C18.3101 13.6237 18.3018 13.7903 18.2934 13.957C18.1351 16.8653 16.5101 18.332 13.4268 18.332H6.92676C6.72676 18.332 6.52676 18.3153 6.33509 18.2903C3.68509 18.1153 2.26842 16.6987 2.09342 14.0487C2.06842 13.857 2.05176 13.657 2.05176 13.457V11.832C2.05176 10.157 3.06842 8.71532 4.51842 8.09032C5.01842 7.88199 5.55176 7.76532 6.11842 7.76532H14.2518C14.6601 7.76532 15.0601 7.82365 15.4268 7.93199C17.0851 8.44032 18.3101 9.99032 18.3101 11.832Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              
              <span>کیف پول</span>
            </a>

            <a href="/panel/records"
              class="relative w-[80px] flex flex-col items-center justify-center gap-1 font-bold  
                
                
                 text-black


               text-[10px]">
              
                <svg width="24" height="24" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M5.96699 4.60681L4.50866 8.09014C3.05866 8.71514 2.04199 10.1568 2.04199 11.8318V9.39015C2.04199 7.02348 3.72533 5.04848 5.96699 4.60681Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M18.3072 9.38975V11.8314C18.3072 9.99809 17.0905 8.43975 15.4238 7.93975C15.8572 6.85642 15.9822 6.00642 15.7738 5.29809C15.7572 5.22309 15.7322 5.14809 15.6988 5.08142C17.2488 5.88142 18.3072 7.52309 18.3072 9.38975Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M10.9255 2.09847L10.9005 2.1568L8.48379 7.76513H6.10879C5.54212 7.76513 5.00046 7.8818 4.50879 8.09013L5.96712 4.6068L6.00046 4.52347L6.05879 4.39013C6.07546 4.34013 6.09212 4.29013 6.11712 4.24847C7.20879 1.72347 8.44212 1.14847 10.9255 2.09847Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M15.4177 7.93172C15.0427 7.81506 14.6427 7.76506 14.2427 7.76506H8.48438L10.901 2.15672L10.926 2.09839C11.051 2.14006 11.1677 2.19839 11.2927 2.24839L13.1344 3.02339C14.1594 3.44839 14.876 3.89006 15.3094 4.42339C15.3927 4.52339 15.4594 4.61506 15.5177 4.72339C15.5927 4.84006 15.651 4.95672 15.6844 5.08172C15.7177 5.15672 15.7427 5.23172 15.7594 5.29839C15.9844 5.99839 15.851 6.85672 15.4177 7.93172Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M18.3101 11.832V13.457C18.3101 13.6237 18.3018 13.7903 18.2934 13.957C18.1351 16.8653 16.5101 18.332 13.4268 18.332H6.92676C6.72676 18.332 6.52676 18.3153 6.33509 18.2903C3.68509 18.1153 2.26842 16.6987 2.09342 14.0487C2.06842 13.857 2.05176 13.657 2.05176 13.457V11.832C2.05176 10.157 3.06842 8.71532 4.51842 8.09032C5.01842 7.88199 5.55176 7.76532 6.11842 7.76532H14.2518C14.6601 7.76532 15.0601 7.82365 15.4268 7.93199C17.0851 8.44032 18.3101 9.99032 18.3101 11.832Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              
              <span>سوابق استعلام</span>
            </a>
            <a href="/panel"
              class="relative w-[80px] flex flex-col items-center justify-center gap-1 font-bold 
                
                
                 text-black


               text-[10px]">
              
                <svg width="24" height="24" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M11.0081 9.05835C10.9248 9.05002 10.8248 9.05002 10.7331 9.05835C8.7498 8.99169 7.1748 7.36669 7.1748 5.36669C7.1748 3.32502 8.8248 1.66669 10.8748 1.66669C12.9165 1.66669 14.5748 3.32502 14.5748 5.36669C14.5665 7.36669 12.9915 8.99169 11.0081 9.05835Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                  <path d="M6.8416 12.1333C4.82493 13.4833 4.82493 15.6833 6.8416 17.025C9.13327 18.5583 12.8916 18.5583 15.1833 17.025C17.1999 15.675 17.1999 13.475 15.1833 12.1333C12.8999 10.6083 9.1416 10.6083 6.8416 12.1333Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
                </svg>
              
              <span>حساب من</span>
            </a>
          </div>
        </div>
      </div>
      
  <div class="flex flex-col items-center">
    <div class="bg-gray-100 w-full flex flex-col gap-2 sm:mt-4 p-4 md:p-12 sm:rounded-lg relative">
      <section class="hidden flex-col items-center gap-4 sm:flex mt-8">
        <span class="flex flex-row-reverse items-center font-black text-5xl font-weight: bold;font-size : 22px; padding-bottom:100px;gap-4 pb-4 flex-wrap text-center">
          به زندگیت
          <span class="text-red-600 flex flex-row items-center text-center animate-fade-down pr-2">
            سرعت<svg class="" width="62" height="62" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M19.999 6.61654V34.3832L18.6657 35.8999C16.8157 37.9999 15.299 37.4332 15.299 34.6332V22.6332H10.149C7.81571 22.6332 7.16571 21.1999 8.71571 19.4499L19.999 6.61654Z" fill="#CD3F19"></path>
              <path opacity="0.4" d="M31.2833 21.55L20 34.3833V6.61666L21.3333 5.1C23.1833 3 24.7 3.56666 24.7 6.36666V18.3667H29.85C32.1833 18.3667 32.8333 19.8 31.2833 21.55Z" fill="#CD3F19"></path>
            </svg>
          </span>ببخش
        </span>
        <h6 class="font-semibold text-xl text-center mb-4">استعلام هر آنچه که میخواهید را میتوانید با سامانه استعلام آنلاین داشته باشید</h6>
      </section>

      <div class="flex flex-col lg:flex-row gap-4">
        
        <div class="glow-border  w-full  p-4 rounded-lg bg-white flex flex-row items-center gap-2 border-2 border-solid border-black">
          <svg width="24" height="24" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M11.5 21.5C16.7467 21.5 21 17.2467 21 12C21 6.75329 16.7467 2.5 11.5 2.5C6.25329 2.5 2 6.75329 2 12C2 17.2467 6.25329 21.5 11.5 21.5Z" stroke="#7E8AAB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M22 22.5L20 20.5" stroke="#7E8AAB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
          <input id="search-input" class="border-none text-sm sm:text-lg font-bold outline-none text-gray-500 w-full text-right bg-transparent rounded-lg" type="text" placeholder="جستجو در میان خدمات استعلام آنلاین" />
        </div>
      </div>

      <ul dir="rtl" class="grid lg:grid-cols-4 md:grid-cols-3 grid-cols-2 gap-2 lg:gap-6 w-full mt-2">
        
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/card-account">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/cart_be_hesab.png"
                       alt="کارت به حساب" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">کارت به حساب</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/iban-inquiry">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/estelam_e_sheba.png"
                       alt="استعلام شماره شبا" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">استعلام شماره شبا</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/iban-account">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/sheba_be_hesab.png"
                       alt="شبا به حساب" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">شبا به حساب</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/makna">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/makna.png"
                       alt="مکنا" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">مکنا</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/national-code">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/cheque_bargashti.png"
                       alt="چک برگشتی" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">چک برگشتی</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/black-list">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/list_e_siah.png"
                       alt="لیست سیاه" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">لیست سیاه</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/guaranty-inquiry">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/zemanat_fard.png"
                       alt="ضمانت های فرد" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">ضمانت های فرد</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/account-iban">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/hesab_be_sheba.png"
                       alt="حساب به شبا" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">حساب به شبا</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/card-inquiry">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/estelam_e_shomare_cart.png"
                       alt="استعلام شماره کارت" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">استعلام شماره کارت</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/card-iban">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/cart_be_sheba.png"
                       alt="کارت به شبا" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">کارت به شبا</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/check-color">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/rang_e_cheque.png"
                       alt="رنگ چک" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">رنگ چک</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/sayadi">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/cheque_sayadi.png"
                       alt="چک صیادی" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">چک صیادی</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/validation">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/etebarsanji.png"
                       alt="اعتبارسنجی بانکی" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">اعتبارسنجی بانکی</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/loan">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/vam_va_tashilat.png"
                       alt="وام و تسهیلات" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">وام و تسهیلات</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
        
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/car-info-inquiry">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/etelaat_khodro_va_takhfifat.png"
                       alt="اطلاعات خودرو و تخفیفات" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">اطلاعات خودرو و تخفیفات</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/third-party-insurance">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/bime_shkhs_sales.png"
                       alt="بیمه شخص ثالث" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">بیمه شخص ثالث</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/car-fine-inquiry">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/khalafi_khodro_84K5cNL.png"
                       alt="خلافی خودرو" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">خلافی خودرو</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/car-licence-status">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/vaziat_govahiname.png"
                       alt="وضعیت گواهینامه" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">وضعیت گواهینامه</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/freeway-tolls">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/avarez_azadrahi.png"
                       alt="عوارض آزادراهی" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">عوارض آزادراهی</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/plate-history">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/tarikhche_pelak.png"
                       alt="تاریخچه پلاک" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">تاریخچه پلاک</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/active-plate-numbers">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/pelak_haye_faal.png"
                       alt="لیست پلاک های فعال" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">لیست پلاک های فعال</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/negative-rate-car-licence">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/nomre_manfi.png"
                       alt="نمره منفی" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">نمره منفی</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/motor-fine-inquiry">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/khalafi_motor_Ih63KBS.png"
                       alt="خلافی موتور" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">خلافی موتور</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/get-driver-risk">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/risk_ranande.png"
                       alt="ریسک راننده" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">ریسک راننده</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
        
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/postal_code">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/code_posti.png"
                       alt="کدپستی" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">کدپستی</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/life-status">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/vaziat_hayat.png"
                       alt="وضعیت حیات" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">وضعیت حیات</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/company_info">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/senase_melli.png"
                       alt="شناسه ملی" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">شناسه ملی</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/passport">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2026/04/23/passport.png"
                       alt="استعلام گذرنامه" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">استعلام گذرنامه</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/national-code-inquiry">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2026/04/23/code_melli.png"
                       alt="استعلام کد ملی" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">استعلام کد ملی</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
            <li class="service-card w-full bg-white rounded-lg">
              <a href="/services/military">
                <div class="animate-fade group relative block bg-gray-200 rounded-lg h-full before:absolute before:inset-0 before:rounded-lg before:hover:border-2 before:border-none before:border-gray-600">
                  <div class="rounded-lg h-full w-full bg-white transition group-hover:-translate-y-2 ltr:group-hover:-translate-x-2 rtl:group-hover:translate-x-2">
                    <div class="z-10 flex flex-col w-full rounded-2xl bg-white text-gray-600 font-bold py-6 items-center justify-center">
                      <span><img   
                      
                        src="/media/images/icons/2025/10/02/nezam_vazife.png"
                       alt="وضعیت نظام وظیفه" class="w-16 h-16 object-contain" /></span>
                      <span class="service-description font-bold text-gray-600 text-center pt-4 w-full text-xs sm:text-lg">وضعیت نظام وظیفه</span>
                    </div>
                  </div>
                </div>
              </a>
            </li>
          
        
      </ul>
    </div>
    <div class="hidden lg:flex flex-col bg-gray-100 p-8 rounded-lg mt-10 gap-4 relative cursor-pointer">
      <h2 class="text-2xl font-black">استعلام آنلاین چیست؟</h2>
      <p class="text-lg">استعلام آنلاین یک خدمت نوآورانه است که توسط سازمان‌ها و مؤسسات دولتی و خصوصی برای افزایش کارایی و سهولت دسترسی به اطلاعات ارائه می‌شود. کاربران می‌توانند با ورود به وب‌سایت یا اپلیکیشن این سازمان‌ها و وارد کردن اطلاعات مورد نیاز، به سرعت به داده‌های مورد نظر خود دست یابند. مزایای استعلام آنلاین عبارتند از: صرفه‌جویی در زمان و هزینه با عدم نیاز به مراجعه حضوری به دفاتر و ادارات مختلف، دسترسی سریع و آسان به اطلاعات در هر زمان و مکانی که به اینترنت دسترسی دارند، کاهش اشتباهات انسانی و به حداقل رساندن احتمال بروز اشتباهات در فرآیند دستی جستجو و بازیابی اطلاعات، و افزایش شفافیت و دقت با ارائه اطلاعات به‌روز و دقیق‌تر. مثال‌هایی از خدمات استعلام آنلاین شامل استعلام سوابق بیمه، وضعیت پرداخت قبوض، وضعیت تحصیلی دانش‌آموزان و دانشجویان، و وضعیت حمل‌ونقل عمومی می‌باشد. استفاده از استعلام آنلاین، دسترسی به اطلاعات را آسان‌تر، سریع‌تر و دقیق‌تر می‌کند و به بهبود کارایی و کاهش هزینه‌ها کمک می‌کند.</p>

      <span class="absolute -top-8 -right-4">
        <svg width="47" height="63" viewBox="0 0 47 63" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7383 47.7413C10.3658 45.1021 6.44 43.0499 3.26904 40.2244C7.51252 33.1041 21.9533 8.29079 24.6632 3C24.6796 7.64128 24.697 12.0291 25.1612 17.0585C29.4432 14.9455 34.37 12.5254 38.8559 11.2788C32.6938 18.7874 16.7439 44.4096 13.7383 47.7413Z" fill="white" stroke="#19A7CD" stroke-width="4.57" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M22.86 60.5507C21.3627 57.4799 19.3 54.6567 17.2544 51.9297C20.766 49.6621 33.6014 42.0251 38.4294 39.168C36.6344 42.1945 35.761 45.7932 34.462 49.0484C36.0615 49.5889 37.7561 49.7792 39.3842 50.2327C40.9699 50.6743 42.4417 51.3906 44.0878 51.6264C40.471 54.0708 26.3516 59.1611 22.86 60.5507Z" fill="white" stroke="#19A7CD" stroke-width="4.57" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
      </span>
    </div>
  </div>
  <script>
  document.addEventListener("DOMContentLoaded", function () {
    const searchInput = document.getElementById("search-input");
    const serviceCards = document.querySelectorAll(".service-card");

    searchInput.addEventListener("input", function () {
      const query = searchInput.value.toLowerCase().trim();

      serviceCards.forEach(card => {
        const serviceName = card.querySelector(".service-description").textContent.toLowerCase();

        if (serviceName.includes(query)) {
          card.style.display = "block";
        } else {
          card.style.display = "none";
        }
      });
    });
  });
</script>


      
        <section class="mt-6 p-4 bg-gradient-to-r from-cyan-500 via-purple-600 to-red-500 rounded-xl flex flex-col md:flex-row items-center justify-between gap-4 relative overflow-hidden">
          <!-- Text -->
          <p class="text-lg font-bold text-white text-center md:text-left">برای سریعترین ها در کنار شما هستیم</p> <!-- Contact info -->
          <div class="flex items-center gap-4">
            <div class="flex flex-col items-end text-right">
              <a href="tel:02171057553" class="text-2xl font-black text-white" dir="ltr">۰۲۱-۷۱۰۵۷۵۵۳</a>
              <span class="text-xs font-black text-white">تماس با پشتیبانی</span>
            </div> <!-- Icon -->
            <div class="flex-shrink-0 w-12 h-14">
              <svg width="50" height="56" viewBox="0 0 50 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="50" height="56" rx="10" fill="white"></rect>
                <path d="M27.3525 18.5C31.0535 18.911 33.9775 21.831 34.3925 25.532" stroke="#CD3F19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                <path d="M27.3525 22.043C29.1235 22.387 30.5075 23.772 30.8525 25.543" stroke="#CD3F19" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                <path fill-rule="evenodd" clip-rule="evenodd" d="M24.0315 28.4724C28.0205 32.4604 28.9254 27.8467 31.4653 30.3848C33.9138 32.8328 35.3222 33.3232 32.2188 36.4247C31.8302 36.737 29.3613 40.4943 20.6845 31.8197C12.0066 23.144 15.7616 20.6724 16.0739 20.2839C19.1838 17.1738 19.6668 18.5894 22.1154 21.0373C24.6541 23.5765 20.0425 24.4844 24.0315 28.4724Z" stroke="#127792" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
              </svg>
            </div>
          </div> <!-- Decorative SVG at bottom -->
          <div class="absolute -bottom-4 -left-6 w-[90%] max-w-[500px] opacity-20 pointer-events-none">
            <svg width="100%" height="auto" viewBox="0 0 222 72" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path opacity="0.21" d="M64.359 3.7435... (rest of your path) ..." fill="white" />
            </svg>
          </div>
        </section> 

        <footer class="mt-4 pb-16 bg-gray-50">
          <div class="max-w-[1400px] mx-auto pt-8 px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-5 lg:gap-8 gap-4 text-right" dir="rtl">
              <nav class="lg:order-1 order-2 p-4 rounded-[8px]">
                <span class="mb-4 text-[20px] font-medium">انواع استعلام</span>
                <ul class="space-y-4 lg:mt-8 mt-4">
                  <li>
                    <a href="/services/card-iban" class="font-light text-black hover:text-cyan-500 transition-all"><span>دریافت شماره شبا</span></a>
                  </li>
                  <li>
                    <a href="/services/loan" class="font-light text-black hover:text-cyan-500 transition-all"><span>استعلام وام و تسهیلات</span></a>
                  </li>
                  <li>
                    <a href="/services/national-code" class="font-light text-black hover:text-cyan-500 transition-all"><span>استعلام چک برگشتی</span></a>
                  </li>
                  <li>
                    <a href="/services/postal_code" class="font-light text-black hover:text-cyan-500 transition-all"><span>استعلام کدپستی</span></a>
                  </li>
                  <li>
                    <a href="/services/company_info" class="font-light text-black hover:text-cyan-500 transition-all"><span>استعلام شناسه ملی</span></a>
                  </li>
                  <li>
                    <a href="/services/military" class="font-light text-black hover:text-cyan-500 transition-all"><span>وضعیت نظام وظیفه</span></a>
                  </li>
                </ul>
              </nav> 
              <nav class="lg:order-2 order-3 p-4 rounded-[8px]">
                <span class="mb-4 text-[20px] font-medium">نحوه دریافت استعلام</span>
                <ul class="space-y-4 lg:mt-8 mt-4">
                  <li>
                    <a href="/" class="font-light text-black hover:text-cyan-500 transition-all"><span>راهنمای دریافت استعلام</span></a>
                  </li>
                  <li>
                    <a href="/" class="font-light text-black hover:text-cyan-500 transition-all"><span>شیوه های پرداخت</span></a>
                  </li>
                </ul>
              </nav> 
              <nav class="lg:order-3 order-4 p-4 rounded-[8px]">
                <span class="mb-4 text-[20px] font-medium">با استعلام آنلاین</span>
                <ul class="space-y-4 lg:mt-8 mt-4">
                  <li>
                    <a href="/aboutUs" class="font-light text-black hover:text-cyan-500 transition-all"><span>درباره ما</span></a>
                  </li>
                  <li>
                    <a href="/contactUs" class="font-light text-black hover:text-cyan-500 transition-all"><span>تماس با ما</span></a>
                  </li>
                  <li>
                    <a href="/" class="font-light text-black hover:text-cyan-500 transition-all"><span>قوانین و مقررات</span></a>
                  </li>
                  <li>
                    <a href="/blog/" class="font-light text-black hover:text-cyan-500 transition-all"><span>مجله استعلام آنلاین</span></a>
                  </li>
                </ul>
              </nav> <div class="lg:order-4 order-1 lg:col-span-2">
                <div class="flex items-center gap-4 mb-4">
                  <svg width="27" height="45" viewBox="0 0 47 65" fill="none" xmlns="http://www.w3.org/2000/svg" class="">
                    <path d="M27.0812 5.64486C32.5013 3.4325 38.1111 1.61632 43.7854 0C43.4921 2.85048 42.5458 5.62207 41.353 8.26744C40.6589 9.66112 39.953 11.1319 38.6684 12.175C36.5312 13.588 34.1008 14.5872 31.6801 15.5426C25.5444 17.904 19.1681 19.8184 13.3256 22.7547C9.99965 24.4324 6.81836 26.4572 4.38595 29.1236C1.94181 31.7567 0.467513 35.0858 0.236786 38.506C-0.318522 34.367 0.0784059 30.0895 1.68763 26.1627C3.51975 21.6082 6.93568 17.6796 10.9871 14.5294C15.7698 10.8059 21.3463 8.00273 27.0812 5.64486Z" fill="#19A7CD"></path>
                    <path d="M24.3674 23.5421C28.5635 22.0906 32.8574 20.8757 37.1884 19.7888C37.0202 21.3613 36.4942 22.8812 35.8666 24.3503C35.3093 25.5967 34.6719 26.8396 33.7255 27.8915C33.1389 28.5769 32.2395 28.9363 31.4143 29.3377C28.5361 30.6368 25.4663 31.5396 22.4356 32.5073C18.3861 33.787 14.3073 35.0632 10.5121 36.8882C7.8157 38.1977 5.20927 39.8158 3.37128 42.0544C2.02602 43.648 1.28692 45.5869 1.05228 47.5626C0.614294 44.5087 0.925187 41.3252 2.33692 38.4957C3.83664 35.4051 6.41961 32.8351 9.34475 30.763C13.84 27.5969 19.0685 25.3951 24.3674 23.5421Z" fill="#CD3F19"></path>
                    <path d="M30.3424 34.3372C35.786 32.6385 41.3723 31.3254 46.9997 30.2087C46.4894 33.0329 45.3318 35.7361 43.9299 38.2939C43.138 39.6104 42.3304 41.0111 40.9734 41.9315C38.7209 43.1726 36.2103 43.9703 33.7192 44.7258C27.0458 46.6858 20.1435 48.1233 13.7927 50.8721C10.3416 52.3762 7.03122 54.3063 4.57535 56.9885C2.45775 59.257 1.15355 62.0811 0.692102 65C0.48875 61.1205 1.07339 57.1743 2.72367 53.5683C4.83345 48.8648 8.71279 44.9485 13.2432 41.9858C18.4131 38.5936 24.322 36.2305 30.3424 34.3372Z" fill="#19A7CD"></path>
                  </svg>
                  <span class="text-[20px] font-bold">استعلام آنلاین</span>
                </div>
                <p class="text-base/8 text-justify text-black">با استعلام آنلاین می‌توانید بدون مراجعه حضوری، در هر زمان و مکان به اطلاعات مورد نیاز خود دسترسی پیدا کنید. این خدمات اینترنتی مانند استعلام بیمه، قبوض، سوابق تحصیلی و دیگر داده‌ها، با صرفه‌جویی در زمان و هزینه، دقت بالا و کاهش خطاهای انسانی، فرآیند دریافت اطلاعات را آسان‌تر و هوشمندانه‌تر کرده‌اند.</p>
              </div>
            </div> <div class="mt-8 border-t border-gray-200 py-8 text-center lg:mb-0 mb-6">
              <p class="flex items-center justify-center gap-2 lg:text-[14px] text-[10px] text-[#7E8AAB] font-medium">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:flex hidden">
                  <path d="M12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12C22 17.52 17.52 22 12 22Z" stroke="#7E8AAB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                  <path d="M14.8802 15C14.1702 15.62 13.2502 16 12.2402 16C10.0302 16 8.24023 14.21 8.24023 12C8.24023 9.79 10.0302 8 12.2402 8C13.2502 8 14.1702 8.38 14.8802 9" stroke="#7E8AAB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                </svg>تمامی حقوق مادی و معنوی این وبسایت متعلق به شرکت انفورماتیک توسعه ارتباط سهند می باشد
              </p>
            </div>
          </div>
        </footer>
      
    </main>
  </body>
</html>

Latest requests

# Url Url Source Date
1 https://estelamonline.net/ 2026-10-19 21:31:33
2 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:32
3 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:32
4 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:32
5 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:32
6 https://auth.mediacorp.sg/u/login?… 2026-10-19 21:31:31
7 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:31
8 https://astore.icu/vi-vn/ 2026-10-19 21:31:31
9 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:30
10 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:30
11 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:29
12 https://mattolegrange.com/ 2026-10-19 21:31:29
13 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:29
14 https://onthisveryspot.com/ 2026-10-19 21:31:29
15 https://yuyulaw.info 2026-10-19 21:31:27
16 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:26
17 https://auth.mediacorp.sg/u/login?… 2026-10-19 21:31:26
18 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:25
19 https://www.thebolditalic.com/?gi=… 2026-10-19 21:31:25
20 https://www.texarkanatwins.com/%25… 2026-10-19 21:31:24