/* ==============================================================
   TRANQUIL BS - Additional CSS (UNIFIED, CLEANED & DEDUPED) - v11.0
   التاريخ: 2026-06-28
   المكان: WordPress → المظهر → تخصيص → CSS إضافي
   ----------------------------------------------------------------
   ملاحظات هذه النسخة (v10.5):
     - تم دمج كل الدفعات في ملف واحد منظّم.
     - حُذفت التكرارات (الميغا-مينيو، السوشيال، تباين النصوص ...إلخ).
     - أُزيلت أي تعليقات تحتوي رموز < > التي تسبّب خطأ "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;
    padding: 0 !important;
    list-style: none !important;
    background: none !important;
    background-image: none !important;
    display: inline-flex !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;
}

/* ==============================================================
   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 {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
  padding: 0 !important;
  width: 38px;
  height: 38px;
  z-index: 10;
  opacity: 1 !important;
  border: none !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.22) !important;
  background-image: none !important;
  filter: none !important;
  box-shadow: none !important;
  font-size: 0 !important;
  color: transparent !important;
  text-indent: 0 !important;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* رسم علامة 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, sansitch-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 .btn-close,
.modal .modal-header .close {
  right: 18px;
  left: auto;
}

.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 {
  background: linear-gradient(135deg, #0b215c, #1063b5, #0aa5d9) !important;
  border-bottom: none !important;
  padding: 18px 24px !important;
  position: relative;
  display: flex;
  align-items: center;
}

.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
   ============================================ */
.modal .modal-header .btn-close,
.modal .modal-header .close {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
  padding: 0 !important;
  width: 38px;
  height: 38px;
  z-index: 10;
  opacity: 1 !important;
  border: none !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.22) !important;
  background-image: none !important;
  filter: none !important;
  box-shadow: none !important;
  font-size: 0 !important;
  color: transparent !important;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.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 .btn-close,
.modal .modal-header .close {
  right: 18px;
  left: auto;
}
.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;
}

/* موبايل */
@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 li {
    margin: 0 !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 {
    background-color: transparent !important;
    background-image: none !important;
    border-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 */
*::before,
*::after {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}
/* ==============================================================
   توحيد خط/لون/حجم فوتر اللغة العربية مع الإنجليزية — 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: linear-gradient(135deg, #009cdd 0%, #00b3c4 100%);
  padding: 24px;
  border-radius: 12px;
  color: #fff;
  margin-bottom: 24px;
  box-shadow: 0 4px 20px rgba(0,156,221,0.2);
}
.blog-newsletter-widget h3 {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
}
.blog-newsletter-widget p {
  color: rgba(255,255,255,0.95) !important;
  font-size: 14px !important;
  margin: 0 0 16px !important;
  line-height: 1.6 !important;
}
.blog-newsletter-widget input[type="email"],
.blog-newsletter-widget input[type="text"] {
  background: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  width: 100% !important;
  margin-bottom: 8px !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 {
  margin-top: 25px;
  padding: 20px;
  background: linear-gradient(135deg, #009cdd 0%, #00b3c4 100%);
  border-radius: 10px;
  color: #fff;
}
.blog-newsletter-widget h3 {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700;
  margin-bottom: 10px;
}
.blog-newsletter-widget p {
  color: #fff !important;
  font-size: 13px;
  margin-bottom: 15px;
  line-height: 1.6;
}
.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"],
.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;
}
body.rtl .blog-newsletter-widget { text-align: right; direction: rtl; }
/* ===== Newsletter Form - Blog Sidebar (v9.10) ===== */
.blog-newsletter-widget {
  background: #f1f3f6 !important;
  border-radius: 10px !important;
  padding: 22px 20px !important;
  margin-top: 24px !important;
}

.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 p {
  color: #4a5568 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin: 0 0 16px !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(50px, 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;
  }
}
body#post-6343 section.blogTitTop .titleArea h1 { color:#009cdd !important; -webkit-text-fill-color:#009cdd !important; background:none !important; text-shadow:none !important; }
/* ==============================================================
   Section Footer Unified — v11.7 (استعادة v9.6 + v9.7 + Social Circles)
   ============================================================== */

/* 1) عناوين الأعمدة — أبيض، 18px، Bold */
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 .widget-title,
html[dir="rtl"] footer .menuItms .widget-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
  margin: 0 0 15px 0 !important;
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
  text-align: right !important;
}

/* 2) القوائم */
html[dir="rtl"] footer ul,
html[dir="rtl"] footer .ftrItems ul,
html[dir="rtl"] footer .ftrItems .menu,
html[dir="rtl"] footer .ftrItems .addr {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 3) الروابط والنصوص — رمادي فاتح، 14px */
html[dir="rtl"] footer p,
html[dir="rtl"] footer a,
html[dir="rtl"] footer li,
html[dir="rtl"] footer .ftrItems span,
html[dir="rtl"] footer .ftrItems address {
  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;
  text-align: right !important;
  margin: 0 0 6px 0 !important;
}

html[dir="rtl"] footer a:hover { color: #ffffff !important; }

/* 4) المكتب الرئيسي أقصى اليمين */
html[dir="rtl"] footer .menuItms,
html[dir="rtl"] footer .row {
  flex-direction: row !important;
}
html[dir="rtl"] footer .ftrItems:first-child,
html[dir="rtl"] footer .ftrItems:has(address),
html[dir="rtl"] footer .ftrItems:has(.addr) {
  order: -1 !important;
}

/* 5) رقم الاتصال المجاني — LTR بلون برتقالي */
html[dir="rtl"] footer .toll-free,
html[dir="rtl"] footer .phone-number,
html[dir="rtl"] footer a[href^="tel:"] {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ff7e1d !important;
  direction: ltr !important;
  unicode-bidi: bidi-override !important;
  display: inline-block !important;
}

/* 6) أيقونات السوشال — دوائر منتظمة 38×38 */
footer .social-icons a,
footer .socialIcons a,
footer ul.social li a,
.footer-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  margin: 0 6px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  transition: all 0.3s ease !important;
}
footer .social-icons a:hover,
footer .socialIcons a:hover,
footer ul.social li a:hover,
.footer-social a:hover {
  background: #009cdd !important;
  transform: translateY(-2px) !important;
}
footer .social-icons a i,
footer .socialIcons a i,
footer ul.social li a i,
.footer-social a i {
  font-size: 15px !important;
  color: #fff !important;
  margin: 0 !important;
}

/* 7) إزالة أي pseudo-elements برتقالية داخل الفوتر */
footer .social-icons a::before,
footer .social-icons a::after,
footer .socialIcons a::before,
footer .socialIcons a::after {
  display: none !important;
  content: none !important;
}
/* ============================================
   CAREER FORM STYLING - AR & EN
   (page-id-انضم-لنا / join-us) — v11.8
   ============================================ */

/* حاوية الفورم */
.wpcf7, form.wpcf7-form {
  max-width: 100%;
  font-family: 'Cairo', 'Tajawal', 'Segoe UI', sans-serif !important;
}

/* الحقول: نص + إيميل + هاتف + tel + textarea + file */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100% !important;
  padding: 14px 18px !important;
  margin-bottom: 14px !important;
  background: #f5f7fa !important;
  border: 1px solid #e1e6ee !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-family: inherit !important;
  color: #1a2332 !important;
  transition: all .25s ease !important;
  box-shadow: none !important;
  outline: none !important;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  border-color: #009cdd !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0,156,221,.12) !important;
}

.wpcf7 textarea {
  min-height: 140px !important;
  resize: vertical !important;
}

/* placeholder */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: #8b95a5 !important;
  opacity: 1 !important;
  font-family: inherit !important;
}

/* اتجاه RTL/LTR */
body.rtl .wpcf7 input,
body.rtl .wpcf7 textarea,
body.rtl .wpcf7 select {
  text-align: right !important;
  direction: rtl !important;
}
body:not(.rtl) .wpcf7 input,
body:not(.rtl) .wpcf7 textarea,
body:not(.rtl) .wpcf7 select {
  text-align: left !important;
  direction: ltr !important;
}

/* حقل رفع الملف */
.wpcf7 input[type="file"] {
  width: 100% !important;
  padding: 12px !important;
  background: #f5f7fa !important;
  border: 1px dashed #009cdd !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  margin-bottom: 14px !important;
}

/* زر الإرسال */
.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"] {
  background: linear-gradient(135deg, #009cdd 0%, #00b3c4 100%) !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 42px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all .3s ease !important;
  box-shadow: 0 4px 14px rgba(0,156,221,.35) !important;
  min-width: 160px !important;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 button[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,156,221,.45) !important;
  filter: brightness(1.05) !important;
}

/* رسائل الخطأ/النجاح */
.wpcf7 .wpcf7-not-valid-tip {
  color: #e63946 !important;
  font-size: 13px !important;
  margin-top: -8px !important;
  margin-bottom: 10px !important;
}
.wpcf7 .wpcf7-response-output {
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  margin-top: 16px !important;
}

/* موبايل */
@media (max-width: 768px) {
  .wpcf7 input, .wpcf7 textarea, .wpcf7 select {
    padding: 12px 14px !important;
    font-size: 14px !important;
  }
  .wpcf7 input[type="submit"] {
    width: 100% !important;
  }
}
/* ============================================
   v11.9 — إصلاحات Edge (خط برتقالي + فوتر)
   ============================================ */

/* 1) إخفاء الخط البرتقالي فوق كل العناوين والأقسام */
body .titleArea::before,
body .titleArea::after,
body .sec-title::before,
body .sec-title::after,
body .quotForm::before,
body .quotForm::after,
body h1::before,
body h2::before,
body h3::before,
body .ftrItems h4::before,
body .ftrItems h4::after,
body .footerCol h4::before,
body footer h4::before,
body footer h4::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  border: 0 !important;
  height: 0 !important;
  width: 0 !important;
}

/* 2) الفوتر — أعمدة متساوية ومحاذاة صحيحة */
body.rtl footer .container,
body.rtl .footerWrap .container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}

body.rtl footer .ftrItems,
body.rtl footer .footerCol {
  flex: 1 1 200px !important;
  min-width: 180px !important;
  text-align: right !important;
}

/* عمود المكتب الرئيسي أول عمود من اليمين */
body.rtl footer .headOffice,
body.rtl footer .ftrItems.headOffice,
body.rtl footer [class*="head"]:first-of-type {
  order: -1 !important;
}

/* 3) توحيد الخط في الفوتر العربي */
body.rtl footer,
body.rtl footer * {
  font-family: 'Tajawal', 'Cairo', sans-serif !important;
}

body.rtl footer h4,
body.rtl footer .ftrTitle {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
  padding: 0 !important;
}

body.rtl footer a,
body.rtl footer li {
  font-size: 14px !important;
  color: #c5c9d3 !important;
  line-height: 2 !important;
}

/* 4) رقم الاتصال المجاني — برتقالي وLTR صحيح */
body footer .tq-phone,
body footer a[href^="tel:"] {
  color: #ff7a00 !important;
  font-weight: 700 !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
  display: inline-block !important;
}

/* 5) أيقونات السوشيال — دوائر متساوية */
body footer .social a,
body footer .socialIcons a,
body footer ul.social li a,
body footer [class*="social"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #009cdd !important;
  color: #ffffff !important;
  margin: 0 4px !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

body footer .social a i,
body footer .socialIcons a i,
body footer [class*="social"] a i {
  font-size: 16px !important;
  line-height: 1 !important;
  color: #ffffff !important;
}

body footer .social a:hover,
body footer [class*="social"] a:hover {
  background: #007bb3 !important;
  transform: translateY(-2px) !important;
  transition: all 0.25s ease !important;
}
/* Edge / Final Override - Orange line + Footer */

html body .titleArea::before,
html body .titleArea::after,
html body .sec-title::before,
html body .sec-title::after,
html body .blogTitTop::before,
html body .blogTitTop::after,
html body .blogTitTop .titleArea::before,
html body .blogTitTop .titleArea::after,
html body .footer::before,
html body .footer::after,
html body footer::before,
html body footer::after,
html body .ftrItems::before,
html body .ftrItems::after,
html body .footerCol::before,
html body .footerCol::after,
html body .widget-title::before,
html body .widget-title::after,
html body footer h1::before,
html body footer h2::before,
html body footer h3::before,
html body footer h4::before,
html body footer h5::before,
html body footer h6::before,
html body footer h1::after,
html body footer h2::after,
html body footer h3::after,
html body footer h4::after,
html body footer h5::after,
html body footer h6::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Footer layout */
html body footer,
html body .footer,
html body .footerArea,
html body .mainFooter {
  direction: inherit !important;
  text-align: inherit !important;
}

html body .ftrItems,
html body .footerItems,
html body .footerRow {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 24px !important;
}

html body .ftrItems > *,
html body .footerItems > *,
html body .footerRow > * {
  flex: 1 1 200px !important;
  min-width: 180px !important;
  max-width: 100% !important;
}

/* Arabic footer alignment */
html body.rtl footer,
html body.rtl .footer,
html body.rtl .mainFooter {
  direction: rtl !important;
  text-align: right !important;
}

html body.rtl .headOffice,
html body.rtl .ftrHeadOffice,
html body.rtl .footerHeadOffice {
  order: -1 !important;
  text-align: right !important;
}

/* Footer typography */
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer h6,
html body .footer h1,
html body .footer h2,
html body .footer h3,
html body .footer h4,
html body .footer h5,
html body .footer h6 {
  font-family: Tajawal, Cairo, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.5 !important;
  margin-bottom: 14px !important;
}

html body footer,
html body footer p,
html body footer a,
html body footer li,
html body .footer,
html body .footer p,
html body .footer a,
html body .footer li {
  font-family: Tajawal, Cairo, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #c5c9d3 !important;
}

html body footer a:hover,
html body .footer a:hover {
  color: #009cdd !important;
}

/* Phone number direction */
html body footer .tq-phone,
html body .footer .tq-phone,
html body footer a[href^="tel"],
html body .footer a[href^="tel"] {
  direction: ltr !important;
  unicode-bidi: embed !important;
  color: #ff7a00 !important;
  font-weight: 700 !important;
}

/* Social icons as perfect circles */
html body footer .social a,
html body footer .socialLinks a,
html body footer .social-icons a,
html body .footer .social a,
html body .footer .socialLinks a,
html body .footer .social-icons a {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 5px !important;
  background: #009cdd !important;
  color: #ffffff !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-align: center !important;
}

html body footer .social a::before,
html body footer .social a::after,
html body footer .socialLinks a::before,
html body footer .socialLinks a::after,
html body footer .social-icons a::before,
html body footer .social-icons a::after {
  display: none !important;
  content: none !important;
}

html body footer .social a i,
html body footer .socialLinks a i,
html body footer .social-icons a i,
html body .footer .social a i,
html body .footer .socialLinks a i,
html body .footer .social-icons a i {
  font-size: 16px !important;
  line-height: 1 !important;
  color: #ffffff !important;
}
/* ============================================
   v12.8 — إخفاء شريط اللغة/الديمو المكرر على الجوال
   ============================================ */
@media (max-width: 991px) {
  /* الشريط الأزرق-البرتقالي المكرر تحت الهيدر */
  .top-bar,
  .topbar,
  .header-top,
  .header-topbar,
  .lang-bar,
  .mobile-lang-bar,
  .header-mobile-bar,
  .wpml-ls-statics-shortcode_actions,
  .headerLang,
  #header .lang-switcher-mobile,
  header .mobile-cta-bar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}
/* ============================================
   FIX: Solutions grid overlap on mobile
   ============================================ */
@media (max-width: 767px) {
  /* الشبكة الرئيسية للحلول → عمود واحد */
  .solutions-grid,
  .solution-boxes,
  .solutions-section .row,
  .services-grid,
  .features-grid,
  section[class*="solution"] .row,
  section[class*="solution"] .grid,
  .elementor-section .elementor-row,
  .wp-block-columns {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: stretch !important;
  }

  /* كل بطاقة تأخذ العرض كامل */
  .solutions-grid > *,
  .solution-boxes > *,
  .solution-box,
  .solution-card,
  .service-box,
  .service-card,
  .feature-box,
  section[class*="solution"] .col,
  section[class*="solution"] [class*="col-"],
  .wp-block-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 20px !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  /* النصوص داخل البطاقات */
  .solution-box *,
  .solution-card *,
  .service-box *,
  .service-card * {
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.5 !important;
  }

  /* عناوين البطاقات */
  .solution-box h3,
  .solution-box h4,
  .solution-card h3,
  .service-box h3 {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }
}
@media (max-width: 991px) {
    html body :is(
        section[class*="olution"], div[class*="olution"],
        section[class*="ndustr"], div[class*="ndustr"]
    ) :is(.row, .wp-block-columns, .elementor-container, .elementor-row,
          [class*="grid"], [class*="columns"], [class*="flex"]) {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }
    html body :is(
        section[class*="olution"], div[class*="olution"],
        section[class*="ndustr"], div[class*="ndustr"]
    ) :is(.col, [class*="col-"], .wp-block-column, .elementor-column,
          .solution-box, .solutionBox, .card, [class*="Card"], [class*="Box"]) {
        flex: 0 0 100% !important;
        width: 100% !important; max-width: 100% !important;
        margin: 0 0 10px 0 !important; padding: 16px !important;
        position: relative !important;
        left: auto !important; right: auto !important; top: auto !important;
        transform: none !important; float: none !important;
        display: block !important; box-sizing: border-box !important;
        overflow: hidden !important;
    }
    html body :is(section[class*="olution"], div[class*="olution"]) 
        :is(h1,h2,h3,h4,h5,h6,p,li,span,a) {
        white-space: normal !important; word-break: break-word !important;
        max-width: 100% !important; line-height: 1.5 !important;
    }
    html body :is(section[class*="olution"], div[class*="olution"]) ul li {
        padding: 8px 12px !important; margin: 0 0 4px 0 !important;
        display: block !important; width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    }
    html body :is(section[class*="olution"], div[class*="olution"]) 
        :is(table,tbody,tr,td,th) {
        display: block !important; width: 100% !important;
    }
}
/* ============================================================
   ترتيب أعمدة الفوتر — العربية (RTL)
   المكتب الرئيسي في اليمين، المكاتب العالمية في اليسار
   ============================================================ */
html[lang^="ar"] footer .menuItms .row,
html[lang^="ar"] footer .row,
body.rtl footer .menuItms .row,
body.rtl footer .row {
    flex-direction: row !important;
}

html[lang^="ar"] footer .menuItms .row > *,
html[lang^="ar"] footer .ftrItems,
body.rtl footer .menuItms .row > *,
body.rtl footer .ftrItems {
    order: 0 !important;
}

/* ==============================================================
   48) Solutions mega-menu — عرض الأعمدة الأربعة كاملة (ديسكتوب)
   البنية: .menuCvrSolu > .soluMenuCvr > .row > .col-lg-3 × 4
   الهدف: إظهار القائمة تحت شريط النافبار مباشرة بعرض كافٍ
   لعرض 4 أعمدة، LTR للإنجليزي و RTL للعربي.
   ============================================================== */
@media (min-width: 992px) {

  /* الحاوية الأم relative حتى تنزل الميجا تحتها */
  #menu ul.level-01 > li.soluMenu,
  .mainMenu li.soluMenu {
    position: relative;
  }

  /* الحاوية الخارجية للميجا: تنزل تحت النافبار */
  .mainMenu li.soluMenu > .menuCvrSolu,
  #menu ul.level-01 > li.soluMenu > .menuCvrSolu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: min(1140px, 96vw) !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
    border-top: 3px solid #0a4d8c !important;
    padding: 24px !important;
    z-index: 9999 !important;
  }

  /* الحاوية الداخلية: تسمح للـrow بالتمدد */
  .mainMenu li.soluMenu .soluMenuCvr {
    width: 100% !important;
  }

  /* الصف: flex بأربعة أعمدة متساوية */
  .mainMenu li.soluMenu .soluMenuCvr > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    margin: 0 !important;
  }

  /* كل عمود: ربع العرض بالضبط */
  .mainMenu li.soluMenu .soluMenuCvr > .row > .col-lg-3 {
    flex: 1 1 25% !important;
    max-width: 25% !important;
    padding: 0 !important;
  }

  /* RTL: تخرج من اليمين */
  html[dir="rtl"] .mainMenu li.soluMenu > .menuCvrSolu,
  html[lang^="ar"] .mainMenu li.soluMenu > .menuCvrSolu {
    left: auto !important;
    right: 0 !important;
    direction: rtl !important;
    text-align: right !important;
  }
}


/* ==============================================================
   49) Top header — منع تراكب عناصر col-lg-8 مع col-lg-2 (Saudi Office)
   البنية الفعلية:
     .topHeader .container .row
       .col-lg-2   → language switcher
       .col-lg-8   → ul (phone / email / hours)  ← يمتد ويتراكب
       .col-lg-2   → Saudi Office
   الإصلاح: gap كافٍ داخل ul + السماح بالانكسار عند الضيق
   + منع أي عنصر من تجاوز عرض عموده.
   ============================================================== */

.topHeader .row {
  align-items: center !important;
}

.topHeader .container > .row > [class^="col-"],
.topHeader .container > .row > [class*=" col-"] {
  min-width: 0 !important;
  overflow: visible !important;
}

.topHeader .col-lg-8 > ul {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  column-gap: 22px !important;
  row-gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: 100% !important;
}

.topHeader .col-lg-8 > ul > li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

.topHeader .col-lg-8 > ul > li > a {
  white-space: nowrap !important;
  text-decoration: none !important;
}

/* Saudi Office يبقى في أقصى عموده بدون تراكب */
.topHeader .col-lg-2:last-child {
  text-align: end !important;
  white-space: nowrap !important;
}

html[dir="rtl"] .topHeader .col-lg-2:last-child,
html[lang^="ar"] .topHeader .col-lg-2:last-child {
  text-align: start !important;
}