/* ===============================
   🎨 استفاده از فونت Vazirmatn برای کل صفحه
   =============================== */

body, h1, h2, h3, h4, h5, h6,
p, span, div, a, li, ul, ol,
button, input, textarea, label,
.mbr-section-title, .mbr-text, .display-1, .display-2, .display-4, .display-5, .display-7 {
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}





.rtl-box {
    direction: rtl;
    text-align: right;
}





/* ✅ فقط متن داخلی را RTL کن بدون تأثیر بر دکمه */
.rtl-inline {
    direction: rtl;
    unicode-bidi: plaintext;
}





/* برای اصلاح ترتیب نمایش منوها از بالا به پایین در موبایل */
@media (max-width: 991px) {
  .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
  }

  /* ترتیب دستی برای منوها فقط در موبایل */
  .nav-item:nth-child(1) { order: 4; }  /* خانه */
  .nav-item:nth-child(2) { order: 3; }  /* معرفی محصولات */
  .nav-item:nth-child(3) { order: 2; }  /* درباره ما */
  .nav-item:nth-child(4) { order: 1; }  /* تماس با ما */
}





/* جاستیفای کردن دو قسمت نوشته یعنی تیتر و توضیحات کنار گیف */
.card-title,
.mbr-text {
    text-align: justify !important;
}




/* وسطچین کردن متن کنار گیف در موبایل */
@media (max-width: 991px) {
    .card-title,
    .mbr-text {
        text-align: center !important;
    }
}




/* آیکونها فاصله داشته باشن از توضیحات روبروشون */
.rtl-box .icon-box {
    margin-left: 1rem; /* یا مثلاً 12px */
}



/* جاستیفای کردن توضیحات روبروی هر آیکون */
.rtl-box .text-box {
    text-align: justify;
}



@media (max-width: 991px) {
  /* آیکون بره بالا و وسط‌چین بشه */
  .rtl-box .item-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
  }

  /* آیکون وسط‌چین در داخل باکسش */
  .rtl-box .icon-box {
    margin: 0 auto 1rem auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* تیتر وسط‌چین */
  .rtl-box .text-box h4,
  .rtl-box .icon-title {
    text-align: center !important;
  }

  /* توضیح وسط‌چین */
  .rtl-box .text-box h5,
  .rtl-box .icon-text {
    text-align: center !important;
  }
}



.features13.cid-uPkaiSZDmo {
    background: linear-gradient(90deg, #2154A5 0%, #010C13 100%) !important;
}

.features13 .mbr-overlay {
    background-color: transparent !important;
    opacity: 0 !important;
}

.rtl-box .icon-box {
    background-color: transparent !important;
    box-shadow: none !important;
}

.rtl-box .icon-box .mbr-iconfont {
    background-color: transparent !important;
    box-shadow: none !important;
}



/* وسطچین شدن دکمه مشاهده دمو */
@media (max-width: 991px) {
  .mbr-section-btn {
    display: flex !important;
    justify-content: center !important;
  }
}



/* فاصله مناسب آیکونها از توضیحات */
.icon-box img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}



/* تنظیم وسط چین فوتر */
@media (max-width: 991px) {
  section.display-7 {
    flex-direction: column !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0.5rem !important;
    height: auto !important;
  }

  section.display-7 a,
  section.display-7 p {
    width: 100% !important;
    text-align: center !important;
    position: static !important;
    height: auto !important;
  }

  section.display-7 img {
    display: none; /* حذف تصویر خالی base64 */
  }
}