@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

body, 
h1, h2, h3, h4, h5, h6, 
p, a, span, li, label, 
button, input, textarea, select, option {
    font-family: 'Cairo', sans-serif !important;
}

/* =========================================
   1. Hero Slider Section RTL
========================================= */

/* محاذاة المحتوى لليمين */
.tj-slider-section .slider-content {
    text-align: right;
}

/* تظبيط المسافات بين الزراير (عكس الـ inline style) */
.tj-slider-section .slider-btn .tj-primary-btn:nth-child(2) {
    margin-left: 0 !important;
    margin-right: 20px !important;
}
/* =========================================
   عكس حاوية الأسهم للشمال (لكل الشاشات)
========================================= */

/* الشاشات الكبيرة جداً */
.hero-navigation {
    right: auto !important;
    left: 60px;
}

/* شاشات اللاب توب */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-navigation {
        right: auto !important;
        left: 35px;
    }
}

/* التابلت العريض */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-navigation {
        right: auto !important;
        left: 27px;
    }
}

/* الموبايل والتابلت العادي */
@media only screen and (max-width: 991px) {
    .hero-navigation {
        right: auto !important;
        left: 12px;
    }
}
/* =========================================
   نقل زرار السكرول (Scroll Down) لليمين
========================================= */

.tj-slider-section .banner-scroll {
    left: auto !important; /* بنلغي تثبيته في الشمال */
    right: 60px !important; /* بنثبته في اليمين */
}

/* تظبيط المسافة في الموبايل */
@media (max-width: 991px) {
    .tj-slider-section .banner-scroll {
        right: 12px !important; /* خليتها 12 عشان تبقى ماشية مع الأسهم بتاعتك في الموبايل */
    }
}
/* =========================================
   عكس اتجاه الأيقونات نفسها (يمين وشمال)
========================================= */
.hero-navigation .slider-next i,
.hero-navigation .slider-prev i {
    transform: scaleX(-1);
}
/* =========================================
   3. سيكشن خدماتنا الأساسية (Core Services) - التعديل الشامل
========================================= */

/* 1. تظبيط اتجاه النص والمسافات الجانبية للنص */
.tj-work-section .content-wrap {
    text-align: right;
}
@media (max-width: 991px) {
    .work-main-area .content-wrap {
        padding-right: 0 !important;
        padding-left: 15px !important;
    }
}
.tj-work-section .sec-heading .sub-title img {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* 2. نقل المسافة الفاصلة بين النص والسلايدر من الشمال لليمين (أهم خطوة) */
.work-main-area .work-wrapper {
    padding: 0 105px 0 0 !important; /* بنلغي مسافة الشمال ونحطها يمين */
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .work-main-area .work-wrapper {
        padding: 0 75px 0 0 !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .work-main-area .work-wrapper {
        padding: 0 55px 0 0 !important;
    }
}
@media (max-width: 991px) {
    .work-main-area .work-wrapper {
        padding: 0 !important;
    }
}

/* 3. تظبيط شريط التحميل (Progress bar) تحت السلايدر يبدأ من اليمين */
.swiper .slider-progressbar {
    left: auto !important;
    right: 0 !important;
}

/* 4. محاذاة نصوص كروت المنتجات لليمين */
.work-slider-2 .work-item .work-content {
    text-align: right;
}

/* 5. تظبيط اتجاه الأسهم (بدون ما نأثر على الهوفر) */
.tj-work-section .work-navigation .slider-prev .anim-icon,
.tj-work-section .work-navigation .slider-next .anim-icon {
    transform: scaleX(-1) !important;
}
/* =========================================
   4. سيكشن شركاؤنا (Brands Marquee) - الحل النهائي
========================================= */

/* تظبيط المسافة بين الأيقونة وكلمة "شركاؤنا" */
.tj-brand-section .sec-heading .sub-title img {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* 1. إنشاء مسارات الحركة المخصصة للعربي (بالموجب بدل السالب) */
@keyframes scrollLeftRtl {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(50%); /* بنسحب لليمين عشان نعرض المستخبي في الشمال */
    }
}

@keyframes scrollRightRtl {
    0% {
        transform: translateX(50%); /* بنبدأ من اليمين */
    }
    100% {
        transform: translateX(0); /* ونرجع للصفر */
    }
}

/* 2. تطبيق الحركات الجديدة على الصفين وإلغاء حركات الإنجليزي */
.tj-brand-section .brand-inner.move-left {
    animation: scrollLeftRtl 30s linear infinite !important;
}

.tj-brand-section .brand-inner.move-right {
    animation: scrollRightRtl 30s linear infinite !important;
}

/* 3. الحفاظ على توقف الحركة لما الماوس ييجي عليها */
.tj-brand-section .brand-inner:hover {
    animation-play-state: paused !important;
}

/* =========================================
   5. سيكشن من نحن (About Us)
========================================= */

/* محاذاة كل المحتوى داخل السيكشن لليمين */
.tj-about-section-3 .about-content-area {
    text-align: right;
}

/* تظبيط المسافة بين الأيقونة وكلمة "عن شركتنا" */
.tj-about-section-3 .sec-heading .sub-title img {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* تظبيط قائمة المميزات (علامات الصح) */
.tj-about-section-3 .about-info .check-list ul {
    padding: 0 !important;
}
.tj-about-section-3 .about-info .check-list ul li {
    text-align: right;
}
/* إبعاد أيقونة الصح عن الكلام */
.tj-about-section-3 .about-info .check-list ul li i {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* تظبيط المسافة بين زرار "اكتشف المزيد" وزرار "التليفون" */
.tj-about-section-3 .btn-area {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* بنعمل مسافة ثابتة بينهم */
}
/* مسافة أيقونة التليفون عن الرقم */
.tj-about-section-3 .btn-area .contact-btn .btn-icon {
    margin-left: 15px !important;
    margin-right: 0 !important;
}
/* =========================================
   9. تظبيط صور سيكشن "من نحن" (About Us)
========================================= */

/* 1. عكس أماكن الإطار الأصفر اللي ورا الصورة الكبيرة */
.tj-about-section-3 .about-img-area-3 .about-img::before {
    left: auto !important; /* بنلغي الشمال القديم */
    right: -12px !important; /* بنوديه يمين عشان يبقى الإطار من تحت يمين مع اتجاه العربي */
}

.tj-about-section-3 .about-img-area-3 .about-img::after {
    right: auto !important; /* بنلغي اليمين القديم */
    left: -12px !important; /* بنودي الإطار التاني شمال */
}

/* 2. نقل الصورة الصغيرة المتداخلة من اليمين للشمال */
.tj-about-section-3 .about-img-area-3 .about-img-small {
    right: auto !important; /* بنلغي تثبيتها في اليمين */
    left: 0 !important; /* بنثبتها في الشمال */
}

/* 3. تظبيط البادنج (المسافات الفاضية) اللي كانت معمولة للصور في الإنجليزي */
.tj-about-section-3 .about-img-area-3 {
    padding: 12px 12px 62px 110px !important; /* عكسنا مسافة الـ 110px عشان تبقى من الشمال وتسمح للصورة الصغيرة تبان */
}

/* تظبيط مسافة الكلام عشان ميبقاش لازق في الصور */
.tj-about-section-3 .about-content-area {
    padding-left: 0 !important;
    padding-right: 80px !important; /* بنزق الكلام بعيد عن الصور */
}

/* الموبايل والتابلت (عشان الصور متخرجش بره الشاشة) */
@media (max-width: 991px) {
    .tj-about-section-3 .about-img-area-3 {
        padding-right: 12px !important;
        padding-left: 75px !important;
    }
    .tj-about-section-3 .about-content-area {
        padding-right: 0 !important;
    }
}

/* =========================================
   6. سيكشن الحضور الدولي (Export/Countries)
========================================= */

/* تظبيط المسافة بين الأيقونة وكلمة "تصدير" */
.tj-working-process .sec-heading .sub-title img {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

/* الخدعة السحرية لترجمة العنوان اللي ملوش ميتا */
.tj-working-process .export-countries-list .countries-title {
    font-size: 0 !important;
    text-align: right;
    margin-bottom: 25px !important;
}
.tj-working-process .export-countries-list .countries-title::before {
    content: "وجهات التصدير";
    font-size: 24px !important;
    color: #fff;
}

/* =========================================
   7. سيكشن شهادات العملاء (Testimonials) - الحل النهائي
========================================= */

/* 1. عكس أماكن الصورة والمربع (أهم خطوة) */
.testimonial-wrapper-2 {
    right: auto !important; /* بنلغي تثبيته في اليمين */
    left: 0 !important; /* بننقله للشمال */
}

.testimonial-img {
    margin-right: 0 !important;
    margin-left: auto !important; /* بنزق الصورة لليمين */
}

/* =========================================
   تظبيط أسهم التقليب في سيكشن التقييمات
========================================= */

/* 1. نقل الأسهم من اليمين للشمال عشان تبقى فوق المربع الأبيض */
.testimonial-area .testimonial-navigation {
    right: auto !important;
    left: 0 !important;
    z-index: 10; /* عشان نضمن إنهم فوق أي حاجة وميبقوش مخفيين */
}

/* 2. عكس اتجاه الأسهم (بنلف الزرار كله 180 درجة عشان نحافظ على أنيميشن الماوس) */
.testimonial-navigation .slider-prev,
.testimonial-navigation .slider-next {
    transform: rotate(180deg) !important;
}

/* 2. تظبيط اتجاه النصوص داخل كارت التقييم */
.tj-testimonial-section-2 .testimonial-item {
    text-align: right !important;
    direction: rtl;
}

/* تظبيط صورة واسم العميل عشان يبدأوا من اليمين */
.tj-testimonial-section-2 .testimonial-author {
    justify-content: space-between !important;
}
.tj-testimonial-section-2 .testimonial-author .author-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row; 
}
.tj-testimonial-section-2 .testimonial-author .author-img {
    margin-right: 0 !important;
    margin-left: 15px !important; 
}

/* تظبيط علامة الاقتباس (") عشان تيجي على الشمال */
.tj-testimonial-section-2 .testimonial-author .quote-icon {
    display: flex;
}

/* محاذاة النص الطويل لليمين */
.tj-testimonial-section-2 .testimonial-item .desc,
.tj-testimonial-section-2 .testimonial-item .desc p {
    text-align: right !important;
}

/* 3. تظبيط اتجاه النجوم عشان تملأ من اليمين للشمال بشكل سليم */
.tj-testimonial-section-2 .rating-area {
    display: flex;
    justify-content: flex-start !important; 
}
.tj-testimonial-section-2 .star-ratings {
    direction: ltr !important; 
}

/* 4. إخفاء أي أكواد غريبة جاية من النسخ واللصق من الذكاء الاصطناعي */
.tj-testimonial-section-2 .testimonial-item .desc article,
.tj-testimonial-section-2 .testimonial-item .desc div.pointer-events-none {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* =========================================
   11. تظبيط اللوجو الدائري في سيكشن قصة العلامة التجارية
========================================= */

/* نقل اللوجو الدائري من اليمين للشمال عشان يركب بين الصور صح */
.tj-about-section .circle-text-wrap {
    right: auto !important; /* بنلغي المسامير القديمة */
    left: 167px !important; /* بنثبته في الشمال بنفس رقم الثيم */
}

/* تظبيط مقاس الشاشات الكبيرة */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-about-section .circle-text-wrap {
        left: 125px !important;
    }
}

/* تظبيط التابلت واللاب توب الصغير */
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-about-section .circle-text-wrap {
        left: 100px !important;
    }
}

/* تظبيط الموبايل */
@media (max-width: 767px) {
    .tj-about-section .circle-text-wrap {
        left: 21% !important;
    }
}

/* محاذاة الكلام لليمين (تأكيد عشان لو الثيم نسى يعكسه) */
.tj-about-section .about-content-area {
    text-align: right;
}
.tj-about-section .about-content-area .desc {
    text-align: right;
}
/* =========================================
   12. سيكشن الرؤية والمهمة (Vision & Mission)
========================================= */

/* 1. نقل الخلفية المنقطة لليمين */
.tj-about-section-2 .about-img-area-2 .about-bg {
    left: auto !important; /* بنلغي الشمال */
    right: 0 !important; /* بنثبتها يمين */
}

/* 2. عكس مسافات الصورة عشان تركب صح مع الخلفية المقلوبة */
.tj-about-section-2 .about-img-area-2 {
    padding: 50px 50px 0 75px !important; /* عكسنا الـ 75px خليناها شمال */
}

/* تظبيط مسافات الصورة في الشاشات الصغيرة */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-about-section-2 .about-img-area-2 {
        padding: 30px 30px 0 45px !important;
    }
}
@media (max-width: 991px) {
    .tj-about-section-2 .about-img-area-2 {
        padding: 30px 30px 0 0 !important;
    }
}

/* 3. تظبيط الأكورديون (نقل السهم للشمال ومحاذاة الكلام) */
.tj-about-section-2 .tj-faq.style-2 .accordion-item .faq-title {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 30px !important; /* بنسيب مسافة للسهم على الشمال عشان ميركبش على الكلام */
}

.tj-about-section-2 .tj-faq.style-2 .accordion-item .faq-title::after {
    right: auto !important; /* بنشيل السهم من اليمين */
    left: 0 !important; /* بنحطه في الشمال */
}

.tj-about-section-2 .tj-faq.style-2 .accordion-item .accordion-body,
.tj-about-section-2 .tj-faq.style-2 .accordion-item .accordion-body p {
    text-align: right !important;
}

/* 4. محاذاة زرار اقرأ المزيد لليمين (عشان لو طالع في النص أو الشمال) */
.tj-about-section-2 .btn-wrap {
    text-align: right !important;
}
/* =========================================
   13. سيكشن القيم الأساسية (Core Values)
========================================= */


/* 2. تظبيط محاذاة الكلام لليمين */
.tj-working-process .working-process-wrap,
.tj-working-process .content-wrap .desc {
    text-align: right !important;
}

/* تظبيط الأيقونة اللي جنب كلمة (قيمنا الأساسية) */
.tj-working-process .sub-title img {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* 3. عكس الأكورديون (الأسئلة/القيم) */
.tj-faq.style-3 .accordion-item .faq-title {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 35px !important; /* مسافة عشان السهم يترسم براحته على الشمال */
}

/* نقل السهم (أو علامة الـ +) للشمال */
.tj-faq.style-3 .accordion-item .faq-title::after {
    right: auto !important;
    left: 0 !important;
}

/* محاذاة الإجابة/الشرح لليمين */
.tj-faq.style-3 .accordion-item .accordion-body,
.tj-faq.style-3 .accordion-item .accordion-body p {
    text-align: right !important;
}
/* =========================================
   14. تظبيط الخط العمودي والأرقام (Core Values)
========================================= */

/* 1. نقل الخط العمودي من الشمال لليمين */
.tj-faq.style-3 .accordion-item {
    border-left: none !important; /* بنلغي الخط الشمال */
    border-right: 4px solid var(--tj-color-border-1) !important; /* بنرسم الخط في اليمين */
    padding-left: 0 !important; 
    padding-right: 20px !important; /* مسافة بين الخط والمحتوى */
}

/* تلوين الخط العمودي باللون الأصفر لما تفتحي السؤال */
.tj-faq.style-3 .accordion-item.active {
    border-right-color: var(--tj-color-theme-primary) !important;
    border-left-color: transparent !important;
}

/* 2. تظبيط مسافة العنوان (السؤال) */
.tj-faq.style-3 .accordion-item .faq-title {
    padding-left: 0 !important;
    padding-right: 27px !important; /* بتبعد العنوان عن الرقم */
}

/* 3. نقل الأرقام (01, 02) لليمين */
.tj-faq.style-3 .accordion-item .faq-title::before {
    left: auto !important;
    right: 0 !important;
}

/* 4. تظبيط مسافة النص الداخلي (الإجابة) */
.tj-faq.style-3 .accordion-item .accordion-body {
    padding: 0 27px 23px 0 !important; /* عكسنا البادينج عشان الإجابة تيجي تحت السؤال بالظبط */
}

/* 5. تظبيط المسافات للموبايل */
@media (max-width: 991px) {
    .tj-faq.style-3 .accordion-item {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }
}
/* =========================================
   15. سيكشن الشهادات (الحل النهائي بناءً على الثيم الأصلي)
========================================= */

/* 1. عكس اتجاه الكارت (عشان اللوجو يجي يمين والكلام شماله) */
.tj-chose-section.chose-2 .chose-box {
    direction: rtl !important;
    display: flex !important;
    text-align: right !important;
}
/* 2. نقل الخط الفاصل وتظبيط لونه + إجبار الضغطة إنها تشتغل */
.chose-2 .chose-box {
    position: relative !important;
    z-index: 1;
}

.chose-2 .chose-box .chose-icon {
    border-right: none !important;
    border-left: solid 4px var(--tj-color-common-black) !important;
    
    /* رفع الصورة فوق أي طبقة شفافة */
    position: relative !important;
    z-index: 999 !important; 
    pointer-events: auto !important; 
}

/* تأكيد إن اللينك والصورة قابلين للضغط */
.chose-2 .chose-box .chose-icon a,
.chose-2 .chose-box .chose-icon img {
    position: relative !important;
    z-index: 1000 !important;
    pointer-events: auto !important;
    display: block !important;
}

/* 3. تظبيط مسافة الكلام عشان ميبقاش لازق في الخط */
.chose-2 .chose-box .chose-content {
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 25px !important; /* المسافة المريحة بين الخط والكلام */
    display: block !important; /* عشان الكلام ياخد راحته بالطول */
}

.chose-2 .chose-box .chose-content .desc {
    text-align: right !important;
    margin-bottom: 0 !important;
}

/* 4. تظبيط الموبايل (عشان يبقوا تحت بعض والخط يبقى بالعرض) */
@media (max-width: 767px) {
    .tj-chose-section.chose-2 .chose-box {
        flex-direction: column !important;
        text-align: center !important;
    }
    .chose-2 .chose-box .chose-icon {
        border-left: none !important;
        border-bottom: solid 4px var(--tj-color-theme-primary) !important; /* الخط بينزل تحت اللوجو */
        width: 100% !important;
        padding-bottom: 15px !important;
        margin-bottom: 15px !important;
    }
    .chose-2 .chose-box .chose-content {
        padding-right: 0 !important;
        text-align: center !important;
    }
    .chose-2 .chose-box .chose-content .desc {
        text-align: center !important;
    }
}
/* =========================================
   16. المربع الأسود للشهادات (Lightbox) - النسخة النضيفة
========================================= */

/* تثبيت المربع في نص الشاشة ومنع الصورة تنزل تحت */
#lightbox {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999999 !important;
    direction: ltr !important; /* عشان الأسهم والترقيم يفضلوا زي الإنجليزي */
}

/* تظبيط الخلفية السوداء */
.lightboxOverlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999998 !important;
}

/* تظبيط مكان علامة الـ X والترقيم تحت الصورة */
.lb-dataContainer {
    direction: ltr !important;
    text-align: left !important;
}

/* منع الصفحة إنها تطول بزيادة وهي الصورة مفتوحة */
body.lb-disable-scrolling {
    overflow: hidden !important;
}
/* =========================================
   17. تظبيط اتجاه فورم التصدير (Contact Form)
========================================= */

/* 1. محاذاة الفورم وكل المدخلات لليمين */
.export-cta-section .contact-form {
    text-align: right !important;
    direction: rtl !important;
}

.export-cta-section .form-input {
    text-align: right !important;
}

.export-cta-section .form-input input, 
.export-cta-section .form-input textarea {
    text-align: right !important;
    direction: rtl !important;
}

/* 2. تظبيط القائمة المنسدلة (Nice Select) */
.export-cta-section .nice-select {
    text-align: right !important;
    padding-right: 18px !important; /* مسافة الكلام من اليمين */
    padding-left: 30px !important;  /* مسافة للسهم من الشمال */
}

/* نقل السهم الصغير للشمال */
.export-cta-section .nice-select::after {
    right: auto !important;
    left: 15px !important;
}

/* تظبيط القائمة اللي بتفتح تحت */
.export-cta-section .nice-select .list {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
}

.export-cta-section .nice-select .option {
    text-align: right !important;
    padding-right: 18px !important;
    padding-left: 20px !important;
}

/* 3. تظبيط علامة النجمة والـ Labels */
.export-cta-section label {
    display: block;
    margin-bottom: 5px;
}

.export-cta-section label span {
    margin-right: 5px; /* مسافة النجمة عن كلمة الاسم/الإيميل */
    color: #ff0000;
}

/* 4. تظبيط زرار الإرسال عشان ميبقاش مشفت */
.export-cta-section .tj-primary-btn {
    margin-right: 0 !important;
    margin-left: auto !important;
}
/* =========================================
   الحل الشامل والنهائي للهيدر والساب منيو
========================================= */

/* 1. إجبار الهيدر يكون من اليمين للشمال */
.header-area .header-wrapper {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    justify-content: space-between !important;
}

.mainmenu ul {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    gap: 30px !important;
}
.mainmenu ul ul{
    gap: 10px!important;
}
/* 2. إخفاء سهم الثيم القديم نهائياً (لو موجود في الـ before) */
.mainmenu ul li.menu-item-has-children > a::before,
.mainmenu ul li.has-dropdown > a::before {
    display: none !important;
    content: none !important;
}

/* 3. وضع السهم الجديد يسار الكلمة */
.mainmenu ul li.menu-item-has-children > a,
.mainmenu ul li.has-dropdown > a {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    gap: 8px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* 4. إظهار السهم الجديد في الشمال (after) وتخطي الـ Position القديم */
.mainmenu ul li.menu-item-has-children > a::after,
.mainmenu ul li.has-dropdown > a::after {
    content: "\e930" !important;
    font-family: "gripz-icons" !important;
    font-size: 13px !important;
    transition: transform 0.3s ease !important;
    display: inline-block !important; 
    position: static !important; /* السر هنا: ده اللي هيمنعه يعوم فوق الكلام */
    margin-right: 5px !important; /* مسافة أمان إضافية */
}
/* إجبار القائمة المنسدلة (الساب منيو) إنها تظهر بالطول وتتجاهل إعدادات القائمة الرئيسية */
.mainmenu ul ul,
.mainmenu ul li .sub-menu {
    flex-direction: column !important; /* السر هنا عشان العناصر تنزل تحت بعض */
    min-width: 220px !important;
}

/* تأكيد إن كل عنصر في الساب منيو واخد السطر بالكامل */
.mainmenu ul ul li,
.mainmenu ul li .sub-menu li {
    width: 100% !important;
    display: block !important;
}

/* تظبيط اللينكات جوه الساب منيو عشان متتأثرش بـ Flex القائمة الرئيسية */
.mainmenu ul ul li a,
.mainmenu ul li .sub-menu li a {
    display: block !important;
    text-align: right !important;
}
/* 5. الزراير واللوجو والخط */
.site_logo { margin-left: 30px !important; margin-right: 0 !important; }
.header-right-item { 
    display: flex !important; 
    flex-direction: row !important; 
    direction: rtl !important; 
    gap: 15px !important; 
/*    margin-right: auto !important; */
}
body, h1, h2, h3, h4, h5, h6, .mainmenu ul li a {
    font-family: 'Cairo', sans-serif !important;
}
/* =========================================
   تظبيط منطقة الزراير ورقم التليفون (الاتجاه والمسافات)
========================================= */

/* 1. تظبيط المسافة بين الزرارين (اكتشف المزيد ورقم التليفون) */
.btn-area {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 20px !important; /* مسافة شيك بين الزرارين */
}

/* 2. تظبيط زرار التليفون عشان علامة الـ + تظهر صح */
.contact-btn.style-2, 
.contact-btn {
    direction: ltr !important; /* إجبار الرقم يتقري من الشمال لليمين */
    display: inline-flex !important;
    flex-direction: row-reverse !important; /* نرجع الأيقونة لليمين عشان تناسب العربي */
    align-items: center !important;
    justify-content: center !important;
}

/* 3. تظبيط مسافة الأيقونة (سماعة التليفون) */
.contact-btn .btn-icon {
    margin-left: 10px !important; /* بتبعد الأيقونة عن الرقم */
    margin-right: 0 !important;
}

/* 4. تظبيط تأثير الهوفر (لما الماوس ييجي على الزرار الرقم ميهربش) */
.contact-btn::after {
    width: 100% !important;
    text-align: center !important;
    left: unset; !important;
    right: 24px !important;
}
/* إرجاع زرار المنتجات (وأي زرار متسنتر) للمنتصف */
.btn-area.text-center {
    justify-content: center !important;
}
/* عكس سهم اقرأ المزيد / عرض التفاصيل */
.blog-content .read-more i {
    transform: scaleX(-1) !important;
}

.blog-content .read-more:hover i {
    transform: scaleX(-1) translateY(-30px) !important;
}
/* حل مشكلة الحروف المتاكلة في زرار (عرض التفاصيل / اقرأ المزيد) */
.read-more {
    line-height: 1.4 !important; /* إعطاء مساحة لارتفاع الحروف العربية */
    padding-bottom: 6px !important; /* إظهار النقط وديل الحروف من الأسفل */
}

/* تظبيط مسافة الأيقونة عشان تبقى على نفس السطر مع الكلمة بعد التعديل */
.read-more i {
    margin-top: 4px !important;
}
/* =========================================
   تظبيط كروت الخدمات / قطاعات الأعمال
========================================= */

/* 1. محاذاة الكارت بالكامل لليمين */
.service-item.style-2 {
    text-align: right !important;
    direction: rtl !important;
}

.service-item.style-2 .service-content .desc {
    text-align: right !important;
}
.service-item.style-2 .read-more span{
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
}
.service-item.style-2:hover .read-more span {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
/* =========================================
   تظبيط صفحة "اتصل بنا" (Contact Form & Info)
========================================= */


/* 2. تظبيط اتجاه الفورم بالكامل لليمين */
.tj-contact-section-2 .contact-form,
.contact-form.style-2 {
    direction: rtl !important;
    text-align: right !important;
}

/* محاذاة النص اللي بيتكتب جوه الحقول لليمين */
.contact-form.style-2 .form-input input,
.contact-form.style-2 .form-input textarea {
    text-align: right !important;
    direction: rtl !important;
    padding-right: 0 !important;
    padding-left: 20px !important;
}

/* 3. نقل العناوين (الاسم، البريد، رسالتك) من الشمال لليمين */
.contact-form.style-2 .form-input label {
    left: auto !important; /* بنلغي تثبيتها في الشمال */
    right: 0 !important;   /* بنثبتها في اليمين */
}

/* تظبيط علامة النجمة الحمراء عشان تيجي بعد الكلمة مش قبلها */
.contact-form.style-2 .form-input label span {
    margin-right: 5px !important;
    margin-left: 0 !important;
}

/* 4. تظبيط القائمة المنسدلة (Dropdown) */
.contact-form.style-2 .form-input .nice-select {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 30px !important;
}

/* نقل السهم الصغير بتاع القائمة للشمال */
.contact-form.style-2 .form-input .nice-select::after {
    right: auto !important;
    left: 15px !important;
}

/* تظبيط محاذاة الخيارات اللي بتفتح تحت القائمة */
.contact-form.style-2 .form-input .nice-select .list {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
    width: 100% !important;
}

.contact-form.style-2 .form-input .nice-select .option {
    text-align: right !important;
    padding-right: 18px !important;
    padding-left: 20px !important;
}

/* 5. تظبيط زرار الإرسال */
.contact-form.style-2 .submit-btn {
    text-align: right !important;
}
/* =========================================
   صفحة تفاصيل الخدمة / المقالة (Single Post/Service RTL)
========================================= */

/* 1. محاذاة المحتوى الأساسي والسايدبار لليمين */
.tj-blog-section {
    direction: rtl !important;
    text-align: right !important;
}

.post-details-wrapper,
.tj-main-sidebar .tj-sidebar-widget {
    text-align: right !important;
}

/* =========================================
   تظبيط القائمة الجانبية (Sidebar - More Services)
========================================= */

/* محاذاة عنوان الودجت */
.tj-main-sidebar .widget-categories .widget-title {
    text-align: right !important;
}

/* تظبيط قائمة الروابط (إلغاء نقط القائمة القديمة والمسافات) */
.tj-main-sidebar .widget-categories ul {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

/* توزيع الكلمة والسهم على الأطراف */
.tj-main-sidebar .widget-categories ul li a {
    display: flex !important;
    justify-content: space-between !important; /* الكلمة يمين والسهم شمال */
    align-items: center !important;
    text-align: right !important;
}

/* عكس اتجاه السهم ليُشير لليسار ليناسب العربي */
.tj-main-sidebar .widget-categories ul li a .icon i {
    transform: scaleX(-1) !important;
    display: inline-block;
}

/* =========================================
   تظبيط أزرار التقليب (Previous / Next Post)
========================================= */

/* إجبار قسم التقليب يكون من اليمين للشمال */
.tj-post__navigation {
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* تظبيط المسافة بين السهم وكلمة Previous/Next */
.tj-post__navigation .tj-nav-post__nav a {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
}

/* عكس اتجاهات الأسهم في أزرار التقليب */
.tj-post__navigation .tj-nav__post.previous i,
.tj-post__navigation .tj-nav__post.next i {
    transform: scaleX(-1) !important;
}


/* Event Details Tags and Share Area Fix */
.tj-tags-post {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    direction: rtl !important;
    margin-top: 30px !important;
}

.tj-tags-post .post-share ul {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.tj-tags-post .post-share ul li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Contact Form RTL Fixes */
.tj-contact-section .contact-form,
.tj-contact-section .wpcf7 {
    direction: rtl !important;
    text-align: right !important;
}

/* Labels */
.tj-contact-section .form-input label {
    display: block !important;
    text-align: right !important;
}

.tj-contact-section .form-input label span {
    margin-right: 5px !important;
    margin-left: 0 !important;
}

/* Inputs */
.tj-contact-section .form-input input,
.tj-contact-section .form-input textarea {
    text-align: right !important;
    direction: rtl !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

/* Select Dropdown */
.tj-contact-section .nice-select {
    text-align: right !important;
    padding-right: 20px !important;
    padding-left: 40px !important;
}

.tj-contact-section .nice-select::after {
    right: auto !important;
    left: 20px !important;
}

.tj-contact-section .nice-select .list {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
    width: 100% !important;
}

.tj-contact-section .nice-select .option {
    text-align: right !important;
    padding-right: 20px !important;
}

/* Button */
.tj-contact-section p {
    text-align: right !important;
}

.tj-contact-section .tj-primary-btn {
    margin-right: 0 !important;
    margin-left: auto !important;
}
.work-container{
        margin-right: calc((100% - 1590px) / 2);
        margin-left: auto;
}
.hero-navigation .slider-next .anim-icon i:last-child:before, 
.hero-navigation .slider-prev .anim-icon i:last-child:before{
    transform: rotate(180deg);
    display: inline-block;
}

.color-palate {
    left: -100px;
    right: unset;
}


.color-trigger {
    right: -45px;
    left: unset;
}
.color-palate:hover {
    left: 0px;
    right: unset;
}
.footer-widget .social-links.style-2 ul{
    padding-right: 0;
    padding-left: 20px;
}

.subscribe-form input[type=checkbox]{
    margin-right: 0;
    margin-left: 8px;
}
.tj-faq.style-3 .accordion-item .faq-title{
    direction: ltr;
}

.tj-working-process{
    position: relative;
    overflow: hidden;
}

.tj-working-process::before{
/*
    content: "";
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    z-index: 0;
*/
}

/* قلب الخلفية فى العربى */
html[dir="rtl"] .tj-working-process {
    transform: scaleX(-1);
}

/* رجوع المحتوى لطبيعته */
html[dir="rtl"] .tj-working-process > * {
    transform: scaleX(-1);
}

.contact-form .form-input textarea, 
.contact-form .form-input select, 
.contact-form .form-input .nice-select, 
.contact-form .form-input input[type=tel], 
.contact-form .form-input input[type=text], 
.contact-form .form-input input[type=email]{
    padding-right: 0!important;
}

.blog-item .blog-content .title a {
    background-position: right bottom;
}
@media (max-width: 767px) {
    .mean-container .mean-nav ul li a{
        text-align: right;
    }
    .hamburger_menu .mean-nav ul li a.mean-expand {

        left: 0;
        right: unset;
    }
    .tj-slider-section .slider-btn .tj-primary-btn:nth-child(2) {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .header-right-item .tj-primary-btn {
        display: none;
    }
}
.tj-slider-item .slider-content .slider-title {
    font-size: 70px;
    line-height: 1.4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .work-container {
        margin-right: calc((100% - 1140px) / 2);
    }
}
.tj-footer-section.footer-3 .start-journy-area .title {
    font-size: 25px;
    word-spacing: 0px;
}
.contact-item.style-2 .contact-list {
    direction: ltr;
}

/* تعديل اتجاه أرقام الهواتف فقط في النسخة العربية */
.contact-item .contact-list a[href^="tel:"] {
    direction: ltr;
    display: inline-block;
    unicode-bidi: embed;
    font-family: 'Cairo', sans-serif;
}