/* ==============================================================
   TRANQUIL BS - Additional CSS (UNIFIED, CLEANED & DEDUPED) - v12.6
   التاريخ: 2026-07-02 (v12.6)
   المكان: /wp-content/themes/Otlet_theme/css/tranquil-custom-css-v12.6.css
   ----------------------------------------------------------------
   ملاحظات هذه النسخة (v12.6):
     - تم دمج كل الدفعات في ملف واحد منظّم.
     - حُذفت التكرارات (الميغا-مينيو، السوشيال، تباين النصوص ...إلخ).
     - أُزيلت أي تعليقات تحتوي رموز < > التي تسبّب خطأ "Markup is not allowed".
     - الترتيب موحّد حسب الفهرس أدناه.
   ----------------------------------------------------------------
   الفهرس:
     01) استيراد الخطوط
     02) إعدادات عامة (Reset + Body)
     03) الخطوط حسب اللغة (AR / EN)
     04) الاتجاه والمحاذاة (RTL / LTR)
     05) أحجام الخطوط المتجاوبة
     06) ألوان العناوين
     07) ... (الأقسام السابقة 7-18 محفوظة في إعدادك الأصلي كما هي)
     18) Pagination
     19) الشريط الجانبي (Sidebar RTL)
     20-29) تنسيقات المقالات (Single Post / Article / Prose)
     30) HERO — إصلاح الهيرو الرئيسي
     31) بطاقات الميزات
     32) عناوين الهيرو الفرعية
     33) تصغير H1/H2 + إصلاح أيقونات القوائم RTL
     34) بطاقات .ftrproducsec02 — 3 أعمدة
     35) بطاقات .ftrTobCvr
     36) بطاقات .featuresCvr / .ftrPrdCvr
     37) صفحة 6318 (مميزات Tranquil ERP)
     38) عنوان الهيرو على سطر واحد (6318)
     39) العنوان h3 — إزالة قيود السطر الواحد (6318)
     40) فرض حجم H3 الحقيقي لـ .featurTop (6318)
     41) فرض حجم H3 على .featurTop h3 بشكل عام + h2 يبدو كـ h3
     42) زر "طلب عرض سعر" — اتجاه السهم في RTL
     43) أيقونات السوشيال في الفوتر (FontAwesome AR + EN)
     44) تباين نصوص المقالات والصفحات الداخلية
   ============================================================== */


/* ==============================================================
   01) استيراد الخطوط
   ============================================================== */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Cairo:wght@400;600;700;800&family=Inter:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&family=Readex+Pro:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');


/* ==============================================================
   02) إعدادات عامة
   ============================================================== */
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

* {
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%; height: auto;
}
a {
  text-decoration: none;
}


/* ==============================================================
   03) الخطوط حسب اللغة
   ============================================================== */
html[lang^="ar"] body,
html[lang^="ar"] body *:not(.fa):not(.fa *):not([class^="fa-"]):not([class*=" fa-"]):not(i),
html[dir="rtl"] body,
html[dir="rtl"] body *:not(.fa):not(.fa *):not([class^="fa-"]):not([class*=" fa-"]):not(i) {
  font-family: 'Tajawal', 'Cairo', Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] h6,
html[lang^="ar"] .bannerHead,
html[lang^="ar"] .bannerCont,
html[lang^="ar"] .bannerCont *,
html[lang^="ar"] #menu a,
html[lang^="ar"] .hmprdtCvr,
html[lang^="ar"] .hmprdtCvr *,
html[lang^="ar"] .entry-title,
html[lang^="ar"] .widget-title {
  font-family: 'Cairo', 'Tajawal', Tahoma, Arial, sans-serif !important;
    font-weight: 700 !important;
}

html[lang^="en"] body,
html[lang^="en"] body * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

html[lang^="en"] h1, html[lang^="en"] h2, html[lang^="en"] h3,
html[lang^="en"] h4, html[lang^="en"] h5, html[lang^="en"] h6 {
  font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
}

.fa, .fa::before, .fa::after {
  font-family: FontAwesome !important;
    font-style: normal !important;
    font-weight: normal !important;
}

.num, .en, time, .price {
  font-family: 'Inter', 'Tajawal', sans-serif;
    font-feature-settings: "tnum";
}


/* ==============================================================
   04) الاتجاه والمحاذاة (RTL / LTR)
   ============================================================== */
p, h1, h2, h3, h4, h5, h6,
li, td, th, blockquote,
.entry-content, .entry-content *,
.banner-cont, .banner-cont *,
.featurTop, .featurTop *,
.our-story-sec, .our-story-sec * {
  unicode-bidi: plaintext !important;
}

html[lang^="en"] body,
html[lang^="en"] body p,
html[lang^="en"] body li,
html[lang^="en"] body .entry-content,
html[lang^="en"] body .entry-content * {
  direction: ltr !important;
    text-align: left !important;
}

html[lang^="en"] body h1,
html[lang^="en"] body h2.section-title,
html[lang^="en"] body .featurTop h1,
html[lang^="en"] body .ftrbnr h1,
html[lang^="en"] body .banner-cont h1 {
  text-align: center !important;
    direction: ltr !important;
}

html[lang^="ar"] body,
html[lang^="ar"] body p,
html[lang^="ar"] body li,
html[lang^="ar"] body .entry-content,
html[lang^="ar"] body .entry-content * {
  direction: rtl !important;
    text-align: right !important;
}

html[lang^="ar"] body h1,
html[lang^="ar"] body h2.section-title {
  text-align: center !important;
    direction: rtl !important;
}

[lang^="en"], [lang^="en"] * {
  direction: ltr !important;
}
[lang^="en"] p, [lang^="en"] li {
  text-align: left !important;
}

[lang^="ar"], [lang^="ar"] * {
  direction: rtl !important;
}
[lang^="ar"] p, [lang^="ar"] li {
  text-align: right !important;
}

html[lang^="ar"] body, body.rtl {
  line-height: 1.8 !important;
}
html[lang^="ar"] h1, body.rtl h1 {
  line-height: 1.4 !important;
}


/* ==============================================================
   05) أحجام الخطوط المتجاوبة
   ============================================================== */
h1, .entry-title, .page-title,
.featuresCvr h1, .featurTop h1,
.bannerCvr h1, .innerBanner h1, section h1 {
  font-size: clamp(1.5rem, 3.5vw, 3rem) !important;
    line-height: 1.3 !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

h2, .featurTop h2, section h2, .sectionHead h2 {
  font-size: clamp(1.3rem, 2.8vw, 2.4rem) !important;
    line-height: 1.35 !important;
    word-wrap: break-word;
}

h3, section h3, .ftrPrdHead {
  font-size: clamp(1.1rem, 2vw, 1.6rem) !important;
    line-height: 1.4 !important;
}

h4 {
  font-size: clamp(1rem, 1.6vw, 1.3rem) !important;
    line-height: 1.4 !important;
}

p, .featurTop p, .featuresCvr p, section p, .entry-content p {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem) !important;
    line-height: 1.7 !important;
    word-wrap: break-word;
}

ul li, ol li {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem) !important;
    line-height: 1.7 !important;
}

.btn, button, input[type="submit"], .wpcf7-submit, a.button {
  font-size: clamp(0.85rem, 1.1vw, 1rem) !important;
}

.main-navigation a, nav ul li a, .menu a {
  font-size: clamp(0.85rem, 1vw, 1rem) !important;
}

@media (max-width: 992px) {
    h1, .entry-title { font-size: clamp(1.4rem, 4vw, 2.2rem) !important; }
    h2 { font-size: clamp(1.2rem, 3.5vw, 1.9rem) !important; }
    h3 { font-size: clamp(1.05rem, 2.8vw, 1.4rem) !important; }
    p, li { font-size: clamp(0.9rem, 2vw, 1rem) !important; }
}

@media (max-width: 768px) {
    h1, .entry-title { font-size: clamp(1.2rem, 5vw, 1.8rem) !important; padding: 0 10px; }
    h2 { font-size: clamp(1.1rem, 4.5vw, 1.5rem) !important; }
    h3 { font-size: clamp(1rem, 4vw, 1.25rem) !important; }
    p, li { font-size: clamp(0.85rem, 3.5vw, 0.95rem) !important; line-height: 1.6 !important; }
}

@media (max-width: 480px) {
    h1, .entry-title { font-size: clamp(1rem, 6vw, 1.5rem) !important; }
    h2 { font-size: clamp(0.95rem, 5.5vw, 1.3rem) !important; }
    h3 { font-size: clamp(0.9rem, 5vw, 1.1rem) !important; }
    p, li { font-size: clamp(0.8rem, 4vw, 0.9rem) !important; }
}


/* ==============================================================
   06) ألوان العناوين (أزرق Tranquil)
   ملاحظة: لا تنطبق على .single-post (تُغطّى في القسم 29)
   ============================================================== */
body:not(.single-post) h1, body:not(.single-post) h1 a,
body:not(.single-post) h2, body:not(.single-post) h2 a,
body:not(.single-post) h3, body:not(.single-post) h3 a,
body:not(.single-post) .entry-content h1,
body:not(.single-post) .entry-content h2,
body:not(.single-post) .entry-content h3,
body:not(.single-post) .wp-block-heading {
  color: #009cdd !important;
}

body:not(.single-post) h1 span[class*="bg-"],
body:not(.single-post) h2 span[class*="bg-"],
body:not(.single-post) h3 span[class*="bg-"] {
  background: transparent !important;
    color: #009cdd !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
}


/* ==============================================================
   07) الهيدر — الشعار
   ============================================================== */
header .mainHeader .logo img,
header .mainHeader .navbar-brand img,
header .mainHeader .col-md-2 img {
  max-height: 28px !important;
    width: auto !important;
    height: auto !important;
}


/* ==============================================================
   08) الهيدر — القائمة الرئيسية
   ============================================================== */
header nav#menu > ul > li.menu-item > a,
header nav#menu > ul > li.menu-item > a:link,
header nav#menu > ul > li.menu-item > a:visited,
header nav#menu > ul > li.menu-item.current-menu-item > a,
header nav#menu > ul > li.menu-item.current_page_item > a,
header nav#menu > ul > li.menu-item.current-menu-ancestor > a,
header nav#menu > ul > li.soluMenu > a {
  color: #000000 !important;
}

header nav#menu > ul > li.menu-item > a:hover,
header nav#menu > ul > li.menu-item > a:focus,
header nav#menu > ul > li.menu-item:hover > a,
header nav#menu > ul > li.menu-item.menu-item-has-children:hover > a,
header nav#menu > ul > li.soluMenu:hover > a {
  color: #61CE70 !important;
}

header nav#menu > ul > li.menu-item-has-children > a::after {
  color: #000000 !important;
    border-color: #000000 !important;
}
header nav#menu > ul > li.menu-item-has-children:hover > a::after,
header nav#menu > ul > li.menu-item-has-children > a:hover::after {
  color: #61CE70 !important;
    border-color: #61CE70 !important;
}

header .mainHeader nav#menu ul.level-01 > li.menu-item-has-children > a,
header .mainHeader ul.level-01 > li.menu-item-has-children > a {
  display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

header .mainHeader nav#menu ul.level-01 > li > a i,
header .mainHeader nav#menu ul.level-01 > li > a svg,
header .mainHeader nav#menu ul.level-01 > li > a .fa,
header .mainHeader nav#menu ul.level-01 > li > a .fas,
header .mainHeader nav#menu ul.level-01 > li > a .far,
header .mainHeader ul.level-01 > li > a > .caret {
  margin: 0 6px !important;
    display: inline-block !important;
}

header .mainHeader ul.level-01 > li.menu-item-has-children > a::after,
header .mainHeader ul.level-01 > li.menu-item-has-children > a::before {
  margin: 0 8px !important;
    padding: 0 4px !important;
}

html[lang^="ar"] header nav,
html[lang^="ar"] header nav *,
html[lang^="ar"] #site-navigation,
html[lang^="ar"] #site-navigation *,
html[lang^="ar"] .main-navigation,
html[lang^="ar"] .main-navigation * {
  direction: rtl !important;
}

html[lang^="ar"] header ul,
html[lang^="ar"] nav ul,
html[lang^="ar"] .menu,
html[lang^="ar"] .nav-menu,
html[lang^="ar"] .primary-menu,
html[lang^="ar"] #primary-menu {
  direction: rtl !important;
    flex-direction: row !important;
    text-align: right !important;
    unicode-bidi: isolate !important;
}

header .mainHeader .menuD,
header .menuD {
  padding-left: 50px !important;
}

html[dir="rtl"] header .mainHeader .menuD,
html[dir="rtl"] header .menuD,
body.rtl header .mainHeader .menuD,
body.rtl header .menuD {
  padding-right: 0 !important;
    padding-left: 0 !important;
}


/* ==============================================================
   09) الهيدر — القوائم المنسدلة (RTL)
   ============================================================== */
html[lang="ar"] .menu li.menu-item-has-children > a::after,
html[dir="rtl"] .menu li.menu-item-has-children > a::after,
html[lang="ar"] nav li.menu-item-has-children > a::after,
html[dir="rtl"] nav li.menu-item-has-children > a::after {
  content: none !important;
    display: none !important;
}

html[lang="ar"] .menu li.menu-item-has-children,
html[dir="rtl"] .menu li.menu-item-has-children,
html[lang="ar"] nav li.menu-item-has-children,
html[dir="rtl"] nav li.menu-item-has-children {
  position: relative !important;
}

html[lang="ar"] .menu li.menu-item-has-children > .sub-menu,
html[dir="rtl"] .menu li.menu-item-has-children > .sub-menu,
html[lang="ar"] nav li.menu-item-has-children > .sub-menu,
html[dir="rtl"] nav li.menu-item-has-children > .sub-menu {
  display: block !important;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    min-width: 220px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    border-radius: 6px !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    z-index: 9999 !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease !important;
    pointer-events: none;
}

html[lang="ar"] .menu li.menu-item-has-children:hover > .sub-menu,
html[lang="ar"] .menu li.menu-item-has-children:focus-within > .sub-menu,
html[dir="rtl"] .menu li.menu-item-has-children:hover > .sub-menu,
html[dir="rtl"] .menu li.menu-item-has-children:focus-within > .sub-menu,
html[lang="ar"] nav li.menu-item-has-children:hover > .sub-menu,
html[dir="rtl"] nav li.menu-item-has-children:hover > .sub-menu {
  opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

html[lang="ar"] .menu .sub-menu li,
html[dir="rtl"] .menu .sub-menu li {
  display: block !important;
    width: 100% !important;
}

html[lang="ar"] .menu .sub-menu li a,
html[dir="rtl"] .menu .sub-menu li a {
  display: block !important;
    padding: 10px 18px !important;
    text-align: right !important;
    color: #1a1a1a !important;
    white-space: nowrap !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

html[lang="ar"] .menu .sub-menu li a:hover,
html[dir="rtl"] .menu .sub-menu li a:hover {
  background: #f5f5f5 !important;
    color: #c9a84c !important;
}


/* ==============================================================
   10) الهيدر — Mega Menu (Solutions)
   ============================================================== */
nav#menu li.soluMenu .sub-menu,
nav#menu li.soluMenu > ul,
nav#menu li.soluMenu .mega-menu {
  display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;
    width: auto !important;
    min-width: 900px !important;
    padding: 24px !important;
}

nav#menu li.soluMenu .sub-menu > li,
nav#menu li.soluMenu .mega-menu-column {
  flex: 1 1 0 !important;
    min-width: 200px !important;
    display: block !important;
}

nav#menu li.soluMenu .sub-menu > li > a {
  font-weight: 700 !important;
    color: #2e9c4d !important;
    display: block !important;
    margin-bottom: 12px !important;
    white-space: nowrap !important;
}


/* ==============================================================
   11) الهيدر — Responsive
   ============================================================== */
@media (max-width: 1199px) {
    header .mainHeader nav#menu ul.level-01 > li > a,
    header .mainHeader ul.level-01 > li > a {
        font-size: 12px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    header .mainHeader .logo img,
    header .mainHeader .navbar-brand img { max-height: 32px !important; }
}

@media (max-width: 991px) {
    header .mainHeader .col-md-2,
    header .mainHeader .col-md-10.dmenu {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 100% !important;
    }

    header .mainHeader nav#menu ul.level-01,
    header .mainHeader ul.level-01 { display: none !important; }

    header .mainHeader .navbar-toggle,
    header .mainHeader .menu-toggle,
    header .mainHeader .mobile-menu-toggle,
    header .mainHeader button.navbar-toggler {
        display: inline-block !important;
        background: transparent !important;
        border: 1px solid #ccc !important;
        padding: 8px 12px !important;
        border-radius: 4px !important;
        cursor: pointer !important;
        font-size: 20px !important;
    }

    header .mainHeader nav#menu.open ul.level-01,
    header .mainHeader nav#menu.active ul.level-01,
    header .mainHeader nav#menu ul.level-01.show,
    header .mainHeader nav#menu ul.level-01.open {
        display: block !important;
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: 0 !important;
        background: #fff !important;
        rgba(0, 0, 0, 0.12) !important;
        padding: 12px 0 !important;
        z-index: 9999 !important;
    }

    header .mainHeader nav#menu ul.level-01 > li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid #eee !important;
    }

    header .mainHeader nav#menu ul.level-01 > li > a {
        display: block !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
    }

    header .mainHeader nav#menu ul.level-01 ul {
        position: static !important;
        display: block !important;
        box-shadow: none !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
        background: #f7f7f7 !important;
    }
}

@media (max-width: 575px) {
    header .mainHeader .logo img,
    header .mainHeader .navbar-brand img { max-height: 28px !important; }
    header .mainHeader .mainHeader-inner,
    header .mainHeader .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* ==============================================================
   12) أقسام البانر والهيرو
   ============================================================== */
.featurTop h1, .ftrbnr h1, .banner-cont.ftrbnr h1,
.featurTop h2, .ftrbnr h2,
.featurTop p, .ftrbnr p, .banner-cont.ftrbnr p,
.featurTop span, .ftrbnr span {
  color: #009cdd !important;
}

.featurTop p, .ftrbnr p, .banner-cont.ftrbnr p {
  font-size: 1.1rem !important;
    line-height: 1.7 !important;
}

.featurTop, .ftrbnr, .banner-cont.ftrbnr {
  position: relative;
    background: linear-gradient(135deg, #0a2540 0%, #0e3260 50%, #0a2540 100%) !important;
    overflow: hidden;
    border-radius: 0 0 40px 40px;
}

.featurTop::before, .ftrbnr::before, .banner-cont.ftrbnr::before {
  content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 50%, rgba(0, 156, 221, 0.20) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(244, 124, 32, 0.20) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.featurTop > *, .ftrbnr > *, .banner-cont.ftrbnr > * {
  position: relative;
    z-index: 1;
}

.featurTop h1, .featurTop h2, .featurTop p, .featurTop span,
.ftrbnr h1, .ftrbnr h2, .ftrbnr p, .ftrbnr span,
.banner-cont.ftrbnr h1, .banner-cont.ftrbnr h2,
.banner-cont.ftrbnr p, .banner-cont.ftrbnr span {
  color: #ffffff !important;
}

.featurTop h1::after, .ftrbnr h1::after, .banner-cont.ftrbnr h1::after {
  background: #f47c20 !important;
    width: 80px;
    height: 4px;
}

.featurTop .btn, .featurTop a.button, .featurTop .elementor-button,
.ftrbnr .btn, .ftrbnr a.button {
  background: #61CE70 !important;
    color: #ffffff !important;
    padding: 14px 32px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    transition: all 0.25s ease;
}

.featurTop .btn:hover, .featurTop a.button:hover, .ftrbnr .btn:hover {
  background: #4fb55f !important;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .featurTop, .ftrbnr, .banner-cont.ftrbnr {
        border-radius: 0 0 24px 24px;
    }
}

.banner-sec .banner-cont,
.banner-sec .banner-cont.ftrbnr,
section.banner-sec .container .banner-cont {
  background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.banner-sec .banner-cont::before,
.banner-sec .banner-cont::after,
.banner-sec .banner-cont.ftrbnr::before,
.banner-sec .banner-cont.ftrbnr::after {
  content: none !important;
    display: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    clip-path: none !important;
    -webkit-clip-path: none !important;
    transform: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

.banner-sec .banner-cont h1,
.banner-sec .banner-cont h2,
.banner-sec .banner-cont p {
  color: #fff !important;
    background: transparent !important;
}


/* ==============================================================
   13) قسم Our Story
   ============================================================== */
.our-story-sec, .our-story, section[class*="story"] {
  padding: 60px 20px !important;
}

.our-story-sec h2, .our-story h2,
section[class*="story"] h2,
section[class*="story"] .section-title {
  margin-bottom: 24px !important;
}

html[lang^="ar"] .our-story-sec {
  width: 100% !important;
}

@media (max-width: 768px) {
    .our-story-sec, .our-story, section[class*="story"] {
        padding: 40px 15px !important;
    }
}


/* ==============================================================
   14) قسم CTA / Contact
   ============================================================== */
.cta-section, section[class*="contact"], section[class*="cta"] {
  padding: 50px 20px !important;
}

html[lang^="ar"] .wpcf7 input,
html[lang^="ar"] .wpcf7 textarea {
  direction: rtl !important;
    text-align: right !important;
}

@media (max-width: 768px) {
    .cta-section, section[class*="contact"], section[class*="cta"] {
        padding: 35px 15px !important;
    }
}

.freeQuote .quotCont .quPara,
.freeQuote .quotCont .quPara * {
  color: #ffffff !important;
}


/* ==============================================================
   15) صفحة About / ERP Solutions
   ============================================================== */
body.page-template-about-us section.cyber .row {
  display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}

body.page-template-about-us section.cyber .row > .col-md-6:nth-child(1) {
  order: 2;
    flex: unset !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.page-template-about-us section.cyber .row > .col-md-6:nth-child(2) {
  order: 1;
    flex: unset !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto 30px !important;
}

body.page-template-about-us section.cyber iframe {
  width: 100% !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
    border: 0;
}

body.page-template-about-us section.cyber h2,
body.page-template-about-us section.cyber h3 {
  margin-top: 1.5rem;
}

body.page-id-6505 section.cyber p,
body.page-id-6505 section.cyber li,
body.page-id-6505 section.cyber h2,
body.page-id-6505 section.cyber h3 {
  text-align: right !important;
    direction: rtl !important;
}

body.page-id-23 section.cyber p,
body.page-id-23 section.cyber li,
body.page-id-23 section.cyber h2,
body.page-id-23 section.cyber h3 {
  text-align: left !important;
    direction: ltr !important;
}


/* ==============================================================
   16) Elementor (Hero + Buttons)
   ============================================================== */
.elementor-section .elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor span,
.elementor-widget-theme-post-title .elementor-heading-title,
.elementor-section:first-of-type h1,
.elementor-section:first-of-type h2,
.elementor-section:first-of-type h3,
.elementor-section:first-of-type p,
.elementor-section:first-of-type span {
  color: #009cdd !important;
}

.elementor-button, .elementor-button *,
a.elementor-button, a.elementor-button * {
  color: #ffffff !important;
}

.elementor-section:first-of-type h2,
.elementor-section:first-of-type .elementor-heading-title,
.featurTop h2, .ftrbnr h2, .banner-cont.ftrbnr h2 {
  font-size: clamp(2.2rem, 5.5vw, 4rem) !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    word-wrap: break-word !important;
    margin-bottom: 1.2rem !important;
}

.elementor-section:first-of-type h3,
.featurTop h3, .ftrbnr h3, .banner-cont.ftrbnr h3 {
  font-size: clamp(0.95rem, 1.3vw, 1.1rem) !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    max-width: 900px;
    opacity: 0.95;
    margin-top: 0 !important;
}

html[lang^="ar"] .elementor-section .elementor-heading-title,
html[lang^="ar"] .elementor-widget-heading,
html[lang^="ar"] .elementor-widget-text-editor,
html[lang^="ar"] .elementor-widget-text-editor p,
html[lang^="ar"] .elementor-widget-theme-post-title {
  direction: rtl !important;
    text-align: right !important;
    unicode-bidi: plaintext !important;
}

html[lang^="ar"] .elementor-section:first-of-type .elementor-container {
  direction: rtl !important;
}

html[lang^="en"] .elementor-section .elementor-heading-title,
html[lang^="en"] .elementor-widget-heading,
html[lang^="en"] .elementor-widget-text-editor,
html[lang^="en"] .elementor-widget-text-editor p,
html[lang^="en"] .elementor-widget-theme-post-title {
  direction: ltr !important;
    text-align: left !important;
}

.elementor-button, .elementor-button-link, a.elementor-button {
  background-color: #61CE70 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 14px 32px !important;
    font-weight: 600 !important;
    transition: background-color 0.3s ease !important;
}

.elementor-button:hover, a.elementor-button:hover {
  background-color: #4fb55f !important;
    color: #ffffff !important;
}

html[lang^="ar"] .elementor-widget-button {
  text-align: right !important;
}
html[lang^="en"] .elementor-widget-button {
  text-align: left !important;
}

@media (max-width: 768px) {
    .elementor-section.elementor-top-section:first-of-type,
    section.elementor-section.elementor-section-boxed:first-of-type {
        padding: 50px 15px !important;
    }
    .elementor-section:first-of-type .elementor-heading-title {
        font-size: clamp(1.4rem, 6vw, 2rem) !important;
    }
    .elementor-section:first-of-type .elementor-widget-text-editor p {
        font-size: clamp(0.9rem, 3.5vw, 1rem) !important;
    }
}


/* ==============================================================
   17) المدونة (Blog Cards + Sidebar)
   ملاحظة: تنسيق صفحة المقالة المنفردة موجود في القسم 29
   ============================================================== */
html[lang^="ar"] .blogArea h2,
html[lang^="ar"] .blogArea h3,
html[lang^="ar"] .blogArea h4,
html[lang^="ar"] .blogArea .blogTit,
html[lang^="ar"] .blogArea a,
html[lang^="ar"] .blog h1,
html[lang^="ar"] .blog h2,
html[lang^="ar"] .blog h3 {
  text-align: right !important;
    direction: rtl !important;
    line-height: 1.9 !important;
    padding-bottom: 6px !important;
    overflow: visible !important;
}

.blogCover .post .blogcvrCont .title,
.blogCover .post .blogcvrCont .title a,
.blogcvrCont .title,
.blogcvrCont .title a,
div.title, div.title a {
  direction: rtl !important;
    text-align: right !important;
    unicode-bidi: plaintext !important;
    display: block !important;
    width: 100% !important;
}

.blogLeftmenu, .blogLeftmenu li {
  list-style: none !important;
    list-style-image: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.blogLeftmenu li::marker {
  content: "" !important;
    color: transparent !important;
    font-size: 0 !important;
}

ul.blogLeftmenu li a::after,
.blogLftSdbar ul.blogLeftmenu li a::after,
.freezSide ul.blogLeftmenu li a::after {
  content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    border: 0 !important;
}


/* ==============================================================
   18) Pagination (آخر قسم من الدفعة الأولى)
   ============================================================== */
.wp-pagenavi a.last, .pagination a.last, a.last.page-numbers {
  font-size: 0 !important;
}
.wp-pagenavi a.last::after, .pagination a.last::after, a.last.page-numbers::after {
  content: "الأخير »" !important;
    font-size: 14px !important;
    direction: rtl !important;
}

.wp-pagenavi a.first, .pagination a.first, a.first.page-numbers {
  font-size: 0 !important;
}
.wp-pagenavi a.first::after, .pagination a.first::after, a.first.page-numbers::after {
  content: "« الأول" !important;
    font-size: 14px !important;
    direction: rtl !important;
}
/* ==============================================================
   20-29) تنسيقات المقالات (Single Post / Article / Prose)
   ============================================================== */

/* روابط داخل المقالة */
.single-post .lv-wp-article a,
.single-post article.prose a {
  color: #2b6cb0 !important;
    text-decoration: underline !important;
}
.single-post .lv-wp-article a:hover,
.single-post article.prose a:hover {
  color: #1e6bb8 !important;
}

/* القوائم */
.single-post .lv-wp-article ul,
.single-post .lv-wp-article ol,
.single-post article.prose ul,
.single-post article.prose ol {
  margin: 1.5rem 0 !important;
    padding-left: 1.75rem !important;
    padding-right: 0 !important;
}
.single-post .lv-wp-article li,
.single-post article.prose li {
  margin-bottom: 0.6rem !important;
}

/* الاقتباسات */
.single-post .lv-wp-article blockquote,
.single-post article.prose blockquote {
  border-left: 4px solid #0a4d8c !important;
    background: #f7fafc !important;
    padding: 1.25rem 1.5rem !important;
    margin: 2rem 0 !important;
    font-style: italic !important;
    color: #2d3748 !important;
    border-radius: 0 8px 8px 0 !important;
}

/* الصور داخل المقالة */
.single-post .lv-wp-article img,
.single-post article.prose img {
  border-radius: 10px !important;
    margin: 2rem auto !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* صناديق Also Read / bg-muted */
.single-post .lv-wp-article .bg-muted,
.single-post article.prose .bg-muted {
  background: #f7fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 1.25rem 1.5rem !important;
    margin: 2rem 0 !important;
}

/* صورة المقال الرئيسية (Featured Image) — مصغّرة */
.single-post .blogMainImg,
.single-post .blogMainImg img,
.single-post .post-thumbnail,
.single-post .post-thumbnail img,
.single-post .wp-post-image,
.single-post article > img:first-of-type,
.single-post .lv-wp-article > img:first-child {
  max-width: 750px !important;
    max-height: 400px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 2rem auto !important;
    display: block !important;
    border-radius: 12px !important;
    object-fit: cover !important;
}
.single-post .blogMainImg {
  max-width: 750px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* العربية (RTL) داخل المقالة */
html[lang^="ar"] .single-post .lv-wp-article,
body.rtl .single-post .lv-wp-article,
.single-post .lv-wp-article[dir="rtl"],
.single-post .lv-wp-article[lang^="ar"] {
  direction: rtl !important;
    text-align: right !important;
    font-family: 'Readex Pro', 'IBM Plex Sans Arabic', 'Tajawal', sans-serif !important;
}

html[lang^="ar"] .single-post .lv-wp-article h2,
body.rtl .single-post .lv-wp-article h2,
.single-post .lv-wp-article[dir="rtl"] h2 {
  font-family: 'Readex Pro', 'IBM Plex Sans Arabic', sans-serif !important;
    font-weight: 700 !important;
    text-align: right !important;
    direction: rtl !important;
    border-bottom: 2px solid #e2e8f0 !important;
    border-right: none !important;
}

html[lang^="ar"] .single-post .lv-wp-article h3,
html[lang^="ar"] .single-post .lv-wp-article h4,
body.rtl .single-post .lv-wp-article h3,
body.rtl .single-post .lv-wp-article h4 {
  font-family: 'Readex Pro', 'IBM Plex Sans Arabic', sans-serif !important;
    font-weight: 600 !important;
    text-align: right !important;
    direction: rtl !important;
}

html[lang^="ar"] .single-post .lv-wp-article p,
html[lang^="ar"] .single-post .lv-wp-article p *,
html[lang^="ar"] .single-post .lv-wp-article li,
html[lang^="ar"] .single-post .lv-wp-article li *,
body.rtl .single-post .lv-wp-article p,
body.rtl .single-post .lv-wp-article p *,
body.rtl .single-post .lv-wp-article li,
body.rtl .single-post .lv-wp-article li * {
  font-family: 'Readex Pro', 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif !important;
    font-weight: 400 !important;
    text-align: right !important;
    direction: rtl !important;
    line-height: 1.95 !important;
}

html[lang^="ar"] .single-post .lv-wp-article ul,
html[lang^="ar"] .single-post .lv-wp-article ol,
body.rtl .single-post .lv-wp-article ul,
body.rtl .single-post .lv-wp-article ol {
  padding-left: 0 !important;
    padding-right: 1.75rem !important;
}

html[lang^="ar"] .single-post .lv-wp-article blockquote,
body.rtl .single-post .lv-wp-article blockquote {
  border-left: none !important;
    border-right: 4px solid #0a4d8c !important;
    border-radius: 8px 0 0 8px !important;
    text-align: right !important;
}

/* استجابة الجوال للمقالة */
@media (max-width: 768px) {
    .single-post .lv-wp-article { padding: 0 1rem !important; }
    .single-post .lv-wp-article h2 { font-size: 26px !important; }
    .single-post .lv-wp-article h3 { font-size: 21px !important; }
    .single-post .lv-wp-article h4 { font-size: 17px !important; }
    .single-post .lv-wp-article p,
    .single-post .lv-wp-article li { font-size: 16px !important; }

    .single-post .blogMainImg,
    .single-post .blogMainImg img,
    .single-post .wp-post-image {
        max-width: 100% !important;
        max-height: 220px !important;
    }
}


/* ==============================================================
   Sticky Sidebar
   ============================================================== */
@media (min-width: 992px) {
    .single-post,
    .single-post #page,
    .single-post #content,
    .single-post #primary,
    .single-post .site-content,
    .single-post .content-area,
    .single-post main,
    .single-post .container,
    .single-post .container-fluid,
    .single-post .row,
    .single-post .wrapper,
    .single-post section,
    .single-post article {
        overflow: visible !important;
    }

    .single-post .row,
    .single-post .elementor-row,
    .single-post .grid {
        display: flex !important;
        align-items: flex-start !important;
    }

    .single-post #secondary,
    .single-post #sidebar,
    .single-post .sidebar,
    .single-post .widget-area,
    .single-post aside,
    .single-post aside.widget-area,
    .single-post .secondary-sidebar,
    .single-post .blog-sidebar,
    .single-post [class*="sidebar"],
    .single-post [id*="sidebar"],
    .single-post .col-lg-4,
    .single-post .col-md-4,
    .single-post .col-xl-4 {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 110px !important;
        align-self: flex-start !important;
        max-height: calc(100vh - 130px) !important;
        overflow-y: auto !important;
        scrollbar-width: thin !important;
    }

    .single-post aside::-webkit-scrollbar,
    .single-post .sidebar::-webkit-scrollbar,
    .single-post .widget-area::-webkit-scrollbar { width: 6px !important; }
    .single-post aside::-webkit-scrollbar-thumb,
    .single-post .sidebar::-webkit-scrollbar-thumb,
    .single-post .widget-area::-webkit-scrollbar-thumb {
        background: #cbd5e0 !important; border-radius: 4px !important;
    }
}

@media (max-width: 991px) {
    .single-post aside,
    .single-post .sidebar,
    .single-post .widget-area {
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
    }
}


/* ==============================================================
   إصلاح تباعد الهيدر
   ============================================================== */
header .navbar,
header nav.navbar,
.mainHeader .navbar,
.mainHeader > .container,
.mainHeader .container > .row {
  display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 40px !important;
    flex-wrap: nowrap !important;
}

header .navbar-brand,
header .logo {
  flex-shrink: 0 !important;
    margin-right: 0 !important;
}

header .navbar-nav,
header .main-menu,
header ul.menu {
  display: flex !important;
    align-items: center !important;
    gap: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex: 1 !important;
    justify-content: center !important;
}

header .navbar-nav > li,
header .main-menu > li {
  padding: 0 !important;
}

header .navbar-nav > li > a,
header .main-menu > li > a {
  padding: 10px 8px !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}

header .request-demo,
header a.btn-demo,
header .navbar .btn,
header a[href*="contact"].btn {
  flex-shrink: 0 !important;
    margin-left: auto !important;
}

[dir="rtl"] header .navbar,
[dir="rtl"] .mainHeader .container > .row {
  flex-direction: row-reverse !important;
}

[dir="rtl"] header .request-demo {
  margin-left: 1 !important;
    margin-right: auto !important;
}


/* ==============================================================
   قوائم المقالة RTL (lv-wp-article)
   ============================================================== */
.lv-wp-article[dir="rtl"] ul,
.lv-wp-article[dir="rtl"] ol {
  list-style: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
}

.lv-wp-article[dir="rtl"] ul li,
.lv-wp-article[dir="rtl"] ol li {
  direction: rtl !important;
    text-align: right !important;
    position: relative !important;
    padding-right: 1.75em !important;
    padding-left: 0 !important;
    margin-bottom: 0.5em !important;
    list-style: none !important;
}

.lv-wp-article[dir="rtl"] ul li::marker,
.lv-wp-article[dir="rtl"] ol li::marker {
  content: "" !important;
    color: transparent !important;
}

.lv-wp-article[dir="rtl"] ul > li::before {
  position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 0 !important;
    color: #16a34a;
    font-size: 1.2em;
    line-height: inherit;
}


/* ==============================================================
   ترتيب القائمة الرئيسية في RTL
   ============================================================== */
html[dir="rtl"] .dmenu {
  flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
}

html[dir="rtl"] #menu,
html[dir="rtl"] #menu ul.two {
  justify-content: flex-start !important;
    gap: 1rem !important;
}

html[dir="rtl"] #menu ul.two > li {
  float: none !important;
}
html[dir="rtl"] .menuD {
  margin: 0 !important; justify-content: flex-end !important;
}
html[dir="rtl"] .hdrBut {
  margin-right: auto !important;
}


/* ==============================================================
   الهيدر فوق القوائم المنسدلة + الميغا مينيو (مدمج بدون تكرار)
   ============================================================== */
header {
  position: relative !important;
    z-index: 1000 !important;
    background: #fff;
}

:root {
  --tq-header-h: 96px;
}
@media (max-width: 991px) { :root { --tq-header-h: 70px; } }

#menu ul.level-01 > li.soluMenu {
  position: static !important;
}
#menu, #menu ul.level-01 {
  position: relative !important;
}

/* لوحة الميغا-مينيو بعرض كامل أسفل الهيدر */
#menu ul.level-01 > li.soluMenu > .menuCvrSolu {
  display: none !important;
    position: fixed !important;
    top: var(--tq-header-h, 96px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 9999 !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
    max-height: none !important;
    overflow: visible !important;
}

#menu ul.level-01 > li.soluMenu:hover > .menuCvrSolu,
#menu ul.level-01 > li.soluMenu > .menuCvrSolu.active {
  display: block !important;
}

#menu ul.level-01 > li.soluMenu > .menuCvrSolu .soluMenuCvr {
  max-width: 100% !important;
    margin: 0 auto !important;
    padding: 28px 24px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* 4 أعمدة متساوية بدون تداخل */
#menu ul.level-01 > li.soluMenu .soluMenuCvr .row {
  display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 24px !important;
    margin: 0 !important;
}
#menu ul.level-01 > li.soluMenu .soluMenuCvr .row > .col-lg-3 {
  flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: calc((100% - 72px) / 4) !important;
    width: calc((100% - 72px) / 4) !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

#menu ul.level-01 > li.soluMenu .soluMenuCvr .megasub {
  list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#menu ul.level-01 > li.soluMenu .soluMenuCvr .megasub > li {
  display: block !important;
    margin: 6px 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
}
#menu ul.level-01 > li.soluMenu .soluMenuCvr .megasub > li > a {
  display: block !important;
    padding: 6px 0 !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
}

#menu ul.level-01 > li.soluMenu .soluMenuCvr .menuHEad {
  font-weight: 700 !important;
    margin-bottom: 10px !important;
    white-space: normal !important;
}

html[dir='rtl'] #menu ul.level-01 > li.soluMenu .soluMenuCvr,
html[lang^='ar'] #menu ul.level-01 > li.soluMenu .soluMenuCvr {
  direction: rtl;
    text-align: right;
}
html[dir='rtl'] #menu ul.level-01 > li.soluMenu .soluMenuCvr .row,
html[lang^='ar'] #menu ul.level-01 > li.soluMenu .soluMenuCvr .row {
  flex-direction: row !important;
}


/* ==============================================================
   صور كاروسيل العملاء (بعد تعطيل LazyLoad)
   ============================================================== */
#client-carousel .clientImg img,
.clients .clientImg img,
.owl-carousel .owl-item img {
  opacity: 1 !important;
    visibility: visible !important;
}
#client-carousel .owl-item {
  opacity: 1 !important;
}


/* ==============================================================
   إزالة ظلال النصوص نهائياً
   ============================================================== */
html body *,
html body *::before,
html body *::after {
  text-shadow: none !important;
}

html body .banner,
html body .bannerCont,
html body .banner-cont,
html body .bannerBtm,
html body .bannerBtm h1,
html body .bannerBtm h2,
html body .bannerBtm h3,
html body .bannerBtm h4,
html body .bannerBtm h5,
html body .bannerBtm p,
html body .bannerBtm .has-text-align-right,
html body .pageBanner,
html body .pageBanner *,
html body .featureTop,
html body .featureTop *,
html body .featureBanner,
html body .featureBanner *,
html body .heroBanner,
html body .heroBanner *,
html body .subtitle,
html body .sub-title,
html body .heading,
html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6,
html body p, html body a, html body span,
html body .elementor-heading-title,
html body .elementor-widget-text-editor,
html body .elementor-widget-text-editor *,
html body [class*="banner"],
html body [class*="banner"] *,
html body [class*="hero"],
html body [class*="hero"] *,
html body [class*="feature"],
html body [class*="feature"] * {
  text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
    text-fill-color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
}

html body .bannerBtm h4::before,
html body .bannerBtm h4::after,
html body .pageBanner h1::before,
html body .pageBanner h1::after {
  text-shadow: none !important;
    content: none !important;
}


/* ==============================================================
   RTL: نقل علامات القوائم (Tranquil icon) إلى يمين النص
   ============================================================== */
html[lang^="ar"] body ul,
html[dir="rtl"] body ul,
body.rtl ul {
  padding-right: 1.5em !important;
    padding-left: 0 !important;
    list-style-position: outside !important;
}

html[lang^="ar"] body .elementor-icon-list-items,
html[dir="rtl"] body .elementor-icon-list-items {
  direction: rtl !important;
}


/* ==============================================================
   30) HERO — إصلاح الهيرو الرئيسي (H1 + P)
   ============================================================== */
html[lang^="ar"] body .bannerBtm,
html[dir="rtl"] body .bannerBtm {
  max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 40px 32px !important;
    text-align: center !important;
}

html[lang^="ar"] body .bannerBtm h1,
html[lang^="ar"] body .bannerBtm .banner-heading,
html[dir="rtl"] body .bannerBtm h1,
html[dir="rtl"] body .pageBanner h1 {
  font-size: clamp(1.6rem, 3.2vw, 2.6rem) !important;
    line-height: 1.4 !important;
    font-weight: 800 !important;
    margin-bottom: 18px !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
    padding: 0 16px !important;
}

html[lang^="ar"] body .bannerBtm p,
html[lang^="ar"] body .bannerBtm .banner-content,
html[dir="rtl"] body .bannerBtm p {
  font-size: clamp(0.95rem, 1.4vw, 1.15rem) !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
}


/* ==============================================================
   31) بطاقات الميزات (Feature Cards)
   ============================================================== */
html[lang^="ar"] body .featureBox h3,
html[lang^="ar"] body .featureBox h4,
html[lang^="ar"] body .feature-box h3,
html[lang^="ar"] body .feature-card h3,
html[lang^="ar"] body .features-item h3,
html[lang^="ar"] body [class*="feature"] [class*="title"],
html[dir="rtl"] body .featureBox h3,
html[dir="rtl"] body .featureBox h4 {
  font-size: 1.15rem !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

html[lang^="ar"] body .featureBox p,
html[lang^="ar"] body .feature-box p,
html[lang^="ar"] body .feature-card p,
html[lang^="ar"] body .features-item p,
html[lang^="ar"] body [class*="feature"] p,
html[dir="rtl"] body .featureBox p {
  font-size: 0.95rem !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    color: inherit !important;
}

html[lang^="ar"] body .elementor-widget-icon-box .elementor-icon-box-title,
html[dir="rtl"] body .elementor-widget-icon-box .elementor-icon-box-title {
  font-size: 1.15rem !important;
    line-height: 1.45 !important;
}
html[lang^="ar"] body .elementor-widget-icon-box .elementor-icon-box-description,
html[dir="rtl"] body .elementor-widget-icon-box .elementor-icon-box-description {
  font-size: 0.95rem !important;
    line-height: 1.7 !important;
}

html[lang^="ar"] body .featureBox,
html[lang^="ar"] body .feature-box,
html[lang^="ar"] body .feature-card {
  padding: 24px 20px !important;
}


/* ==============================================================
   32) عناوين الهيرو الفرعية (Banner Subtitle) — لون موحّد — v8.1
   ملاحظة: تم حذف .blog.detBlog و .blogTitTop من المحدّد لأنهما
   يطابقان حاوية المقال الكاملة ويُسببان إخفاء فقرات المحتوى.
   ============================================================== */
body:not(.single-post) :is(
    .banner-sec, .banner-sec .banner-cont,
    .bannerCvr, .bannerCvr .banner-cont,
    .banner-cont, .banner-cont.ftrbnr,
    .bannerHead, .bannerCont, .ftrbnr,
    .featurTop, .featuresCvr, .featureTop,
    .innrBanner, .innerBanner, .subBanner, .pageBanner,
    section[class*="banner"], section[class*="Banner"],
    div[class*="banner"], div[class*="Banner"],
    section[class*="hero"], section[class*="Hero"],
    div[class*="hero"], div[class*="Hero"]
) :is(h3, h4, .subtitle, .sub-title, .subTitle, .subheading, .sub-heading),
body:not(.single-post) :is(
    .banner-sec, .bannerCvr, .banner-cont, .bannerHead, .bannerCont,
    .ftrbnr, .featurTop, .featuresCvr, .featureTop,
    .innrBanner, .innerBanner, .subBanner, .pageBanner,
    section[class*="banner"], section[class*="Banner"],
    div[class*="banner"], div[class*="Banner"],
    section[class*="hero"], section[class*="Hero"],
    div[class*="hero"], div[class*="Hero"]
) :is(h3, h4, .subtitle, .sub-title, .subTitle, .subheading, .sub-heading) * {
  color: #009cdd !important;
    font-size: clamp(1.25rem, 2.4vw, 1.9rem) !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-shadow: none !important;
    margin-bottom: 16px !important;
}

/* ==============================================================
   32-b) إصلاح النص المخفي (Hidden Text Fix) — v8.1
   كان لون #f1f5fb (شبه أبيض) يُطبَّق عبر selector واسع على فقرات
   داخل .blog.detBlog و .blogTitTop فيختفي النص فوق خلفية بيضاء.
   نُجبر هنا لونًا مقروءًا داخل محتوى المقال/الصفحة.
   ============================================================== */
.blog.detBlog p,
.blogTitTop p,
.blogContentCvrmain p,
.contLft p,
.entry-content p,
.page-content p,
article p,
main .container p {
  color: #2c3e50 !important;
}

.blog.detBlog p strong,
.blogContentCvrmain p strong,
.entry-content p strong,
article p strong {
  color: #0a4d8c !important;
}

/* تحسين عام لنمط الخط في المحتوى */
.blog.detBlog,
.blogContentCvrmain,
.entry-content,
.page-content,
article {
  font-family: 'Tajawal', 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.95 !important;
    color: #2c3e50 !important;
    letter-spacing: 0 !important;
}

html[lang^="en"] .blog.detBlog,
html[lang^="en"] .blogContentCvrmain,
html[lang^="en"] .entry-content,
html[lang^="en"] .page-content,
html[lang^="en"] article {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
    line-height: 1.85 !important;
}


/* ==============================================================
   33) تصغير H1/H2 + إصلاح تراكب أيقونة القوائم RTL
   ============================================================== */
html body h1,
html body .h1,
html body .elementor-heading-title.elementor-size-xxl,
html body .entry-title,
html body .post-title {
  font-size: clamp(1.75rem, 3.2vw, 2.6rem) !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

html body h2,
html body .h2,
html body .elementor-heading-title.elementor-size-xl,
html body .section-title,
html body .sectionTitle {
  font-size: clamp(1.4rem, 2.4vw, 2rem) !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

html body.single-post h1.entry-title {
  font-size: clamp(1.9rem, 3.4vw, 2.8rem) !important;
}

/* أيقونات القوائم RTL — بدون تراكب */
html[lang^="ar"] body ul li > img:first-child,
html[lang^="ar"] body ul li > i:first-child,
html[lang^="ar"] body ul li > svg:first-child,
html[lang^="ar"] body ul li > .icon:first-child,
html[lang^="ar"] body ul li > [class*="icon"]:first-child,
html[dir="rtl"] body ul li > img:first-child,
html[dir="rtl"] body ul li > i:first-child,
html[dir="rtl"] body ul li > svg:first-child,
html[dir="rtl"] body ul li > .icon:first-child,
html[dir="rtl"] body ul li > [class*="icon"]:first-child {
  float: none !important;
    order: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    flex-shrink: 0 !important;
}

html[lang^="ar"] body ul li,
html[dir="rtl"] body ul li,
body.rtl ul li {
  position: relative !important;
    padding-right: 28px !important;
    padding-left: 0 !important;
    list-style-position: outside !important;
    text-align: right !important;
    direction: rtl !important;
}

html[lang^="ar"] body ul li::before,
html[dir="rtl"] body ul li::before,
body.rtl ul li::before {
  position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 0.55em !important;
    float: none !important;
    margin: 0 !important;
}

html[lang^="ar"] body .elementor-icon-list-item,
html[dir="rtl"] body .elementor-icon-list-item {
  display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: right !important;
    justify-content: flex-start !important;
}

html[lang^="ar"] body .elementor-icon-list-item .elementor-icon-list-icon,
html[dir="rtl"] body .elementor-icon-list-item .elementor-icon-list-icon {
  order: -1 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html[lang^="ar"] body .elementor-icon-list-item .elementor-icon-list-text,
html[dir="rtl"] body .elementor-icon-list-item .elementor-icon-list-text {
  text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}


/* ==============================================================
   34) بطاقات .ftrproducsec02 — 3 أعمدة جنباً إلى جنب
   ============================================================== */
html body .ftrproducsec02,
html body [class*="ftrproducsec"],
html body .ftrproducsec02 > .container > div:not(.bannerBtm),
html body section.ftProductList > .ftrproducsec02 {
  display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 24px 0 !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

@media (min-width: 992px) {
    html body .ftrproducsec02 > .col-lg-4,
    html body [class*="ftrproducsec"] > .col-lg-4 {
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
        width: 33.3333% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        display: flex !important;
        flex-direction: column !important;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    html body .ftrproducsec02 > .col-lg-4,
    html body [class*="ftrproducsec"] > .col-lg-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 575px) {
    html body .ftrproducsec02 > .col-lg-4,
    html body [class*="ftrproducsec"] > .col-lg-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

html body .ftrproducsec02 .ftrTobCvr,
html body [class*="ftrproducsec"] .ftrTobCvr {
  height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}


/* ==============================================================
   35) بطاقات .ftrTobCvr (العنوان + الوصف)
   ============================================================== */
html body .ftrTobCvr .hduhd,
html body .ftrTobCvr h3,
html body .ftrTobCvr h4,
html body .ftrTobCvr .hduhd * {
  font-size: 1.05rem !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

html body .ftrTobCvr p,
html body .ftrTobCvr section p,
html body .ftrTobCvr section,
html body .ftrproducsec02 .col-lg-4 p,
html body [class*="ftrproducsec"] .col-lg-4 p {
  font-size: 0.88rem !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

html body .ftrTobCvr .iconn img {
  max-width: 56px !important;
    height: auto !important;
}

html body .ftrTobCvr {
  padding: 22px 20px !important;
}


/* ==============================================================
   36) بطاقات .featuresCvr / .ftrPrdCvr
   ============================================================== */
html body section.featuresCvr .featuredProductsCvr .ftrPrdCvr p,
html body section.featuresCvr .featuredProductsCvr .ftrPrdCvr p:first-of-type,
html body section.featuresCvr .featuredProductsCvr li.col-lg-4 p,
html body section.featuresCvr .featuredProductsCvr li.col-lg-4 p:first-of-type,
html body section.featuresCvr .featuredProductsCvr a.ftrPrdCvr p,
html body section.featuresCvr .featuredProductsCvr a.ftrPrdCvr p:first-of-type,
body:not(.single-post) section.featuresCvr .featuredProductsCvr .ftrPrdCvr p,
body:not(.single-post) section.featuresCvr .featuredProductsCvr .ftrPrdCvr p:first-of-type {
  font-size: 0.82rem !important;
    line-height: 1.75 !important;
    font-weight: 400 !important;
    color: #475569 !important;
    text-shadow: none !important;
    margin-bottom: 12px !important;
    letter-spacing: 0 !important;
}

html body section.featuresCvr .featuredProductsCvr .ftrPrdHead,
html body section.featuresCvr .featuredProductsCvr .ftrPrdHead *,
body:not(.single-post) section.featuresCvr .featuredProductsCvr .ftrPrdHead,
body:not(.single-post) section.featuresCvr .featuredProductsCvr .ftrPrdHead * {
  font-size: 1rem !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    color: #009cdd !important;
    margin-bottom: 10px !important;
}

html body section.featuresCvr .featuredProductsCvr .ftrPrdCvr img {
  max-width: 56px !important;
    height: auto !important;
    margin-bottom: 12px !important;
}


/* ==============================================================
   37) صفحة 6318 (مميزات نظام ترانكويل ERP)
   ============================================================== */

/* (أ) إزالة الخلفية الكحلية من الهيرو */
body.page-id-6318 .featurTop,
body.page-id-6318 .ftrbnr,
body.page-id-6318 .banner-cont.ftrbnr,
body.postid-6318 .featurTop,
body.postid-6318 .ftrbnr,
body.postid-6318 .banner-cont.ftrbnr {
  background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

body.page-id-6318 .featurTop::before,
body.page-id-6318 .featurTop::after,
body.page-id-6318 .ftrbnr::before,
body.page-id-6318 .ftrbnr::after,
body.page-id-6318 .banner-cont.ftrbnr::before,
body.page-id-6318 .banner-cont.ftrbnr::after,
body.postid-6318 .featurTop::before,
body.postid-6318 .featurTop::after,
body.postid-6318 .ftrbnr::before,
body.postid-6318 .ftrbnr::after {
  display: none !important;
    background: none !important;
    content: none !important;
}

/* (ب) عنوان الهيرو أسود */
body.page-id-6318 .featurTop h1,
body.page-id-6318 .featurTop h2,
body.page-id-6318 .ftrbnr h1,
body.page-id-6318 .ftrbnr h2,
body.page-id-6318 .banner-cont.ftrbnr h1,
body.page-id-6318 .banner-cont.ftrbnr h2,
body.postid-6318 .featurTop h1,
body.postid-6318 .featurTop h2,
body.postid-6318 .ftrbnr h1,
body.postid-6318 .ftrbnr h2 {
  color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
    background: none !important;
    -webkit-background-clip: initial !important;
            background-clip: initial !important;
    text-shadow: none !important;
    font-size: clamp(1.6rem, 3.2vw, 2.4rem) !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

/* (ج) فقرة الهيرو */
body.page-id-6318 .featurTop p,
body.page-id-6318 .featurTop span,
body.page-id-6318 .ftrbnr p,
body.page-id-6318 .ftrbnr span,
body.page-id-6318 .banner-cont.ftrbnr p,
body.page-id-6318 .banner-cont.ftrbnr span,
body.postid-6318 .featurTop p,
body.postid-6318 .featurTop span,
body.postid-6318 .ftrbnr p,
body.postid-6318 .ftrbnr span {
  color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
    text-shadow: none !important;
    font-size: 1.02rem !important;
    line-height: 2 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

/* (د) تكبير عناوين الأقسام */
body.page-id-6318 section.featuresCvr h2,
body.page-id-6318 section.featuresCvr .sectionHead h2,
body.page-id-6318 section.featuresCvr .sectionHead h3,
body.page-id-6318 .featuresCvr .secTit,
body.postid-6318 section.featuresCvr h2,
body.postid-6318 section.featuresCvr .sectionHead h2,
body.postid-6318 section.featuresCvr .sectionHead h3,
body.postid-6318 .featuresCvr .secTit {
  font-size: clamp(1.6rem, 2.6vw, 2.1rem) !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    color: #0a2540 !important;
    margin-bottom: 18px !important;
}

/* (هـ) تصغير نص البطاقات */
body.page-id-6318 section.featuresCvr .featuredProductsCvr .ftrPrdCvr p,
body.postid-6318 section.featuresCvr .featuredProductsCvr .ftrPrdCvr p {
  font-size: 0.78rem !important;
    line-height: 1.7 !important;
}

body.page-id-6318 section.featuresCvr .featuredProductsCvr .ftrPrdHead,
body.page-id-6318 section.featuresCvr .featuredProductsCvr .ftrPrdHead *,
body.postid-6318 section.featuresCvr .featuredProductsCvr .ftrPrdHead,
body.postid-6318 section.featuresCvr .featuredProductsCvr .ftrPrdHead * {
  font-size: 0.95rem !important;
}


/* ==============================================================
   38-40) صفحة 6318 — تنسيق h3 في .featurTop
   ============================================================== */
html body.page-id-6318 .container .featurTop h3,
html body.page-id-6318 .featurTop h3,
html body.page-id-6318 .featurTop > h3,
html body.postid-6318 .container .featurTop h3,
html body.postid-6318 .featurTop h3,
html body.postid-6318 .featurTop > h3 {
  font-size: clamp(1rem, 1.6vw, 1.35rem) !important;
    line-height: 1.6 !important;
    font-weight: 700 !important;
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
    background: none !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    text-align: center !important;
    transform: none !important;
}

html body.page-id-6318 .featurTop,
html body.postid-6318 .featurTop {
  width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-align: center !important;
}


/* ==============================================================
   41) فرض حجم H3 على .featurTop h3 + h2 يبدو كـ h3 (صفحة 6318)
   ============================================================== */
html body div.container div.featurTop h3,
html body .container .featurTop h3,
html body .featurTop h3,
html body section .featurTop h3,
.featurTop h3 {
  font-size: clamp(1rem, 1.6vw, 1.35rem) !important;
    line-height: 1.6 !important;
    font-weight: 700 !important;
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
    background: none !important;
    background-image: none !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 8px 12px !important;
    text-align: center !important;
    transform: none !important;
    text-transform: none !important;
}

html body .featurTop,
.featurTop {
  background: transparent !important;
    background-image: none !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-align: center !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

/* صفحة 6318 — h2 يبدو كـ h3 */
html body.page-id-6318 h2,
html body.postid-6318 h2,
body.page-id-6318 .container h2,
body.page-id-6318 section h2,
body.page-id-6318 .featurTop h2,
body.page-id-6318 .ftrbnr h2 {
  font-size: clamp(1.05rem, 1.8vw, 1.5rem) !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    margin: 0.6em 0 0.4em !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* ==============================================================
   42) زر "طلب عرض سعر" — اتجاه السهم في RTL
   ============================================================== */
html[lang="ar"] .freeQuote span.ajax-loader,
html[dir="rtl"] .freeQuote span.ajax-loader {
  right: auto !important;
    left: 15px !important;
    transform: scaleX(-1);
}

html[lang="ar"] .freeQuote .wpcf7-submit,
html[dir="rtl"] .freeQuote .wpcf7-submit {
  padding-left: 85px !important;
    padding-right: 25px !important;
    text-align: right !important;
}


/* ==============================================================
   43) أيقونات السوشيال في الفوتر (AR + EN) — FontAwesome
   ============================================================== */
footer ul.social,
footer .somediaCvr ul.social {
  display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    margin: 15px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    justify-content: flex-start;
}

html[lang="ar"] footer ul.social,
html[dir="rtl"] footer ul.social {
  justify-content: flex-end;
}
footer ul.social li {
  margin: 0 !important;
}

html[lang="ar"] footer ul.social li::before,
html[lang="ar"] footer ul.social li::after,
html[lang="ar"] footer ul.social li a::before,
html[lang="ar"] footer ul.social li a::after,
html[dir="rtl"] footer ul.social li::before,
html[dir="rtl"] footer ul.social li::after,
html[dir="rtl"] footer ul.social li a::before,
html[dir="rtl"] footer ul.social li a::after {
  content: none !important;
    display: none !important;
    background: none !important;
}

footer ul.social li a {
  display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: #ffffff !important;
    border-radius: 6px !important;
    color: #1a2942 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

footer ul.social li a:hover {
  background: #c8a45c !important;
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

footer ul.social li a:hover i,
footer ul.social li a:hover svg,
footer ul.social li a:hover img {
  color: #ffffff !important;
    filter: brightness(0) invert(1);
}

footer ul.social li a i,
footer ul.social li a i::before,
html[lang="ar"] footer ul.social li a i,
html[lang="ar"] footer ul.social li a i::before,
html[dir="rtl"] footer ul.social li a i,
html[dir="rtl"] footer ul.social li a i::before {
  font-family: 'FontAwesome', 'Font Awesome 6 Brands',
                 'Font Awesome 5 Brands', 'Font Awesome 6 Free',
                 'Font Awesome 5 Free' !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #1a2942 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

footer ul.social li a img,
footer ul.social li a svg {
  width: 20px !important;
    height: 20px !important;
    object-fit: contain;
    opacity: 1 !important;
    visibility: visible !important;
}


/* ==============================================================
   44) تباين نصوص المقالات والصفحات الداخلية (AR + EN)
   ============================================================== */
.entry-content,
.page-content,
.post-content,
article,
main {
  opacity: 1 !important;
}

.entry-content p,
.entry-content li,
.entry-content span:not(.highlight):not(.label),
.page-content p,
.page-content li,
.post-content p,
.post-content li,
article p,
article li,
main p,
main li {
  color: #2c3e50 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

html[lang="ar"] .entry-content p,
html[lang="ar"] .entry-content li,
html[lang="ar"] .page-content p,
html[lang="ar"] .post-content p,
html[lang="ar"] article p,
html[lang="ar"] article li,
html[lang="ar"] main p,
html[dir="rtl"] .entry-content p,
html[dir="rtl"] article p,
html[dir="rtl"] main p {
  color: #2c3e50 !important;
    font-family: 'Readex Pro', 'IBM Plex Sans Arabic', 'Tajawal', 'Cairo', 'Tahoma', Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.9 !important;
    text-align: right !important;
    direction: rtl !important;
}

.entry-content p a,
.page-content p a,
article p a,
main p a {
  color: #1e88e5 !important;
    text-decoration: underline;
}

.entry-content p a:hover,
article p a:hover {
  color: #0d5cab !important;
}

/* === نهاية الملف === */

/* ==============================================================
   45) ★ إصلاح أيقونات السوشيال في فوتر الصفحة العربية — v8.2
   المشكلة: قاعدة font-family العامة على body في العربية تطغى على
   FontAwesome داخل عنصر i.fa فتظهر فارغة، بينما تظهر سليمة
   في الإنجليزية. نعيد فرض خط FontAwesome على كل عناصر .fa في الفوتر.
   ============================================================== */
html[lang^="ar"] footer .somediaCvr ul.social li a i,
html[lang^="ar"] footer .somediaCvr ul.social li a i.fa,
html[lang^="ar"] footer ul.social li a i,
html[lang^="ar"] footer ul.social li a i.fa,
html[dir="rtl"] footer .somediaCvr ul.social li a i,
html[dir="rtl"] footer .somediaCvr ul.social li a i.fa,
html[dir="rtl"] footer ul.social li a i,
html[dir="rtl"] footer ul.social li a i.fa,
body.rtl footer .somediaCvr ul.social li a i,
body.rtl footer ul.social li a i.fa {
  font-family: 'FontAwesome', 'Font Awesome 5 Brands', 'Font Awesome 5 Free',
                 'Font Awesome 6 Brands', 'Font Awesome 6 Free', FontAwesome !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block !important;
    line-height: 1 !important;
    color: #1a2942 !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    speak: none !important;
}

/* أيقونات البراندات (Brands) تحتاج weight=400 */
html[lang^="ar"] footer ul.social li a i.fab,
html[dir="rtl"] footer ul.social li a i.fab {
  font-family: 'Font Awesome 5 Brands', 'Font Awesome 6 Brands', FontAwesome !important;
    font-weight: 400 !important;
}

/* تأكيد ظهور حاوية الأيقونة (flex + أبعاد) */
html[lang^="ar"] footer ul.social li a,
html[dir="rtl"] footer ul.social li a {
  display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: #ffffff !important;
    border-radius: 6px !important;
    color: #1a2942 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;
}

/* السماح للـpseudo-elements (::before) الخاصة بـFontAwesome بالظهور */
html[lang^="ar"] footer ul.social li a i::before,
html[dir="rtl"] footer ul.social li a i::before {
  font-family: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    display: inline-block !important;
}

/* ==============================================================
   46) ★ إصلاح موضع الميجا منيو (Solutions Mega Menu) — v8.3
   المشكلة: عند الضغط على "حلول ترانكويل" في الصفحة العربية والإنجليزية
   تظهر الـmega menu فوق شريط القائمة وتغطّيه بدلاً من النزول تحته.
   السبب: غياب top/position الصحيحين على .menuCvrSolu / .soluMenuCvr.
   ============================================================== */

/* الحاوية الأم للعنصر يجب أن تكون relative */
#menu ul.level-01 > li.soluMenu,
.menu ul.level-01 > li.soluMenu,
nav#menu li.soluMenu {
  position: relative !important;
}

/* الميجا منيو يجب أن تكون absolute وتنزل تحت شريط القائمة */
#menu li.soluMenu .menuCvrSolu,
.menu li.soluMenu .menuCvrSolu,
#menu li.soluMenu .soluMenuCvr,
.menu li.soluMenu .soluMenuCvr {
  position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 1200px !important;
    margin-top: 0 !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
    border-top: 3px solid #0a4d8c !important;
    padding: 20px !important;
}

/* في RTL/العربية: تظهر من اليمين */
html[lang^="ar"] #menu li.soluMenu .menuCvrSolu,
html[lang^="ar"] #menu li.soluMenu .soluMenuCvr,
html[dir="rtl"] #menu li.soluMenu .menuCvrSolu,
html[dir="rtl"] #menu li.soluMenu .soluMenuCvr,
body.rtl #menu li.soluMenu .menuCvrSolu,
body.rtl #menu li.soluMenu .soluMenuCvr {
  left: auto !important;
    right: 0 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* توسيط الميجا منيو إذا كانت الشاشة عريضة */
@media (min-width: 1200px) {
    #menu li.soluMenu .menuCvrSolu,
    #menu li.soluMenu .soluMenuCvr {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
    html[lang^="ar"] #menu li.soluMenu .menuCvrSolu,
    html[lang^="ar"] #menu li.soluMenu .soluMenuCvr,
    html[dir="rtl"] #menu li.soluMenu .menuCvrSolu,
    html[dir="rtl"] #menu li.soluMenu .soluMenuCvr {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }
}

/* إخفاء افتراضي وإظهار عند hover/is-ready */
#menu li.soluMenu .menuCvrSolu {
  display: none;
}
#menu li.soluMenu:hover .menuCvrSolu,
#menu li.soluMenu.is-ready:hover .menuCvrSolu,
#menu li.soluMenu.is-open .menuCvrSolu,
#menu li.soluMenu.active .menuCvrSolu {
  display: block !important;
}

/* تأكيد أن شريط القائمة فوق محتوى الصفحة لكن تحت الميجا */
nav#menu,
.menu-bar,
header nav {
  position: relative !important;
    z-index: 100 !important;
}

/* ==============================================================
   47) ★ إصلاح أيقونات السوشيال + زر الإرسال في الفوتر العربي — v8.4
   - الأيقونات تستخدم FontAwesome 4 (class="fa fa-linkedin-square")
     التي تتطلب font-weight: normal وليس 900 كما في v8.2.
   - زر إرسال نموذج "تواصل مع ترانكويل" يجب أن يظهر على اليسار في RTL
     مع سهم اتجاهه صحيح.
   ============================================================== */

/* تصحيح font-weight لأيقونات FontAwesome 4 في الفوتر العربي */
html[lang^="ar"] footer ul.social li a i,
html[lang^="ar"] footer ul.social li a i.fa,
html[dir="rtl"] footer ul.social li a i,
html[dir="rtl"] footer ul.social li a i.fa,
body.rtl footer ul.social li a i.fa {
  font-family: 'FontAwesome' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #1a2942 !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

html[lang^="ar"] footer ul.social li a i::before,
html[lang^="ar"] footer ul.social li a i.fa::before,
html[dir="rtl"] footer ul.social li a i::before,
html[dir="rtl"] footer ul.social li a i.fa::before {
  font-family: 'FontAwesome' !important;
    font-weight: normal !important;
    font-style: normal !important;
    color: inherit !important;
    display: inline-block !important;
    speak: none !important;
}

/* ضمان وحدة rendering للأيقونات داخل li.social */
html[lang^="ar"] footer .somediaCvr ul.social li,
html[dir="rtl"] footer .somediaCvr ul.social li {
  direction: ltr !important;
}

/* ---- زر إرسال نموذج Contact CF7 في الفوتر العربي ---- */
html[lang^="ar"] footer .connectForm .wpcf7-form-control-wrap,
html[dir="rtl"] footer .connectForm .wpcf7-form-control-wrap {
  position: relative !important;
    display: block !important;
    width: 100% !important;
}

html[lang^="ar"] footer .connectForm input.wpcf7-submit,
html[lang^="ar"] footer .connectForm input[type="submit"],
html[dir="rtl"] footer .connectForm input.wpcf7-submit,
html[dir="rtl"] footer .connectForm input[type="submit"] {
  position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 50px !important;
    height: 50px !important;
    background-color: #2196f3 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 4px 4px 0 !important;
    font-size: 0 !important;
    cursor: pointer !important;
    z-index: 2 !important;
}

/* السهم داخل الزر يستخدم pseudo-element بدل value=">" */
html[lang^="ar"] footer .connectForm input.wpcf7-submit::before,
html[dir="rtl"] footer .connectForm input.wpcf7-submit::before {
  content: "→" !important;
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 50px !important;
    color: #ffffff !important;
    display: block !important;
    text-align: center !important;
}

/* حقل البريد: padding-left ليفسح للزر */
html[lang^="ar"] footer .connectForm input.wpcf7-email,
html[lang^="ar"] footer .connectForm input[type="email"],
html[dir="rtl"] footer .connectForm input.wpcf7-email,
html[dir="rtl"] footer .connectForm input[type="email"] {
  width: 100% !important;
    height: 50px !important;
    padding: 0 16px 0 60px !important;
    border-radius: 4px !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #1a2942 !important;
    text-align: right !important;
    direction: rtl !important;
    font-size: 14px !important;
}

/* ============================================================
   القسم 48: إصلاح حجم خط بطاقات الميزات الخمس على Edge
   ============================================================
   في Edge كان النص يظهر كبير جداً (h2/h3) — نوحّد الحجم وارتفاع
   السطر ليكون مطابقاً لـ Firefox على كل المتصفحات.
*/
.feature-card h2,
.feature-card h3,
.feature-card h4,
.feature-card .card-title,
.feature-card p,
.feature-cards h2,
.feature-cards h3,
.feature-cards .card-title,
.hmFeatures .feature-card h2,
.hmFeatures .feature-card h3,
.hmFeatures .feature-card p,
.hmFeatures .ftrCard h2,
.hmFeatures .ftrCard h3,
.hmFeatures .ftrCard p,
section.hmFeatures .ftrCol h2,
section.hmFeatures .ftrCol h3,
section.hmFeatures .ftrCol p {
  font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    margin: 0 0 6px !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
}

/* عنوان التصنيف الصغير (PROJECTS / PRODUCTION ...) */
.feature-card .card-eyebrow,
.hmFeatures .ftrCard .eyebrow,
section.hmFeatures .ftrCol .label,
section.hmFeatures .ftrCol small {
  font-size: 13px !important;
    line-height: 1.2 !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

/* ضمان كسر الكلمات بشكل طبيعي بدل التكدّس عمودياً */
.feature-card,
.hmFeatures .ftrCard,
section.hmFeatures .ftrCol {
  word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
}

/* ============================================================
   القسم 49: إصلاح نهائي لحجم خط بطاقات الصفحة الرئيسية في Edge
   ============================================================
   البطاقات الفعلية في الموقع هي: .bannerBottom .srvcCvr .description p
   لذلك نستهدفها مباشرة بدل كلاس .feature-card.
*/
html body.home .bannerBottom .srvcCvr .description p,
html body.home section.bannerBottom .srvcCvr .description p,
html body.home .bannerBottom ul li .srvcCvr .description p,
html body.home .bannerBottom .container .row .col-lg-12 ul li .srvcCvr .description p,
html[lang^="en"] body.home .bannerBottom .srvcCvr .description p,
html[dir="ltr"] body.home .bannerBottom .srvcCvr .description p,
html[lang^="ar"] body.home .bannerBottom .srvcCvr .description p,
html[dir="rtl"] body.home .bannerBottom .srvcCvr .description p {
  font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* تصغير العنوان الصغير أعلى كل بطاقة */
html body.home .bannerBottom .srvcCvr .title,
html body.home .bannerBottom .srvcCvr h3,
html body.home .bannerBottom .srvcCvr h4,
html body.home .bannerBottom .srvcCvr strong {
  font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

/* تثبيت عرض ومساحة البطاقات حتى لا يضغط Edge النص ويقسم الكلمات */
html body.home .bannerBottom .srvcCvr,
html body.home .bannerBottom .srvcCvr a,
html body.home .bannerBottom .srvcCvr .description {
  width: 100% !important;
    max-width: 220px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

@supports (-ms-ime-align: auto) {
    html body.home .bannerBottom .srvcCvr .description p {
        font-size: 19px !important;
        line-height: 1.3 !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    html body.home .bannerBottom .srvcCvr .description p {
        font-size: 19px !important;
        line-height: 1.3 !important;
    }
}

@media (min-width: 1200px) {
    html body.home .bannerBottom .srvcCvr .description p {
        font-size: 19px !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 1199px) {
    html body.home .bannerBottom .srvcCvr .description p {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
}

/* ==============================================================
   v8.7 (2026-06-23) — تعديلات إضافية
   ============================================================== */

/* إخفاء النقطة البرتقالية قبل/بعد روابط مبدّل اللغة (Polylang) */
.widget_polylang ul li::before,
.widget_polylang ul li::after,
#polylang-3 ul li::before,
#polylang-3 ul li::after,
li.lang-item::before,
li.lang-item::after {
  content: none !important;
    display: none !important;
    background: none !important;
}

/* مسافة بين أيقونات الشريط العلوي والنص (هاتف/بريد/ساعات العمل) */
.topHeader i,
.topHeader .fa,
.topHeader [class^="fa-"],
.topHeader [class*=" fa-"],
.topHeader svg {
  margin-inline-end: 8px !important;
    vertical-align: middle !important;
}

/* أيقونات pseudo-elements (Font Awesome ::before) داخل الشريط العلوي */
html body .topHeader a::before,
html body .topHeader span::before,
html body .topHeader li::before,
html body .topHeader p::before {
  margin-inline-end: 10px !important;
    padding-inline-end: 4px !important;
}

html body .topHeader a,
html body .topHeader span.contact,
html body .topHeader .row > div > * {
  display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* v8.7 patch — مسافة بين الأيقونة والنص في الشريط العلوي (RTL/LTR) */
html body .topHeader ul > li,
html body header .topHeader li#office-phone,
html body header .topHeader li {
  display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}
html body .topHeader ul li i,
html body .topHeader ul li .fa,
html body .topHeader ul li [class^="fa-"],
html body .topHeader ul li [class*=" fa-"],
html body .topHeader ul li svg {
  margin: 0 !important;
    vertical-align: middle !important;
}

/* ==============================================================
   46) إزالة الخط البرتقالي قبل العناوين (Sidebar widgets) — v8.8
   ============================================================== */
html body .blogLEftHead::before,
html body .blogLEftHead::after,
html body .blogLeftHead::before,
html body .blogLeftHead::after,
html body .blogLftSdbar .freezSide > div::before,
html body .blogLftSdbar h2::before,
html body .blogLftSdbar h3::before,
html body .blogLftSdbar h4::before,
html body .subscriHead::before,
html body .subscriHead::after,
html body .blueStrBxblg .subscriHead::before,
html body [class*="blogL"][class*="Head"]::before,
html body [class*="blogL"][class*="Head"]::after {
  content: none !important;
    display: none !important;
    background: none !important;
    background-color: transparent !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
}

footer .somediaCvr .social {
  display: flex; 
  gap: 8px; 
  padding: 0; 
  margin: 0; 
  list-style: none; 
  justify-content: center;
}
footer .somediaCvr .social li {
  list-style: none;
}
footer .somediaCvr .social a {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1a1a1a !important;
  font-size: 16px !important;
  line-height: 1 !important;
}
footer .somediaCvr .social a:hover {
  background: #1da1f2 !important;
  color: #fff !important;
}
footer .somediaCvr .social .fa {
  font-size: 16px !important;
}
footer .somediaCvr .social .lnk::before {
  font-family: "FontAwesome";
  content: "\f0e1"; /* أيقونة LinkedIn */
}
/* ============ Request a Demo Modal — Tranquil Style ============ */
#exampleModal {
  padding-right: 0 !important;
}

#exampleModal .modal-dialog {
  max-width: 720px !important;
  margin: 40px auto !important;
}

#exampleModal .modal-content {
  border: none !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 60px rgba(11,33,92,.25) !important;
  background: #ffffff !important;
}

/* Header */
#exampleModal .modal-header {
  background: linear-gradient(135deg, #0b215c 0%, #1063b5 55%, #0aa5d9 100%) !important;
  color: #fff !important;
  padding: 22px 28px !important;
  border-bottom: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#exampleModal .modal-header .modal-title,
#exampleModal #exampleModalLabel {
  color: #ffffff !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
  margin: 0 !important;
}

/* Close button */
#exampleModal .btn-close,
#exampleModal .close {
  background: rgba(255,255,255,.18) !important;
  border-radius: 50% !important;
  width: 36px !important; height: 36px !important;
  opacity: 1 !important;
  color: #fff !important;
  text-shadow: none !important;
  transition: transform .3s ease, background .3s ease !important;
  margin: 0 !important;
}
#exampleModal .btn-close:hover,
#exampleModal .close:hover {
  background: rgba(255,255,255,.32) !important;
  transform: rotate(90deg) !important;
}

/* Body */
#exampleModal .modal-body {
  background: #f7fafc !important;
  padding: 28px !important;
}

/* Form container */
#exampleModal .reqForm,
#exampleModal .wpcf7-form {
  font-family: "Cairo", sans-serif !important;
  direction: rtl !important;
  text-align: right !important;
}

/* Grid spacing */
#exampleModal .reqForm .row {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
#exampleModal .reqForm .form-group {
  padding: 0 10px !important;
  margin-bottom: 16px !important;
}

/* Inputs / textarea / select */
#exampleModal .wpcf7-form-control:not(.wpcf7-submit):not([type="checkbox"]):not([type="radio"]),
#exampleModal input[type="text"],
#exampleModal input[type="email"],
#exampleModal input[type="tel"],
#exampleModal input[type="url"],
#exampleModal input[type="number"],
#exampleModal select,
#exampleModal textarea {
  width: 100% !important;
  background: #ffffff !important;
  color: #1a202c !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  font-family: "Cairo", sans-serif !important;
  transition: border-color .25s ease, box-shadow .25s ease !important;
  direction: rtl !important;
  text-align: right !important;
  box-shadow: none !important;
  outline: none !important;
}
#exampleModal textarea {
  min-height: 120px !important; resize: vertical !important;
}

#exampleModal .wpcf7-form-control:focus,
#exampleModal input:focus,
#exampleModal select:focus,
#exampleModal textarea:focus {
  border-color: #0aa5d9 !important;
  box-shadow: 0 0 0 4px rgba(10,165,217,.15) !important;
}

#exampleModal ::placeholder {
  color: #94a3b8 !important; opacity: 1 !important;
}

/* Submit button */
#exampleModal .wpcf7-submit,
#exampleModal input[type="submit"],
#exampleModal button[type="submit"] {
  display: inline-block !important;
  width: auto !important;
  min-width: 200px !important;
  background: linear-gradient(135deg, #0b215c 0%, #0aa5d9 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 13px 38px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: "Cairo", sans-serif !important;
  letter-spacing: .3px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 22px rgba(11,33,92,.30) !important;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
  margin-top: 8px !important;
}
#exampleModal .wpcf7-submit:hover,
#exampleModal input[type="submit"]:hover,
#exampleModal button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(10,165,217,.40) !important;
  filter: brightness(1.05) !important;
}

/* CF7 validation messages */
#exampleModal .wpcf7-not-valid-tip {
  color: #e53e3e !important;
  font-size: 13px !important;
  margin-top: 6px !important;
}
#exampleModal .wpcf7-response-output {
  border-radius: 10px !important;
  padding: 12px 16px !important;
  margin: 16px 0 0 !important;
  font-size: 14px !important;
}

/* Spinner */
#exampleModal .wpcf7-spinner {
  margin: 0 10px !important;
}

/* Mobile */
@media (max-width: 640px) {
  #exampleModal .modal-dialog { margin: 10px !important; }
  #exampleModal .modal-body { padding: 18px !important; }
  #exampleModal .modal-header { padding: 18px 20px !important; }
  #exampleModal .reqForm .col-md-6 { flex: 0 0 100% !important; max-width: 100% !important; }
  #exampleModal .wpcf7-submit { width: 100% !important; }
}
#exampleModal .modal-header,
.modal .modal-header {
  position: relative;
  padding-inline-start: 64px;
}
/* === زر الإغلاق: شكل دائري مع X واضح === */
.modal .modal-header .btn-close,
.modal .modal-header .close {
  right: 18px;
  left: auto;
}

/* رسم علامة X بـ pseudo element */

.modal .modal-header .btn-close::before,
.modal .modal-header .close::before {
  content: "✕" !important;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1;
  color: #ffffff !important;
  font-family: Arial, sans-serif;
  display: block;
}

.modal .modal-header .btn-close span,
.modal .modal-header .close span {
  display: none !important;
}

.modal .modal-header .btn-close:hover,
.modal .modal-header .close:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-50%) rotate(90deg);
}
/* الافتراضي (إنجليزي LTR): الزر يمين */
.modal .modal-header {
  padding-right: 64px !important;
  padding-left: 24px !important;
}

/* عربي (RTL): الزر يسار */
html[dir="rtl"] .modal .modal-header .btn-close,
html[dir="rtl"] .modal .modal-header .close,
body[dir="rtl"] .modal .modal-header .btn-close,
body[dir="rtl"] .modal .modal-header .close,
html[lang="ar"] .modal .modal-header .btn-close,
html[lang="ar"] .modal .modal-header .close,
.modal[dir="rtl"] .modal-header .btn-close,
.modal[dir="rtl"] .modal-header .close,
[dir="rtl"] .modal .modal-header .btn-close,
[dir="rtl"] .modal .modal-header .close {
  left: 18px !important;
  right: auto !important;
}

html[dir="rtl"] .modal .modal-header,
body[dir="rtl"] .modal .modal-header,
html[lang="ar"] .modal .modal-header,
.modal[dir="rtl"] .modal-header,
[dir="rtl"] .modal .modal-header {
  padding-left: 64px !important;
  padding-right: 24px !important;
}
/* ============================================
   تنسيق موحّد لجميع نوافذ Bootstrap Modal
   ============================================ */

/* الخلفية المعتمة */
.modal-backdrop.show {
  background: rgba(8, 20, 50, 0.65) !important;
  opacity: 1 !important;
}

/* الحاوية */
.modal .modal-content {
  border: none !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(11, 33, 92, 0.25) !important;
  font-family: 'Cairo', sans-serif;
}

/* الهيدر */

.modal .modal-header .modal-title,
.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3,
.modal .modal-header h4,
.modal .modal-header h5 {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  margin: 0 !important;
  font-family: 'Cairo', sans-serif !important;
}

/* الجسم */
.modal .modal-body {
  background: #f7fafd !important;
  padding: 28px !important;
}

/* الحقول */
.modal .modal-body input[type="text"],
.modal .modal-body input[type="email"],
.modal .modal-body input[type="tel"],
.modal .modal-body input[type="number"],
.modal .modal-body textarea,
.modal .modal-body select,
.modal .modal-body .wpcf7-form-control {
  width: 100% !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  color: #1a202c !important;
  transition: all 0.25s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.modal .modal-body input:focus,
.modal .modal-body textarea:focus,
.modal .modal-body select:focus {
  outline: none !important;
  border-color: #0aa5d9 !important;
  box-shadow: 0 0 0 3px rgba(10, 165, 217, 0.15) !important;
}

.modal .modal-body textarea {
  min-height: 130px;
  resize: vertical;
}

/* زر الإرسال */
.modal .modal-body input[type="submit"],
.modal .modal-body button[type="submit"],
.modal .modal-footer button[type="submit"],
.modal .wpcf7-submit {
  background: linear-gradient(135deg, #0b215c, #0aa5d9) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 38px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(11, 33, 92, 0.30) !important;
  transition: all 0.3s ease;
}

.modal .modal-body input[type="submit"]:hover,
.modal .wpcf7-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(11, 33, 92, 0.40) !important;
}

/* ============================================
   زر الإغلاق + تموضعه RTL/LTR
   ============================================ */

/* الإنجليزي LTR: الزر يمين */

/* العربي RTL: الزر يسار */

/* موبايل */
@media (max-width: 640px) {
  .modal .modal-dialog {
    margin: 10px !important;
    max-width: calc(100% - 20px) !important;
  }
}
/* ============================================
   تصميم فورم صفحة Contact / تواصل معنا
   ============================================ */

.contactFrm {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 32px;
  box-shadow: 0 20px 50px rgba(11, 33, 92, 0.10);
  border: 1px solid #eef2f7;
  font-family: 'Cairo', 'Tajawal', sans-serif;
}

.contactFrm h4 {
  font-size: 26px;
  font-weight: 800;
  color: #0b215c;
  margin-bottom: 28px;
  position: relative;
  padding-bottom: 14px;
}

.contactFrm h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 60px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, #0b215c, #0aa5d9);
}

/* الحقول */
.contactFrm .form-group {
  margin-bottom: 18px;
  position: relative;
}

.contactFrm .wpcf7-form-control,
.contactFrm input.form-control,
.contactFrm textarea.form-control,
.contactFrm select.form-control {
  width: 100% !important;
  height: 52px;
  background: #f7f9fc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 0 18px !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
  font-size: 14px !important;
  color: #1a202c !important;
  transition: all 0.25s ease;
  box-shadow: none !important;
}

.contactFrm textarea.form-control {
  height: 140px;
  padding: 14px 18px !important;
  resize: vertical;
}

.contactFrm .wpcf7-form-control:focus,
.contactFrm input.form-control:focus,
.contactFrm textarea.form-control:focus {
  background: #ffffff !important;
  border-color: #0aa5d9 !important;
  box-shadow: 0 0 0 4px rgba(10, 165, 217, 0.12) !important;
  outline: none !important;
}

.contactFrm .wpcf7-form-control::placeholder {
  color: #94a3b8 !important;
  font-weight: 500;
}

/* زر الإرسال */
.contactFrm .wpcf7-submit,
.contactFrm input[type="submit"],
.contactFrm button[type="submit"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 52px;
  background: linear-gradient(135deg, #0b215c 0%, #0aa5d9 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 0 38px !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.3px;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(10, 165, 217, 0.30) !important;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.contactFrm .wpcf7-submit:hover,
.contactFrm input[type="submit"]:hover,
.contactFrm button[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(11, 33, 92, 0.40) !important;
  filter: brightness(1.05);
}

/* رسائل الخطأ */
.contactFrm .wpcf7-not-valid-tip {
  color: #dc2626 !important;
  font-size: 12px !important;
  margin-top: 6px;
  font-weight: 600;
}

.contactFrm .wpcf7-response-output {
  border: none !important;
  border-radius: 10px !important;
  background: #f0f9ff !important;
  color: #0b215c !important;
  padding: 14px 18px !important;
  margin-top: 20px !important;
  font-weight: 600;
}

.contactFrm .wpcf7 form.invalid .wpcf7-response-output,
.contactFrm .wpcf7 form.unaccepted .wpcf7-response-output {
  background: #fef2f2 !important;
  color: #991b1b !important;
}

.contactFrm .wpcf7 form.sent .wpcf7-response-output {
  background: #f0fdf4 !important;
  color: #166534 !important;
}

/* RTL: محاذاة العربي */
[lang="ar"] .contactFrm,
html[dir="rtl"] .contactFrm {
  direction: rtl;
  text-align: right;
}

[lang="ar"] .contactFrm .wpcf7-form-control,
html[dir="rtl"] .contactFrm .wpcf7-form-control {
  text-align: right !important;
}

/* موبايل */
@media (max-width: 640px) {
  .contactFrm {
    padding: 28px 20px;
    border-radius: 14px;
  }
  .contactFrm h4 {
    font-size: 22px;
  }
  .contactFrm .wpcf7-submit {
    width: 100%;
  }
}
/* ==============================================================
   21) توحيد الفوتر — Tranquil Footer Typography
   ============================================================== */

/* الحاوية العامة */
footer .menuItms,
footer .copyright {
  font-family: inherit !important;
}

/* 1) عناوين الأعمدة — ftrTitl (الشركة / المميزات / عام / المكاتب العالمية / تواصل) */
footer .ftrTitl,
footer .ftrItems .ftrTitl,
footer .connect .ftrTitl {
  font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-family: inherit !important;
    display: block !important;
}

/* 2) عناوين السايدبار (المميزات تأتي من widget) — توحيدها مع ftrTitl */
footer .ftrItems .widget-title,
footer .ftrItems .widgettitle,
footer .ftrItems h2,
footer .ftrItems h3,
footer .ftrItems h4,
footer .ftrItems .wp-block-heading {
  font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-family: inherit !important;
}

/* 3) قوائم الروابط */
footer .ftrItems ul,
footer .ftrItems ul.global,
footer .ftrItems ul.addr {
  list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
footer .ftrItems ul li {
  font-size: 14px !important;
    line-height: 2 !important;
    font-weight: 400 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
}
footer .ftrItems ul li a {
  font-size: 14px !important;
    line-height: 2 !important;
    font-weight: 400 !important;
    color: #b9c0c9 !important;
    text-decoration: none !important;
    font-family: inherit !important;
    transition: color .2s ease !important;
}
footer .ftrItems ul li a:hover {
  color: #ffffff !important;
}

/* 4) العنوان (addr) */
footer .ftrItems ul.addr li,
footer .ftrItems ul.addr p {
  font-size: 14px !important;
    line-height: 1.9 !important;
    color: #b9c0c9 !important;
    margin-bottom: 4px !important;
}

/* 5) الاتصال المجاني — toll */
footer .toll {
  font-size: 14px !important;
    font-weight: 600 !important;
    color: #f4a261 !important;
    margin-top: 18px !important;
    line-height: 1.6 !important;
}
footer .toll a,
footer .toll span {
  font-size: 20px !important;
    font-weight: 700 !important;
    color: #f4a261 !important;
    direction: ltr !important;
    display: inline-block !important;
    text-decoration: none !important;
    letter-spacing: .5px !important;
}

/* 6) نموذج «تواصل مع ترانكويل» */
footer .connect {
  margin-top: 24px !important;
}
footer .connectForm input[type="email"],
footer .connectForm input[type="text"] {
  font-size: 14px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border-radius: 4px !important;
    font-family: inherit !important;
}
footer .connectForm input[type="submit"],
footer .connectForm button {
  font-size: 14px !important;
    font-weight: 600 !important;
    height: 44px !important;
    border-radius: 4px !important;
    font-family: inherit !important;
}

/* 7) أيقونات السوشيال */
footer .somediaCvr {
  margin-top: 20px !important;
}
footer ul.social {
  list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
body.rtl footer ul.social,
html[lang="ar"] footer ul.social {
  justify-content: flex-start !important;
}
footer ul.social a {
  width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}

/* 8) حقوق النشر */
footer .copyright {
  margin-top: 40px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}
footer .copyright .copy {
  font-size: 13px !important;
    line-height: 1.8 !important;
    color: #b9c0c9 !important;
    font-family: inherit !important;
}
footer .copyright .copy a {
  color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
footer .copyright .logo img {
  max-height: 40px !important;
    width: auto !important;
}

/* 9) تباعد موحّد بين الأعمدة */
footer .menuItms .ftrItems {
  margin-bottom: 28px !important;
}
footer .menuItms .ftrpdnew {
  padding-top: 0 !important;
}

/* 10) RTL — محاذاة يمين ثابتة */
body.rtl footer,
html[lang="ar"] footer {
  direction: rtl !important;
    text-align: right !important;
}
body.rtl footer .ftrItems,
body.rtl footer .ftrTitl,
body.rtl footer .toll,
body.rtl footer .copy,
html[lang="ar"] footer .ftrItems,
html[lang="ar"] footer .ftrTitl,
html[lang="ar"] footer .toll,
html[lang="ar"] footer .copy {
  text-align: right !important;
}

/* 11) LTR — محاذاة يسار للنسخة الإنجليزية */
html[lang="en-US"] footer,
html[lang="en"] footer,
html:not([lang^="ar"]) body:not(.rtl) footer {
  direction: ltr !important;
    text-align: left !important;
}
/* ==============================================================
   22) توحيد عمود «المكتب الرئيسي» مع باقي الأعمدة
   ============================================================== */

/* عنوان «المكتب الرئيسي» — سواء جاء من Widget أو نص يدوي */
footer .ftrItems ul.addr .widget-title,
footer .ftrItems ul.addr .widgettitle,
footer .ftrItems ul.addr h2,
footer .ftrItems ul.addr h3,
footer .ftrItems ul.addr h4,
footer .ftrItems ul.addr .wp-block-heading,
footer .ftrItems ul.addr li:first-child strong,
footer .ftrItems ul.addr li.head-office-title,
footer .ftrItems .head-office-title {
  font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    display: block !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-family: inherit !important;
}

/* عناصر العنوان (الأسطر النصية: الحي، الشارع، المدينة، الدولة) */
footer .ftrItems ul.addr,
footer .ftrItems ul.addr li,
footer .ftrItems ul.addr p,
footer .ftrItems ul.addr span,
footer .ftrItems ul.addr div {
  font-size: 14px !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
    color: #b9c0c9 !important;
    font-family: inherit !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* فقرة الدعم / البريد الإلكتروني (لدعم العملاء، يُرجى مراسلتنا…) */
footer .ftrItems ul.addr a,
footer .ftrItems ul.addr .email,
footer .ftrItems .support-email a {
  font-size: 14px !important;
    font-weight: 400 !important;
    color: #b9c0c9 !important;
    text-decoration: none !important;
    word-break: break-all !important;
}
footer .ftrItems ul.addr a:hover {
  color: #ffffff !important;
}

/* مسافة بين كتلة العنوان وكتلة «الاتصال المجاني» */
footer .ftrItems ul.addr + .toll,
footer .ftrItems .toll {
  margin-top: 22px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
}
/* محاذاة عناوين الفوتر فوق روابطها مباشرة - RTL */
html[dir="rtl"] footer .ftrTitl,
html[lang="ar"] footer .ftrTitl,
html[dir="rtl"] footer h4,
html[lang="ar"] footer h4 {
  text-align: right !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

html[dir="rtl"] footer .ftrItems,
html[lang="ar"] footer .ftrItems,
html[dir="rtl"] footer ul,
html[lang="ar"] footer ul {
  text-align: right !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  list-style: none !important;
}

html[dir="rtl"] footer .ftrItems li,
html[lang="ar"] footer .ftrItems li {
  text-align: right !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* النسخة الإنجليزية - محاذاة لليسار */
html[dir="ltr"] footer .ftrTitl,
html[dir="ltr"] footer h4,
html[dir="ltr"] footer .ftrItems,
html[dir="ltr"] footer .ftrItems li {
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
/* ==============================================================
   48) صفحة Schedule Demo — تنسيق العمودين + الفورم الموحد — v9.1
   ============================================================== */

/* ---- الحاوية: عمودان متساويان مع تباعد مريح ---- */
.page-template-schedule .sec > .container,
body[class*="schedule"] .sec > .container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 40px !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.page-template-schedule .sec .cont,
.page-template-schedule .sec .fr,
body[class*="schedule"] .sec .cont,
body[class*="schedule"] .sec .fr {
  flex: 1 1 calc(50% - 20px) !important;
  max-width: calc(50% - 20px) !important;
  width: auto !important;
  padding: 0 !important;
}

/* ---- النصوص ---- */
.page-template-schedule .sec .cont h2,
.page-template-schedule .sec .cont h3 {
  font-size: 28px !important;
  line-height: 1.4 !important;
  margin: 0 0 20px !important;
  color: #00b3c4 !important;
  font-weight: 700 !important;
}

.page-template-schedule .sec .cont p,
body[class*="schedule"] .sec .cont p {
  font-size: 16px !important;
  line-height: 1.9 !important;
  color: #2a3b4d !important;
  margin: 0 0 14px !important;
}

/* ---- إطار حول عمود الفورم ---- */
.page-template-schedule .sec .fr,
body[class*="schedule"] .sec .fr {
  background: #ffffff !important;
  padding: 28px !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(10, 37, 64, 0.08) !important;
  border: 1px solid #e5e9f0 !important;
}

/* ---- تنسيق Contact Form 7 داخل الصفحة ---- */
.page-template-schedule .wpcf7-form,
body[class*="schedule"] .wpcf7-form {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  max-width: 100%;
  margin: 0 auto;
}

.page-template-schedule .wpcf7-form .row,
body[class*="schedule"] .wpcf7-form .row {
  gap: 14px 0 !important;
}

.page-template-schedule .wpcf7-form .form-group,
body[class*="schedule"] .wpcf7-form .form-group {
  margin-bottom: 16px !important;
}

.page-template-schedule .wpcf7-form input[type="text"],
.page-template-schedule .wpcf7-form input[type="email"],
.page-template-schedule .wpcf7-form input[type="tel"],
.page-template-schedule .wpcf7-form input[type="number"],
.page-template-schedule .wpcf7-form select,
.page-template-schedule .wpcf7-form textarea,
body[class*="schedule"] .wpcf7-form input[type="text"],
body[class*="schedule"] .wpcf7-form input[type="email"],
body[class*="schedule"] .wpcf7-form input[type="tel"],
body[class*="schedule"] .wpcf7-form input[type="number"],
body[class*="schedule"] .wpcf7-form select,
body[class*="schedule"] .wpcf7-form textarea {
  width: 100% !important;
  background: #f5f8fb !important;
  border: 1px solid #d9e1ea !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  color: #0a2540 !important;
  font-size: 15px !important;
  font-family: inherit !important;
  transition: border-color .2s, box-shadow .2s;
}

.page-template-schedule .wpcf7-form input:focus,
.page-template-schedule .wpcf7-form select:focus,
.page-template-schedule .wpcf7-form textarea:focus,
body[class*="schedule"] .wpcf7-form input:focus,
body[class*="schedule"] .wpcf7-form select:focus,
body[class*="schedule"] .wpcf7-form textarea:focus {
  border-color: #00b3c4 !important;
  box-shadow: 0 0 0 3px rgba(0,179,196,.15) !important;
  outline: none !important;
}

.page-template-schedule .wpcf7-form ::placeholder,
body[class*="schedule"] .wpcf7-form ::placeholder {
  color: #8a96a6 !important;
  opacity: 1;
}/* ---- زر الإرسال — سماوي #009cdd موحّد ---- */
.page-template-schedule .wpcf7-form .wpcf7-submit,
.page-template-schedule .wpcf7-form input[type="submit"],
body[class*="schedule"] .wpcf7-form .wpcf7-submit,
body[class*="schedule"] .wpcf7-form input[type="submit"] {
  background: #009cdd !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px 38px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 156, 221, .35) !important;
  transition: transform .15s, box-shadow .2s, background .2s;
}

.page-template-schedule .wpcf7-form .wpcf7-submit:hover,
.page-template-schedule .wpcf7-form input[type="submit"]:hover,
body[class*="schedule"] .wpcf7-form .wpcf7-submit:hover,
body[class*="schedule"] .wpcf7-form input[type="submit"]:hover {
  background: #007fb5 !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 156, 221, .5) !important;
}

.page-template-schedule .wpcf7-form .wpcf7-submit:active,
body[class*="schedule"] .wpcf7-form .wpcf7-submit:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px rgba(0, 156, 221, .3) !important;
}

/* ---- RTL: العمود النصي يمين والفورم يسار ---- */
html[dir="rtl"] .page-template-schedule .sec > .container,
html[lang="ar"] .page-template-schedule .sec > .container,
html[dir="rtl"] body[class*="schedule"] .sec > .container {
  flex-direction: row-reverse !important;
}

html[dir="rtl"] .page-template-schedule .wpcf7-form,
html[lang="ar"] .page-template-schedule .wpcf7-form {
  direction: rtl !important;
  text-align: right !important;
}

html[dir="rtl"] .page-template-schedule .wpcf7-form ::placeholder,
html[lang="ar"] .page-template-schedule .wpcf7-form ::placeholder {
  text-align: right !important;
}

/* ---- استجابة الموبايل ---- */
@media (max-width: 768px) {
  .page-template-schedule .sec > .container,
  body[class*="schedule"] .sec > .container {
    flex-direction: column !important;
    gap: 24px !important;
    padding: 30px 16px !important;
  }
  .page-template-schedule .sec .cont,
  .page-template-schedule .sec .fr,
  body[class*="schedule"] .sec .cont,
  body[class*="schedule"] .sec .fr {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  .page-template-schedule .sec .fr,
  body[class*="schedule"] .sec .fr { padding: 20px !important; }
  .page-template-schedule .sec .cont h2,
  .page-template-schedule .sec .cont h3 { font-size: 22px !important; }
  .page-template-schedule .sec .cont p { font-size: 15px !important; line-height: 1.8 !important; }
  .page-template-schedule .wpcf7-form input,
  .page-template-schedule .wpcf7-form select,
  .page-template-schedule .wpcf7-form textarea { font-size: 14px !important; padding: 10px 14px !important; }
}
.tq-phone {
  display: inline-block;
  direction: ltr !important;
  unicode-bidi: bidi-override !important;
  color: #009cdd !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color .2s;
}
.tq-phone:hover {
  color: #007fb5 !important;
  text-decoration: underline !important;
}
/* ==============================================================
   إزالة جميع الخطوط/الأشرطة البرتقالية في ::before و ::after
   على مستوى كامل الموقع (LTR + RTL)
   ============================================================== */

/* 1) أي pseudo-element خلفيته برتقالية → اجعلها شفافة */
*::before,
*::after {
  border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

/* 2) استهداف الألوان البرتقالية الشائعة في الموقع تحديداً */
*[class]::before,
*[class]::after {
  background: transparent !important;
}

/* 3) إخفاء العناصر الزخرفية البرتقالية المعروفة */
.featuresSec03 .details-pro ul::before,
.featuresSec03 .details-pro ul::after,
.details-pro ul.two::before,
.details-pro ul.two::after,
.head-pro::before,
.head-pro::after,
.sec-head::before,
.sec-head::after,
.heading::before,
.heading::after,
.title::before,
.title::after,
h1::before, h2::before, h3::before, h4::before, h5::before,
h1::after,  h2::after,  h3::after,  h4::after,  h5::after {
  background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 4) في حال كان الخط البرتقالي عبارة عن border بدل background */
/* ==============================================================
   توحيد خط/لون/حجم فوتر اللغة العربية مع الإنجليزية — v9.9
   مبني على كلاسات footer.php الفعلية
   (بدون أي تغيير على الاتجاه أو المحاذاة أو الترتيب)
   ============================================================== */

/* 1) عناوين الأعمدة .ftrTitl — أبيض، 18px، Bold */
html[dir="rtl"] footer .ftrTitl,
html[dir="rtl"] footer .ftrItems .ftrTitl,
html[dir="rtl"] footer .connect .ftrTitl,
html[dir="rtl"] footer h1,
html[dir="rtl"] footer h2,
html[dir="rtl"] footer h3,
html[dir="rtl"] footer h4,
html[dir="rtl"] footer h5,
html[dir="rtl"] footer .widget-title,
html[dir="rtl"] footer .ftrItems strong {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
  margin: 0 0 15px 0 !important;
  padding: 0 !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* 2) إزالة Bullets من قوائم الفوتر */
html[dir="rtl"] footer .ftrItems ul,
html[dir="rtl"] footer .ftrItems ul.addr,
html[dir="rtl"] footer .ftrItems ul.global,
html[dir="rtl"] footer .somediaCvr ul.social {
  list-style: none !important;
}

/* 3) النصوص والروابط — رمادي فاتح #b8b8b8، 14px */
html[dir="rtl"] footer .ftrItems,
html[dir="rtl"] footer .ftrItems p,
html[dir="rtl"] footer .ftrItems span,
html[dir="rtl"] footer .ftrItems a,
html[dir="rtl"] footer .ftrItems li,
html[dir="rtl"] footer .ftrItems li a,
html[dir="rtl"] footer .ftrItems ul li,
html[dir="rtl"] footer .ftrItems ul li a,
html[dir="rtl"] footer .ftrItems .addr li,
html[dir="rtl"] footer .ftrItems .addr li a,
html[dir="rtl"] footer .ftrItems .global li,
html[dir="rtl"] footer .ftrItems .global li a,
html[dir="rtl"] footer .ftrItems address,
html[dir="rtl"] footer .textwidget,
html[dir="rtl"] footer .textwidget p,
html[dir="rtl"] footer .textwidget span {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #b8b8b8 !important;
  line-height: 1.9 !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
  text-decoration: none !important;
}

/* 4) Hover للروابط */
html[dir="rtl"] footer .ftrItems a:hover,
html[dir="rtl"] footer .ftrItems ul li a:hover {
  color: #ffffff !important;
}

/* 5) رقم الاتصال المجاني .toll — نفس حجم/لون/وزن الإنجليزي */
html[dir="rtl"] footer .toll,
html[dir="rtl"] footer .ftrItems .toll,
html[dir="rtl"] footer .toll a,
html[dir="rtl"] footer .toll a[href^="tel:"] {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ff7e1d !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* 6) شريط حقوق النشر */
html[dir="rtl"] footer .copyright,
html[dir="rtl"] footer .copyright .copy,
html[dir="rtl"] footer .copyright a {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #b8b8b8 !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
}
/* ==============================================================
   تحسين أيقونات السوشال ميديا في الفوتر — v9.10
   ============================================================== */

/* الحاوية */
footer .somediaCvr ul.social,
footer ul.social {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 15px 0 0 0 !important;
  list-style: none !important;
  align-items: center !important;
}

/* كل أيقونة - دائرة منتظمة */
footer .somediaCvr ul.social li,
footer ul.social li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
}

footer .somediaCvr ul.social li a,
footer ul.social li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #1a2740 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* الأيقونة داخل الرابط */
footer .somediaCvr ul.social li a i,
footer ul.social li a i,
footer .somediaCvr ul.social li a .fa,
footer .somediaCvr ul.social li a svg {
  font-size: 16px !important;
  color: #1a2740 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* الصور داخل الأيقونات (في حال كانت img) */
footer .somediaCvr ul.social li a img,
footer ul.social li a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* تأثير المرور */
footer .somediaCvr ul.social li a:hover,
footer ul.social li a:hover {
  background: #ff7e1d !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 4px 12px rgba(255, 126, 29, 0.4) !important;
}

footer .somediaCvr ul.social li a:hover i,
footer ul.social li a:hover svg {
  color: #ffffff !important;
}

footer .somediaCvr ul.social li a:hover img,
footer ul.social li a:hover img {
  filter: brightness(0) invert(1) !important;
}

/* محاذاة في النسخة العربية */
html[dir="rtl"] footer .somediaCvr ul.social,
html[dir="rtl"] footer ul.social {
  justify-content: flex-start !important;
}
/* === v10.4: Catch-all لكل صفحات الحلول/المنتجات/الصناعات العربية === */

/* أي صفحة RTL ليست الرئيسية وفيها بانر داخلي */
body.rtl:not(.home):not(.page-id-6343) .blogTitTop,
body.rtl:not(.home) .banner-sec.industr,
body.rtl:not(.home) .innrBanner,
body.rtl:not(.home) .inrBanner,
body.rtl:not(.home) .pageBanner,
body.rtl:not(.home) .featurBanr,
body.rtl:not(.home) .prodBanr,
body.rtl:not(.home) .solBanr {
  position: relative !important;
  min-height: 460px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 60px 20px !important;
  overflow: hidden !important;
}

/* Overlay داكن */
body.rtl:not(.home):not(.page-id-6343) .blogTitTop::before,
body.rtl:not(.home) .banner-sec.industr::before,
body.rtl:not(.home) .innrBanner::before,
body.rtl:not(.home) .inrBanner::before,
body.rtl:not(.home) .pageBanner::before,
body.rtl:not(.home) .featurBanr::before,
body.rtl:not(.home) .prodBanr::before,
body.rtl:not(.home) .solBanr::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(10, 37, 64, 0.62) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

body.rtl:not(.home):not(.page-id-6343) .blogTitTop > *,
body.rtl:not(.home) .banner-sec.industr > *,
body.rtl:not(.home) .innrBanner > *,
body.rtl:not(.home) .inrBanner > *,
body.rtl:not(.home) .pageBanner > *,
body.rtl:not(.home) .featurBanr > *,
body.rtl:not(.home) .prodBanr > *,
body.rtl:not(.home) .solBanr > * {
  position: relative !important;
  z-index: 2 !important;
}

/* العناوين */
body.rtl:not(.home):not(.page-id-6343) .blogTitTop h1,
body.rtl:not(.home):not(.page-id-6343) .blogTitTop h2,
body.rtl:not(.home) .banner-sec.industr h1,
body.rtl:not(.home) .banner-sec.industr h2,
body.rtl:not(.home) .innrBanner h1,
body.rtl:not(.home) .inrBanner h1,
body.rtl:not(.home) .pageBanner h1,
body.rtl:not(.home) .featurBanr h1,
body.rtl:not(.home) .prodBanr h1,
body.rtl:not(.home) .solBanr h1 {
  font-family: "Tajawal", "Cairo", sans-serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #ffffff !important;
  margin: 0 0 18px !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
  max-width: 900px !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}

/* الفقرات */
body.rtl:not(.home):not(.page-id-6343) .blogTitTop p,
body.rtl:not(.home) .banner-sec.industr p,
body.rtl:not(.home) .innrBanner p,
body.rtl:not(.home) .inrBanner p,
body.rtl:not(.home) .pageBanner p,
body.rtl:not(.home) .featurBanr p,
body.rtl:not(.home) .prodBanr p,
body.rtl:not(.home) .solBanr p {
  font-family: "Tajawal", "Cairo", sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  color: #f1f1f1 !important;
  max-width: 780px !important;
  margin: 0 auto 24px !important;
}

/* الأزرار */
body.rtl:not(.home):not(.page-id-6343) .blogTitTop a.btn,
body.rtl:not(.home):not(.page-id-6343) .blogTitTop .btn,
body.rtl:not(.home) .banner-sec.industr a.btn,
body.rtl:not(.home) .innrBanner a.btn,
body.rtl:not(.home) .inrBanner a.btn,
body.rtl:not(.home) .pageBanner a.btn,
body.rtl:not(.home) .featurBanr a.btn,
body.rtl:not(.home) .prodBanr a.btn,
body.rtl:not(.home) .solBanr a.btn {
  display: inline-block !important;
  background: #009cdd !important;
  background-image: none !important;
  color: #ffffff !important;
  font-family: "Tajawal", "Cairo", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 14px 36px !important;
  border-radius: 6px !important;
  border: 0 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(0, 156, 221, 0.35) !important;
  transition: all 0.25s ease !important;
}
body.rtl:not(.home):not(.page-id-6343) .blogTitTop a.btn:hover,
body.rtl:not(.home) .banner-sec.industr a.btn:hover,
body.rtl:not(.home) .innrBanner a.btn:hover,
body.rtl:not(.home) .inrBanner a.btn:hover,
body.rtl:not(.home) .pageBanner a.btn:hover,
body.rtl:not(.home) .featurBanr a.btn:hover,
body.rtl:not(.home) .prodBanr a.btn:hover,
body.rtl:not(.home) .solBanr a.btn:hover {
  background: #0086c0 !important;
  transform: translateY(-2px) !important;
}

/* موبايل */
@media (max-width: 768px) {
  body.rtl:not(.home):not(.page-id-6343) .blogTitTop,
  body.rtl:not(.home) .banner-sec.industr,
  body.rtl:not(.home) .innrBanner,
  body.rtl:not(.home) .inrBanner,
  body.rtl:not(.home) .pageBanner,
  body.rtl:not(.home) .featurBanr,
  body.rtl:not(.home) .prodBanr,
  body.rtl:not(.home) .solBanr {
    min-height: 340px !important;
    padding: 40px 16px !important;
  }
  body.rtl:not(.home):not(.page-id-6343) .blogTitTop h1,
  body.rtl:not(.home) .banner-sec.industr h1,
  body.rtl:not(.home) .innrBanner h1,
  body.rtl:not(.home) .inrBanner h1,
  body.rtl:not(.home) .pageBanner h1,
  body.rtl:not(.home) .featurBanr h1,
  body.rtl:not(.home) .prodBanr h1,
  body.rtl:not(.home) .solBanr h1 {
    font-size: 26px !important;
    line-height: 1.5 !important;
  }
  body.rtl:not(.home):not(.page-id-6343) .blogTitTop p,
  body.rtl:not(.home) .banner-sec.industr p,
  body.rtl:not(.home) .innrBanner p,
  body.rtl:not(.home) .inrBanner p,
  body.rtl:not(.home) .pageBanner p,
  body.rtl:not(.home) .featurBanr p,
  body.rtl:not(.home) .prodBanr p,
  body.rtl:not(.home) .solBanr p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
}
/* === v9.11: توحيد الفوتر العربي (selector صحيح body.rtl) === */

/* عناوين الأعمدة */
body.rtl footer .ftrTitl,
body.rtl .footer .ftrTitl,
body.rtl #footer .ftrTitl {
  font-family: "Tajawal", "Cairo", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 18px !important;
  line-height: 1.4 !important;
}

/* النصوص العادية والروابط والقوائم */
body.rtl footer,
body.rtl footer p,
body.rtl footer li,
body.rtl footer a,
body.rtl footer .ftrItems,
body.rtl footer .addr,
body.rtl footer .global,
body.rtl footer .menuItms li,
body.rtl footer .menuItms a {
  font-family: "Tajawal", "Cairo", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #b8b8b8 !important;
  line-height: 1.8 !important;
  text-decoration: none !important;
}

/* روابط بدون تسطير */
body.rtl footer a {
  text-decoration: none !important;
}
body.rtl footer a:hover {
  color: #ffffff !important;
}

/* الرقم المجاني */
body.rtl footer .toll,
body.rtl footer .toll a {
  font-family: "Tajawal", "Cairo", sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ff7e1d !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
  text-decoration: none !important;
}
/* ====== Unsubscribe Page v1.0 ====== */
.unsub-wrap {
  max-width: 640px;
  margin: 60px auto;
  padding: 50px 35px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0, 156, 221, 0.08);
  text-align: center;
  font-family: 'Cairo', 'Tajawal', sans-serif;
}
.unsub-icon {
  font-size: 60px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100px; height: 100px; line-height: 100px;
  background: #e6f7fb;
  border-radius: 50%;
}
.unsub-wrap h1 {
  color: #0a2540;
  font-size: 28px;
  font-weight: 700;
  margin: 15px 0;
}
.unsub-lead {
  color: #5a6a7e;
  font-size: 17px;
  line-height: 1.7;
  margin-bottom: 35px;
}
.unsub-box {
  background: #f1f8fc;
  border: 1px solid #d3ecf5;
  border-radius: 12px;
  padding: 28px 22px;
  margin: 25px 0;
}
.unsub-box h3 {
  color: #009cdd;
  font-size: 20px;
  margin-bottom: 10px;
}
.unsub-box p {
  color: #4a5a6e;
  font-size: 15px;
  margin-bottom: 20px;
}
.unsub-btn {
  display: inline-block;
  background: #009cdd;
  color: #fff !important;
  padding: 12px 32px;
  border-radius: 30px;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 15px;
  transition: all .25s ease;
}
.unsub-btn:hover {
  background: #007bb0;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 156, 221, 0.3);
}
.unsub-help {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eef2f5;
  color: #8090a0;
  font-size: 14px;
}
.unsub-help a {
  color: #009cdd;
  text-decoration: none;
}

/* RTL */
body.rtl .unsub-wrap,
.unsub-wrap[dir="rtl"] {
  font-family: 'Tajawal', 'Cairo', sans-serif;
  direction: rtl;
}

/* Mobile */
@media (max-width: 640px) {
  .unsub-wrap { margin: 20px 15px; padding: 35px 20px; }
  .unsub-wrap h1 { font-size: 22px; }
  .unsub-lead { font-size: 15px; }
}
.blog-newsletter-widget {
  background: #f1f3f6 !important;
  border-radius: 10px !important;
  padding: 22px 20px !important;
  margin-top: 24px !important;
}
.blog-newsletter-widget h3 {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700;
  margin-bottom: 10px;
}

.blog-newsletter-widget p {
  color: #4a5568 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin: 0 0 16px !important;
}
.blog-newsletter-widget input[type="email"],
.blog-newsletter-widget input[type="text"] {
  width: 100% !important;
  padding: 10px !important;
  border: none !important;
  border-radius: 6px !important;
  margin-bottom: 10px !important;
  font-size: 14px !important;
}
.blog-newsletter-widget button[type="submit"] {
  background: #0a2540 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 24px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: all 0.3s !important;
}
.blog-newsletter-widget button[type="submit"]:hover {
  background: #fff !important;
  color: #009cdd !important;
}
body.rtl .blog-newsletter-widget {
  text-align: right; direction: rtl;
}
/* إخفاء النص العربي في الصفحة الإنجليزية */
body:not(.rtl) .blog-newsletter-widget .nl-ar {
  display: none !important;
}
/* إخفاء النص الإنجليزي في الصفحة العربية */
body.rtl .blog-newsletter-widget .nl-en {
  display: none !important;
}
.blog-newsletter-widget button[type="submit"],
.blog-newsletter-widget input[type="submit"] {
  background: #fff !important;
  color: #009cdd !important;
  border: 2px solid #fff !important;
  padding: 10px 20px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: all 0.3s !important;
}
.blog-newsletter-widget button[type="submit"]:hover,
.blog-newsletter-widget input[type="submit"]:hover {
  background: transparent !important;
  color: #fff !important;
}
/* ===== Newsletter Form - Blog Sidebar (v9.10) ===== */

.blog-newsletter-widget h3,
.blog-newsletter-widget .nl-title {
  color: #009cdd !important;
  font-family: 'Cairo','Tajawal',sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}

/* النموذج */
.blog-newsletter-widget form.es_subscription_form {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
}

/* كل صف حقل */
.blog-newsletter-widget .es-field-wrap {
  display: block !important;
  width: 100% !important;
}

.blog-newsletter-widget .es-field-wrap label {
  display: block !important;
  font-family: 'Cairo','Tajawal',sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0a2540 !important;
  margin-bottom: 6px !important;
  text-align: right !important;
}

/* الحقول */
.blog-newsletter-widget .es-field-wrap input[type="text"],
.blog-newsletter-widget .es-field-wrap input[type="email"] {
  width: 100% !important;
  height: 46px !important;
  padding: 0 14px !important;
  font: 600 14px/1 'Cairo','Tajawal',sans-serif !important;
  color: #0a2540 !important;
  background: #fff !important;
  border: 1px solid #d6dde5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  outline: none !important;
  text-align: right !important;
  direction: rtl !important;
  transition: border-color .2s, box-shadow .2s !important;
}

.blog-newsletter-widget input::placeholder {
  color: #9aa5b1 !important;
  font-weight: 400 !important;
}

.blog-newsletter-widget input:focus {
  border-color: #009cdd !important;
  box-shadow: 0 0 0 3px rgba(0,156,221,.15) !important;
}

/* صف الزر */
.blog-newsletter-widget .es-submit-container {
  display: flex !important;
  width: 100% !important;
}

.blog-newsletter-widget .es_subscription_form_button,
.blog-newsletter-widget button[type="submit"],
.blog-newsletter-widget input[type="submit"] {
  width: 100% !important;
  height: 48px !important;
  padding: 0 20px !important;
  font: 700 15px/1 'Cairo','Tajawal',sans-serif !important;
  color: #fff !important;
  background: linear-gradient(135deg,#009cdd 0%,#00b3c4 100%) !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  letter-spacing: .3px !important;
  transition: filter .2s, box-shadow .2s, transform .15s !important;
}

.blog-newsletter-widget .es_subscription_form_button:hover {
  filter: brightness(1.05) !important;
  box-shadow: 0 6px 18px rgba(0,156,221,.35) !important;
  transform: translateY(-1px) !important;
}

/* السبينر */
.blog-newsletter-widget .es_spinner_image,
.blog-newsletter-widget img.es_spinner_image {
  width: 22px !important;
  height: 22px !important;
  margin: 8px auto 0 !important;
  display: block !important;
}

/* رسائل النجاح/الخطأ */
.blog-newsletter-widget .es_subscription_message {
  margin-top: 10px !important;
  padding: 10px 12px !important;
  font: 13px 'Cairo','Tajawal',sans-serif !important;
  border-radius: 6px !important;
  text-align: center !important;
}
.blog-newsletter-widget .es_subscription_message.success {
  background: #e8f7ef !important; color:#1b7a3e !important; border:1px solid #b7e4c7 !important;
}
.blog-newsletter-widget .es_subscription_message.error {
  background: #fdecec !important; color:#b3261e !important; border:1px solid #f5c2c0 !important;
}

/* LTR للإنجليزي */
body:not(.rtl) .blog-newsletter-widget .es-field-wrap label,
body:not(.rtl) .blog-newsletter-widget .es-field-wrap input {
  text-align: left !important;
  direction: ltr !important;
}
/* إخفاء النص الإنجليزي في الواجهة العربية */
body.rtl .blogLftfSdbar .es_subscription_form label,
body.rtl .blogLftfSdbar .es_subscription_form input::placeholder {
  /* نظف يدوياً من اللوحة، أو استخدم نموذجين منفصلين */
}

/* ============================================================== */
/* === نهاية الملف v10.5 — 2026-06-28 ================ */

/* 19) Article Cards - auto stack */
.tq-cards {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
  gap:20px !important;
  margin:24px 0 !important;
}
.tq-cards .tq-card {
  background:#fff !important;
  border:1px solid #e6ebf1 !important;
  border-radius:14px !important;
  padding:24px 22px !important;
  box-shadow:0 2px 10px rgba(10,37,64,.04) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  min-width:0 !important;
}
.tq-cards .tq-card h3 {
  margin:0 !important;
  color:#009cdd !important;
  font-weight:700 !important;
  font-size:19px !important;
  line-height:1.5 !important;
  word-wrap:break-word !important;
}
.tq-cards .tq-card h3::before {
  content:"\26A0  ";
  font-size:18px;
}
.tq-cards .tq-card p {
  margin:0 !important;
  color:#5a6573 !important;
  font-size:15.5px !important;
  line-height:1.9 !important;
}
@media (max-width:980px){ .tq-cards{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:560px){ .tq-cards{ grid-template-columns:1fr !important; } }

/* 20) Icegram spinner + blog sidebar overflow */
.es_subscription_form .es_spinner_image,
.es_subscription_form .es-loader,
.es_subscription_form .es-loading,
.es_subscription_form .es-spinner,
.es_subscription_form .loader,
.blog-newsletter-widget .es_spinner_image,
.blog-newsletter-widget .es-loader {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  width:0 !important;
}
.blog.detBlog .col-md-4,
.blog.detBlog .col-md-4.ps-0,
.blog.detBlog .blogLftfSdbar,
.blog.detBlog .blogLftfSdbar .freezSide {
  overflow:visible !important;
  max-height:none !important;
  height:auto !important;
}
.blog.detBlog .blogLftfSdbar *,
.blog.detBlog .col-md-4 * {
  max-width:100% !important;
  word-wrap:break-word !important;
}
/* === توحيد قائمة الحلول في الصفحة الرئيسية featuresSec03 === */
.featuresSec03 .details-pro ul.two {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 30px 40px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: start !important;
}

.featuresSec03 .details-pro ul.two > li {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  min-height: 140px;
}

.featuresSec03 .details-pro ul.two > li strong {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
}

.featuresSec03 .details-pro ul.two > li p {
  margin: 0;
  line-height: 1.7;
}

/* إزالة أي pseudo-elements تكسر الشبكة */
.featuresSec03 .details-pro ul.two::before,
.featuresSec03 .details-pro ul.two::after,
.featuresSec03 .details-pro ul.two > li::before,
.featuresSec03 .details-pro ul.two > li::after {
  display: none !important;
  content: none !important;
}

/* الجوال — عمود واحد */
@media (max-width: 768px) {
  .featuresSec03 .details-pro ul.two {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* ==============================================================
   19) Blog Sidebar + Blog Hero — Final Unified Fix v11.1
   ============================================================== */

/* Blog sidebar: keep the sidebar background inside its own column only.
   The old ::before layer was stretching over the post cards. */
html body .blogLftSdbar,
html body .blogLftfSdbar,
html body .blog.detBlog .blogLftfSdbar {
  position: relative !important;
  z-index: 1 !important;
  isolation: isolate !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 18px !important;
  overflow: visible !important;
  background: #f1f3f6 !important;
  background-color: #f1f3f6 !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

/* Stop every decorative sidebar pseudo-element from drawing a panel over articles. */
html body .blogLftSdbar::before,
html body .blogLftSdbar::after,
html body .blogLftfSdbar::before,
html body .blogLftfSdbar::after,
html body .blog.detBlog .blogLftfSdbar::before,
html body .blog.detBlog .blogLftfSdbar::after,
html body .blogLftSdbar .freezSide::before,
html body .blogLftSdbar .freezSide::after,
html body .blogLftfSdbar .freezSide::before,
html body .blogLftfSdbar .freezSide::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

html body .blogLftSdbar .freezSide,
html body .blogLftfSdbar .freezSide,
html body .blog.detBlog .blogLftfSdbar .freezSide {
  position: relative !important;
  z-index: 2 !important;
  top: auto !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html body .blogLftSdbar > *,
html body .blogLftfSdbar > *,
html body .blog.detBlog .blogLftfSdbar > * {
  position: relative !important;
  z-index: 2 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Keep blog post columns above any old theme background layers. */
html body .blog .row,
html body .blog.detBlog .row,
html body .blog .col-md-8,
html body .blog.detBlog .col-md-8,
html body .blog .col-md-4,
html body .blog.detBlog .col-md-4,
html body .blog .col-md-4.ps-0,
html body .blog.detBlog .col-md-4.ps-0 {
  position: relative !important;
  z-index: 2 !important;
  overflow: visible !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html body .blog .col-md-8,
html body .blog.detBlog .col-md-8,
html body .blog .blogRight,
html body .blog.detBlog .blogRight,
html body .blog .blogList,
html body .blog.detBlog .blogList {
  z-index: 3 !important;
}

/* Arabic Blog page hero only: page-id-6343. */
html body.page-id-6343 .blogTitTop,
html body.page-id-6343 section.blogTitTop {
  min-height: 180px !important;
  height: 180px !important;
  max-height: 180px !important;
  padding: 40px 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

html body.page-id-6343 .blogTitTop::before,
html body.page-id-6343 .blogTitTop::after,
html body.page-id-6343 section.blogTitTop::before,
html body.page-id-6343 section.blogTitTop::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

html body.page-id-6343 .blogTitTop .container,
html body.page-id-6343 .blogTitTop .row,
html body.page-id-6343 .blogTitTop .titleArea {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body.rtl.page-id-6343 .blogTitTop h1,
html body.rtl.page-id-6343 .blogTitTop h2,
html body.rtl.page-id-6343 .blogTitTop .title,
html body.rtl.page-id-6343 section.blogTitTop h1,
html body.rtl.page-id-6343 section.blogTitTop h2 {
  color: #009cdd !important;
  -webkit-text-fill-color: #009cdd !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  text-shadow: none !important;
  font-family: "Tajawal","Cairo",sans-serif !important;
  font-size: clamp(22px, 2.4vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  html body.page-id-6343 .blogTitTop,
  html body.page-id-6343 section.blogTitTop {
    min-height: 140px !important;
    height: 140px !important;
    max-height: 140px !important;
    padding: 25px 0 !important;
  }

  html body .blogLftSdbar,
  html body .blogLftfSdbar,
  html body .blog.detBlog .blogLftfSdbar {
    padding: 18px 14px !important;
  }
}


/* ============================================================
   v11.3 — إصلاح شامل لهيرو مدونة ترانكويل العربية
   يستهدف أي صفحة مدونة عربية (ليس فقط page-id-6343) لأن
   Polylang قد يمنح الصفحة معرّفاً مختلفاً حسب الترجمة.
   ============================================================ */

/* استهداف موسّع: كل صفحة عربية RTL تحوي blogTitTop
   وليست صفحة تفاصيل مقال (single) */
html body.rtl:not(.single):not(.single-post) .blogTitTop,
html body.rtl:not(.single):not(.single-post) section.blogTitTop,
html body[class*="page-template-blog"].rtl .blogTitTop,
html body[class*="page-template-blog"].rtl section.blogTitTop,
html body.rtl.blog .blogTitTop,
html body.rtl.blog section.blogTitTop {
  min-height: 180px !important;
  height: 180px !important;
  max-height: 180px !important;
  padding: 40px 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* إلغاء أي طبقة overlay مضافة سابقاً */
html body.rtl:not(.single):not(.single-post) .blogTitTop::before,
html body.rtl:not(.single):not(.single-post) .blogTitTop::after,
html body.rtl:not(.single):not(.single-post) section.blogTitTop::before,
html body.rtl:not(.single):not(.single-post) section.blogTitTop::after,
html body[class*="page-template-blog"].rtl .blogTitTop::before,
html body[class*="page-template-blog"].rtl .blogTitTop::after,
html body.rtl.blog .blogTitTop::before,
html body.rtl.blog .blogTitTop::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  height: 0 !important;
  min-height: 0 !important;
}

/* الحاويات الداخلية */
html body.rtl:not(.single):not(.single-post) .blogTitTop .container,
html body.rtl:not(.single):not(.single-post) .blogTitTop .row,
html body.rtl:not(.single):not(.single-post) .blogTitTop .titleArea,
html body[class*="page-template-blog"].rtl .blogTitTop .container,
html body[class*="page-template-blog"].rtl .blogTitTop .row {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

/* لون العنوان — سماوي #009cdd (خصوصية عالية جداً) */
html body.rtl:not(.single):not(.single-post) .blogTitTop h1,
html body.rtl:not(.single):not(.single-post) .blogTitTop h2,
html body.rtl:not(.single):not(.single-post) .blogTitTop .title,
html body.rtl:not(.single):not(.single-post) section.blogTitTop h1,
html body.rtl:not(.single):not(.single-post) section.blogTitTop h2,
html body[class*="page-template-blog"].rtl .blogTitTop h1,
html body[class*="page-template-blog"].rtl .blogTitTop h2,
html body.rtl.blog .blogTitTop h1,
html body.rtl.blog .blogTitTop h2 {
  color: #009cdd !important;
  -webkit-text-fill-color: #009cdd !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow: none !important;
  font-family: "Tajawal","Cairo",sans-serif !important;
  font-size: clamp(22px, 2.4vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  html body.rtl:not(.single):not(.single-post) .blogTitTop,
  html body.rtl:not(.single):not(.single-post) section.blogTitTop,
  html body[class*="page-template-blog"].rtl .blogTitTop,
  html body.rtl.blog .blogTitTop {
    min-height: 140px !important;
    height: 140px !important;
    max-height: 140px !important;
    padding: 25px 0 !important;
  }
}

/* ============================================================
   v11.4 — إصلاح مؤكّد لصفحة مدونة ترانكويل العربية
   من DevTools: body#post-6343.rtl.page-template-page-te...
   المشكلة: القاعدة السابقة كانت تستثني .page-id-6343 لكن
   الـ body لا يحمل هذه الفئة — بل يحمل id="post-6343".
   الحل: استهداف بالـ ID مع أعلى خصوصية ممكنة.
   ============================================================ */

html body#post-6343 section.blogTitTop,
html body#post-6343 .blogTitTop {
  min-height: 180px !important;
  height: 180px !important;
  max-height: 180px !important;
  padding: 40px 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* إزالة أي overlay/pseudo يضخّم الارتفاع */
html body#post-6343 section.blogTitTop::before,
html body#post-6343 section.blogTitTop::after,
html body#post-6343 .blogTitTop::before,
html body#post-6343 .blogTitTop::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

/* الحاويات الداخلية */
html body#post-6343 .blogTitTop .container,
html body#post-6343 .blogTitTop .row,
html body#post-6343 .blogTitTop .col-lg-12,
html body#post-6343 .blogTitTop .titleArea {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* لون العنوان — سماوي #009cdd */
html body#post-6343 section.blogTitTop h1,
html body#post-6343 section.blogTitTop h2,
html body#post-6343 section.blogTitTop .title,
html body#post-6343 .blogTitTop h1,
html body#post-6343 .blogTitTop h2 {
  color: #009cdd !important;
  -webkit-text-fill-color: #009cdd !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow: none !important;
  font-family: "Tajawal","Cairo",sans-serif !important;
  font-size: clamp(22px, 2.4vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  html body#post-6343 section.blogTitTop,
  html body#post-6343 .blogTitTop {
    min-height: 140px !important;
    height: 140px !important;
    max-height: 140px !important;
    padding: 25px 0 !important;
  }
}

/* ============================================
   v11.5 — إجبار ارتفاع هيرو مدونة ترانكويل العربية
   الاستهداف: body#post-6343 (ID عنصر الجسم في DevTools)
   ============================================ */
html body#post-6343 section.blogTitTop,
html body#post-6343.page-template-blog section.blogTitTop,
html body.rtl#post-6343 section.blogTitTop {
  min-height: 180px !important;
  height: 180px !important;
  max-height: 180px !important;
  padding: 0 !important;
  margin: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

html body#post-6343 section.blogTitTop > .container,
html body#post-6343 section.blogTitTop .col-lg-12,
html body#post-6343 section.blogTitTop .titleArea {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

html body#post-6343 section.blogTitTop::before,
html body#post-6343 section.blogTitTop::after {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body#post-6343 section.blogTitTop h1,
html body#post-6343 section.blogTitTop h2 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  color: #009cdd !important;
  -webkit-text-fill-color: #009cdd !important;
  text-shadow: none !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  font-family: "Tajawal","Cairo",sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(20px, 2.2vw, 30px) !important;
}

@media (max-width: 768px) {
  html body#post-6343 section.blogTitTop {
    min-height: 140px !important;
    height: 140px !important;
    max-height: 140px !important;
  }
}

/* ==============================================================
   v12.0 — إصلاح نهائي للفوتر وإزالة الخط البرتقالي
   ملاحظة: أضف هذا الملف بعد ملفات القالب و WP Rocket حتى يتغلب عليها.
   ============================================================== */

/* 1) إزالة أي خط برتقالي/فاصل قبل أو بعد العناوين والنصوص داخل الموقع */
html body h1::before,
html body h1::after,
html body h2::before,
html body h2::after,
html body h3::before,
html body h3::after,
html body h4::before,
html body h4::after,
html body h5::before,
html body h5::after,
html body h6::before,
html body h6::after,
html body .ftrbnr h1::before,
html body .ftrbnr h1::after,
html body .featurTop h1::before,
html body .featurTop h1::after,
html body .banner-cont.ftrbnr h1::before,
html body .banner-cont.ftrbnr h1::after,
html body .section-title::before,
html body .section-title::after,
html body .ftrTitl::before,
html body .ftrTitl::after,
html body footer h1::before,
html body footer h1::after,
html body footer h2::before,
html body footer h2::after,
html body footer h3::before,
html body footer h3::after,
html body footer h4::before,
html body footer h4::after,
html body footer .ftrItems li::before,
html body footer .ftrItems li::after,
html body footer ul li::before,
html body footer ul li::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 2) منع اللون البرتقالي من العودة على الفواصل فقط، مع إبقاء رقم الهاتف برتقالي كما كان مطلوباً سابقاً */
html body .featurTop h1,
html body .ftrbnr h1,
html body .banner-cont.ftrbnr h1,
html body .section-title,
html body footer .ftrTitl,
html body footer h2,
html body footer h3,
html body footer h4 {
  border-color: transparent !important;
  background-image: none !important;
}

/* 3) الفوتر — إعادة تثبيت الشكل الموحد عربي/إنجليزي */
html body footer,
html body footer *:not(.fa):not(.fa *):not(i) {
  font-family: 'Tajawal', 'Cairo', Arial, sans-serif !important;
  letter-spacing: 0 !important;
  box-sizing: border-box !important;
}

html[lang^="en"] body footer,
html[lang^="en"] body footer *:not(.fa):not(.fa *):not(i) {
  font-family: 'Inter', 'Source Sans 3', Arial, sans-serif !important;
}

html body footer {
  direction: inherit !important;
  text-align: inherit !important;
  overflow: hidden !important;
  background: #0b1626 !important;
}

html body footer .container {
  max-width: 1200px !important;
  width: 100% !important;
}

html body footer .menuItms .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

html[dir="rtl"] body footer .menuItms .row,
body.rtl footer .menuItms .row {
  direction: rtl !important;
}

html[dir="ltr"] body footer .menuItms .row,
html[lang^="en"] body footer .menuItms .row {
  direction: ltr !important;
}

html body footer .menuItms .row > div {
  float: none !important;
  flex: 1 1 20% !important;
  max-width: 20% !important;
  min-width: 0 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

html body footer .ftrItems,
html body footer .connect,
html body footer .somediaCvr {
  width: 100% !important;
  display: block !important;
  text-align: inherit !important;
  color: #b8b8b8 !important;
}

html[dir="rtl"] body footer .ftrItems,
html[dir="rtl"] body footer .connect,
html[dir="rtl"] body footer .somediaCvr,
body.rtl footer .ftrItems,
body.rtl footer .connect,
body.rtl footer .somediaCvr {
  direction: rtl !important;
  text-align: right !important;
}

html[lang^="en"] body footer .ftrItems,
html[lang^="en"] body footer .connect,
html[lang^="en"] body footer .somediaCvr {
  direction: ltr !important;
  text-align: left !important;
}

html body footer .ftrTitl,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer .addr-title {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  text-transform: none !important;
}

html body footer p,
html body footer li,
html body footer a,
html body footer .textwidget,
html body footer .copy {
  color: #b8b8b8 !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

html body footer ul,
html body footer li {
  list-style: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body footer a:hover {
  color: #ffffff !important;
}

/* 4) المكتب الرئيسي يكون يمين العربي بدون قلب اتجاه كل الموقع */
html[dir="rtl"] body footer .menuItms .row > div:first-child,
body.rtl footer .menuItms .row > div:first-child {
  order: -10 !important;
}

html[lang^="en"] body footer .menuItms .row > div:first-child {
  order: 0 !important;
}

/* 5) رقم الهاتف في الفوتر — قابل للقراءة ولا ينعكس */
html body footer .toll,
html body footer .toll a,
html body footer .toll a[href^="tel:"] {
  font-family: 'Inter', 'Tajawal', Arial, sans-serif !important;
  font-size: 22px !important;
  line-height: 1.8 !important;
  font-weight: 700 !important;
  color: #ff7e1d !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
  text-decoration: none !important;
}

html[dir="rtl"] body footer .toll,
body.rtl footer .toll {
  text-align: right !important;
}

/* 6) فورم الفوتر */
html body footer .connectForm,
html body footer .connectform,
html body footer .wpcf7,
html body footer form {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

html body footer input[type="email"],
html body footer .wpcf7-email,
html body footer .form-control {
  width: 100% !important;
  max-width: 100% !important;
  height: 42px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  padding: 8px 12px !important;
  box-shadow: none !important;
}

html body footer .wpcf7-submit,
html body footer .cnsubm,
html body footer input[type="submit"] {
  background: #009cdd !important;
  border-color: #009cdd !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  min-width: 42px !important;
  height: 42px !important;
  box-shadow: none !important;
}

/* 7) السوشيال — دوائر ثابتة وليست بيضاوية */
html body footer ul.social,
html body footer .somediaCvr ul.social {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html[dir="rtl"] body footer ul.social,
body.rtl footer ul.social {
  justify-content: flex-end !important;
}

html[lang^="en"] body footer ul.social {
  justify-content: flex-start !important;
}

html body footer ul.social li,
html body footer .somediaCvr ul.social li {
  display: inline-flex !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: none !important;
  border: 0 !important;
}

html body footer ul.social li a,
html body footer .somediaCvr ul.social li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #009cdd !important;
  color: #ffffff !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: hidden !important;
  transform: none !important;
}

html body footer ul.social li a i,
html body footer .somediaCvr ul.social li a i,
html body footer ul.social li a .fa {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: FontAwesome !important;
  font-size: 17px !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body footer ul.social li a:hover,
html body footer .somediaCvr ul.social li a:hover {
  background: #007fb5 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* 8) حقوق النشر */
html body footer .copyright,
html body footer .copyright * {
  color: #b8b8b8 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

html[dir="rtl"] body footer .copyright,
body.rtl footer .copyright,
html[dir="rtl"] body footer .copy,
body.rtl footer .copy {
  direction: rtl !important;
  text-align: right !important;
}

html[lang^="en"] body footer .copyright,
html[lang^="en"] body footer .copy {
  direction: ltr !important;
  text-align: left !important;
}

@media (max-width: 1199px) {
  html body footer .menuItms .row > div {
    flex: 1 1 33.333% !important;
    max-width: 33.333% !important;
    margin-bottom: 28px !important;
  }
}

@media (max-width: 767px) {
  html body footer .menuItms .row > div {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    margin-bottom: 26px !important;
  }

  html[dir="rtl"] body footer,
  body.rtl footer,
  html[dir="rtl"] body footer .ftrItems,
  body.rtl footer .ftrItems,
  html[dir="rtl"] body footer .connect,
  body.rtl footer .connect,
  html[dir="rtl"] body footer .somediaCvr,
  body.rtl footer .somediaCvr,
  html[dir="rtl"] body footer .copyright,
  body.rtl footer .copyright,
  html[dir="rtl"] body footer .copy,
  body.rtl footer .copy {
    text-align: right !important;
  }

  html[dir="rtl"] body footer ul.social,
  body.rtl footer ul.social {
    justify-content: flex-end !important;
  }
}


/* ============================================
   v12.0 - إصلاح الشريط الأبيض/الأزرق خلف "الاتصال المجاني" في الفوتر
   ============================================ */

/* إخفاء أي pseudo-element ملون خلف عناوين الفوتر */
footer .ftrTitl::before,
footer .ftrTitl::after,
footer h4::before,
footer h4::after,
footer h3::before,
footer h3::after,
footer .toll::before,
footer .toll::after,
footer .connect-title::before,
footer .connect-title::after,
.footer-widget h4::before,
.footer-widget h4::after,
.ftrItems h4::before,
.ftrItems h4::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* التأكد من عدم وجود خلفيات غريبة على عناوين الفوتر */
footer .ftrTitl,
footer h4.ftrTitl,
footer .ftrItems h4,
footer .connect-title {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  position: relative !important;
}

/* رقم الاتصال المجاني - لون برتقالي واضح بدون خلفية */
footer .toll,
footer a.toll,
.footer .toll {
  background: transparent !important;
  background-image: none !important;
  color: #ff7e1d !important;
  padding: 0 !important;
  display: block !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
}

/* ==============================================================

/* ==============================================================
   v12.6 — إصلاحات نهائية موحّدة (تحل محل جميع بلوكات v12.3 المتضاربة)
   يتضمن:
     - إزالة الخط البرتقالي الزخرفي في كل الموقع
     - أيقونات السوشال دوائر مثالية 38×38
     - خلفية شفافة لعناوين الفوتر
     - نموذج الاشتراك (input + submit) على سطر واحد بعرض متساوٍ
     - سهم أبيض على زر الإرسال (SVG) مع قلب الاتجاه في العربي
     - كتلة "الاتصال المجاني" أسفل الفورم، الرقم LTR دائماً
   ============================================================== */

/* 1) قتل الخط البرتقالي الزخرفي (::before/::after) ماعدا FontAwesome */
html body *:not(i):not([class^="fa-"]):not([class*=" fa-"])::before,
html body *:not(i):not([class^="fa-"]):not([class*=" fa-"])::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html body .orange-line,
html body .divider-orange,
html body span.orangeLine {
  display: none !important;
}

/* 2) خلفية شفافة لعناوين الفوتر */
html body footer .ftrTitl,
html body footer .ftrTitl::before,
html body footer .ftrTitl::after,
html body footer h4,
html body footer h4::before,
html body footer h4::after {
  background: transparent !important;
  background-color: transparent !important;
}

/* 3) أيقونات السوشال — دوائر مثالية */
html body footer ul.social li a {
  width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 4) نموذج الاشتراك في الفوتر — سطر واحد، حقل + زر */
footer .connectForm,
footer .connect .wpcf7-form,
footer .connect form.wpcf7-form {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 360px !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 10px 0 !important;
  position: relative !important;
  float: none !important;
  clear: both !important;
}

footer .connect .wpcf7-form-control-wrap,
footer .connect p,
footer .connectForm p {
  flex: 1 1 auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

footer .connect input[type="email"],
footer .connectForm input[type="email"],
footer .connect input.wpcf7-email {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #222 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
  float: none !important;
  position: relative !important;
}

footer .connect input[type="submit"],
footer .connectForm input[type="submit"],
footer .connect .wpcf7-submit {
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #009cdd url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/><polyline points='12 5 19 12 12 19'/></svg>") center/18px 18px no-repeat !important;
  color: transparent !important;
  font-size: 0 !important;
  cursor: pointer !important;
  transition: background-color .2s ease !important;
  position: relative !important;
  float: none !important;
}
footer .connect input[type="submit"]:hover { background-color: #007bb0 !important; }

/* اقلب السهم في العربي */
html[lang^="ar"] footer .connect input[type="submit"],
body.rtl footer .connect input[type="submit"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><line x1='19' y1='12' x2='5' y2='12'/><polyline points='12 5 5 12 12 19'/></svg>") !important;
  background-color: #009cdd !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
}

/* Spinner + رسائل CF7 */
footer .connect .wpcf7-spinner { position: absolute !important; margin: 0 !important; }
footer .connect .wpcf7-response-output {
  flex-basis: 100% !important;
  margin: 8px 0 0 !important;
  font-size: 12px !important;
}

/* 5) كتلة "الاتصال المجاني" */
footer .toll,
footer .toll-free {
  display: block !important;
  clear: both !important;
  float: none !important;
  width: 100% !important;
  margin-top: 18px !important;
  padding: 0 !important;
  background: transparent !important;
  text-align: inherit !important;
  position: relative !important;
}
footer .toll .toll-label,
footer .toll-free .toll-label,
footer .toll span:first-child {
  display: block !important;
  color: #f7941d !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  unicode-bidi: normal !important;
}
footer .toll a,
footer .toll bdi,
footer .toll-free a,
footer .toll-free bdi {
  display: inline-block !important;
  direction: ltr !important;
  unicode-bidi: bidi-override !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: .5px !important;
  text-decoration: none !important;
}

/* 6) موبايل */
@media (max-width: 640px) {
  footer .connectForm { max-width: 100% !important; }
}
/* ============================================================
   Tranquil Custom CSS — v12.7 APPEND BLOCK
   أضف هذا الكود في نهاية ملف tranquil-custom-css-v12.6.css
   إصلاحات:
   1) إزالة الخط البرتقالي h2::before / h2::after في كل الصفحات
   2) إعادة تنسيق الفوتر (الأعمدة، الاصطفاف، فورم الاشتراك، الاتصال المجاني)
   ============================================================ */

/* ---------- 1) إزالة الخط البرتقالي قبل/بعد العناوين ---------- */
.freeQuote h2::before,
.freeQuote h2::after,
.quotCont h2::before,
.quotCont h2::after,
.quotCont h1::before,
.quotCont h1::after,
section h2::before,
section h2::after,
.container h2::before,
.container h2::after,
.textwidget h4::before,
.textwidget h4::after,
.ftrItems h4::before,
.ftrItems h4::after,
.addr-title::before,
.addr-title::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* استثناء: أبقِ أيقونات FontAwesome تعمل */
[class*="fa-"]::before,
[class*="fa-"]::after,
.fa::before,
.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-brands::before,
.fa-regular::before {
  content: unset;
  display: inline-block !important;
}

/* ---------- 2) الفوتر — تنسيق موحد ومستقر ---------- */
footer {
  background: #1a3a5c !important;
  color: #fff !important;
  padding: 60px 0 20px !important;
  position: relative;
  overflow: hidden;
}

footer .container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

/* صف الأعمدة */
footer .menuItms .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px 20px !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}

footer .menuItms .row > [class*="col-"] {
  flex: 1 1 200px !important;
  max-width: 100% !important;
  padding: 0 10px !important;
}

/* عناوين الأعمدة */
footer .ftrItems h4,
footer .addr-title,
footer .textwidget h4 {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 18px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid rgba(255,255,255,0.15) !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

/* روابط الفوتر */
footer .ftrItems ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer .ftrItems ul li {
  margin-bottom: 10px !important;
  line-height: 1.6 !important;
}

footer .ftrItems ul li a,
footer .ftrItems p,
footer .ftrItems {
  color: rgba(255,255,255,0.85) !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color .2s ease;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

footer .ftrItems ul li a:hover {
  color: #00c8e6 !important;
}

/* ---------- 3) فورم الاشتراك (Work Email) ---------- */
footer .connectForm,
footer .quotForm {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin-top: 15px !important;
  background: #fff !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  max-width: 320px !important;
}

footer .connectForm input[type="email"],
footer .connectForm input[type="text"],
footer .quotForm input[type="email"] {
  flex: 1 1 auto !important;
  border: 0 !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  background: #fff !important;
  color: #333 !important;
  min-width: 0 !important;
  outline: none !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
}

footer .connectForm input[type="submit"],
footer .quotForm input[type="submit"] {
  flex: 0 0 auto !important;
  background: linear-gradient(135deg, #009cdd, #00c8e6) !important;
  color: #fff !important;
  border: 0 !important;
  padding: 0 20px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  min-width: 60px !important;
  font-size: 18px !important;
}

/* ---------- 4) الاتصال المجاني ---------- */
footer .toll {
  clear: both !important;
  display: block !important;
  margin-top: 20px !important;
  padding-top: 15px !important;
  border-top: 1px solid rgba(255,255,255,0.15) !important;
  color: #ff9800 !important;
  font-weight: 700 !important;
}

footer .toll a,
footer .toll bdi {
  color: #ff9800 !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
  display: inline-block !important;
  text-decoration: none !important;
  font-family: 'Arial', sans-serif !important;
  letter-spacing: 0.5px !important;
}

/* ---------- 5) أيقونات السوشال (دوائر مثالية) ---------- */
footer .social,
footer .socialIcons,
footer ul.social {
  display: flex !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 15px 0 !important;
  list-style: none !important;
  flex-wrap: wrap !important;
}

footer .social li a,
footer .socialIcons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.1) !important;
  color: #fff !important;
  transition: background .2s ease;
}

footer .social li a:hover,
footer .socialIcons a:hover {
  background: #009cdd !important;
}

/* ---------- 6) حقوق النشر ---------- */
footer .copyright {
  text-align: center !important;
  margin-top: 30px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255,255,255,0.15) !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
}

/* ---------- 7) RTL — ترتيب العمود الرئيسي في اليمين ---------- */
html[lang^="ar"] footer .menuItms .row,
body.rtl footer .menuItms .row {
  flex-direction: row-reverse !important;
}

/* ---------- 8) موبايل ---------- */
@media (max-width: 768px) {
  footer .menuItms .row {
    flex-direction: column !important;
  }
  html[lang^="ar"] footer .menuItms .row,
  body.rtl footer .menuItms .row {
    flex-direction: column !important;
  }
  footer .connectForm,
  footer .quotForm {
    max-width: 100% !important;
  }
}

/* ---------- 9) قطع أي شريط زخرفي أعلى الفوتر ---------- */
footer::before,
footer::after,
footer .menuItms::before,
footer .menuItms::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}