.elementor-3289 .elementor-element.elementor-element-5c8608d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3289 .elementor-element.elementor-element-6b795b6{--display:grid;--e-con-grid-template-columns:repeat(10, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 22px;--row-gap:0px;--column-gap:22px;--grid-auto-flow:row;--justify-items:center;--align-items:center;--overflow:hidden;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:34px;}.elementor-3289 .elementor-element.elementor-element-6b795b6.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3289 .elementor-element.elementor-element-b33cf45{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-b33cf45.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-4631ef3{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-4631ef3.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-5a25415{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-5a25415.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-acb5db6{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-acb5db6.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-be57169{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-be57169.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-3289 .elementor-element.elementor-element-82c7812{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-82c7812.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-c5d97df{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-c5d97df.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-c5d97df img{width:100%;}.elementor-3289 .elementor-element.elementor-element-64af1a4{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-64af1a4.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-64af1a4 img{width:100%;}.elementor-3289 .elementor-element.elementor-element-f6e5a0a{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-f6e5a0a.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-f6e5a0a img{width:100%;}.elementor-3289 .elementor-element.elementor-element-39de295{width:100%;max-width:100%;}.elementor-3289 .elementor-element.elementor-element-39de295.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-39de295 img{width:100%;}.elementor-3289 .elementor-element.elementor-element-91efbcb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3289 .elementor-element.elementor-element-e8f5e7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3289 .elementor-element.elementor-element-6b795b6{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3289 .elementor-element.elementor-element-6b795b6{--width:95.802%;}}@media(max-width:767px){.elementor-3289 .elementor-element.elementor-element-6b795b6{--width:531px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:column;--justify-items:center;--align-items:center;}.elementor-3289 .elementor-element.elementor-element-6b795b6.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-3289 .elementor-element.elementor-element-b33cf45{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-b33cf45 img{width:100%;}.elementor-3289 .elementor-element.elementor-element-4631ef3{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-4631ef3 img{width:100%;}.elementor-3289 .elementor-element.elementor-element-5a25415{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-5a25415 img{width:100%;}.elementor-3289 .elementor-element.elementor-element-acb5db6{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-acb5db6 img{width:100%;}.elementor-3289 .elementor-element.elementor-element-be57169{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-be57169 img{width:100%;}.elementor-3289 .elementor-element.elementor-element-82c7812{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-82c7812 img{width:100%;}.elementor-3289 .elementor-element.elementor-element-c5d97df{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-c5d97df.elementor-element{--align-self:center;}.elementor-3289 .elementor-element.elementor-element-c5d97df img{width:100px;}.elementor-3289 .elementor-element.elementor-element-64af1a4{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-64af1a4 img{width:100%;}.elementor-3289 .elementor-element.elementor-element-f6e5a0a{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-f6e5a0a img{width:100%;}.elementor-3289 .elementor-element.elementor-element-39de295{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3289 .elementor-element.elementor-element-39de295 img{width:100%;}}/* Start custom CSS for image, class: .elementor-element-64af1a4 *//* كود شريط الماركات الأفقي المطور للجوال */
@media (max-width: 767px) {
    /* 1. إعداد الحاوية الرئيسية للسحب الأفقي */
    .brands-slider .elementor-container, 
    .brands-slider .e-con {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important; /* تفعيل السحب */
        scroll-snap-type: x mandatory !important; /* جعل السحب "مغناطيسي" يقف عند كل شعار */
        padding: 20px 10px !important;
        gap: 20px !important; /* مسافة واضحة بين الماركات */
        -webkit-overflow-scrolling: touch !important; /* سحب ناعم جداً على آيفون */
    }

    /* 2. ضبط حجم الماركة (تكبير العرض) */
    .brands-slider .elementor-column, 
    .brands-slider .e-con-inner > .e-con {
        min-width: 120px !important; /* الحجم الجديد المكبر */
        max-width: 190px !important;
        flex: 0 0 auto !important;
        scroll-snap-align: center !important; /* توسيط الشعار أثناء السحب */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 3. تنسيق الصور (الماركات) لتبدو احترافية */
    .brands-slider .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;
        max-height: 80px !important; /* زيادة الارتفاع الأقصى ليتناسب مع العرض الجديد */
        object-fit: contain !important; /* الحفاظ على أبعاد الشعار بدون تمطيط */
        filter: grayscale(100%) opacity(0.8); /* ستايل رمادي هادئ */
        transition: all 0.4s ease-in-out;
    }

    /* تأثير عند الضغط بالإصبع (برتقالي نيوني) */
    .brands-slider .elementor-widget-image img:active,
    .brands-slider .elementor-widget-image img:hover {
        filter: grayscale(0%) opacity(1); /* استعادة الألوان الأصلية */
        transform: scale(1.1); /* تكبير بسيط */
    }

    /* 4. إخفاء شريط التمرير السفلي للحفاظ على نظافة التصميم */
    .brands-slider .elementor-container::-webkit-scrollbar,
    .brands-slider .e-con::-webkit-scrollbar {
        display: none !important;
    }
}

/* تنسيق إضافي لضمان عدم تداخل العناصر */
.brands-slider {
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f6e5a0a *//* كود شريط الماركات الأفقي المطور للجوال */
@media (max-width: 767px) {
    /* 1. إعداد الحاوية الرئيسية للسحب الأفقي */
    .brands-slider .elementor-container, 
    .brands-slider .e-con {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important; /* تفعيل السحب */
        scroll-snap-type: x mandatory !important; /* جعل السحب "مغناطيسي" يقف عند كل شعار */
        padding: 20px 10px !important;
        gap: 20px !important; /* مسافة واضحة بين الماركات */
        -webkit-overflow-scrolling: touch !important; /* سحب ناعم جداً على آيفون */
    }

    /* 2. ضبط حجم الماركة (تكبير العرض) */
    .brands-slider .elementor-column, 
    .brands-slider .e-con-inner > .e-con {
        min-width: 120px !important; /* الحجم الجديد المكبر */
        max-width: 190px !important;
        flex: 0 0 auto !important;
        scroll-snap-align: center !important; /* توسيط الشعار أثناء السحب */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 3. تنسيق الصور (الماركات) لتبدو احترافية */
    .brands-slider .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;
        max-height: 80px !important; /* زيادة الارتفاع الأقصى ليتناسب مع العرض الجديد */
        object-fit: contain !important; /* الحفاظ على أبعاد الشعار بدون تمطيط */
        filter: grayscale(100%) opacity(0.8); /* ستايل رمادي هادئ */
        transition: all 0.4s ease-in-out;
    }

    /* تأثير عند الضغط بالإصبع (برتقالي نيوني) */
    .brands-slider .elementor-widget-image img:active,
    .brands-slider .elementor-widget-image img:hover {
        filter: grayscale(0%) opacity(1); /* استعادة الألوان الأصلية */
        transform: scale(1.1); /* تكبير بسيط */
    }

    /* 4. إخفاء شريط التمرير السفلي للحفاظ على نظافة التصميم */
    .brands-slider .elementor-container::-webkit-scrollbar,
    .brands-slider .e-con::-webkit-scrollbar {
        display: none !important;
    }
}

/* تنسيق إضافي لضمان عدم تداخل العناصر */
.brands-slider {
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-39de295 *//* كود شريط الماركات الأفقي المطور للجوال */
@media (max-width: 767px) {
    /* 1. إعداد الحاوية الرئيسية للسحب الأفقي */
    .brands-slider .elementor-container, 
    .brands-slider .e-con {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important; /* تفعيل السحب */
        scroll-snap-type: x mandatory !important; /* جعل السحب "مغناطيسي" يقف عند كل شعار */
        padding: 20px 10px !important;
        gap: 20px !important; /* مسافة واضحة بين الماركات */
        -webkit-overflow-scrolling: touch !important; /* سحب ناعم جداً على آيفون */
    }

    /* 2. ضبط حجم الماركة (تكبير العرض) */
    .brands-slider .elementor-column, 
    .brands-slider .e-con-inner > .e-con {
        min-width: 120px !important; /* الحجم الجديد المكبر */
        max-width: 190px !important;
        flex: 0 0 auto !important;
        scroll-snap-align: center !important; /* توسيط الشعار أثناء السحب */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 3. تنسيق الصور (الماركات) لتبدو احترافية */
    .brands-slider .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;
        max-height: 80px !important; /* زيادة الارتفاع الأقصى ليتناسب مع العرض الجديد */
        object-fit: contain !important; /* الحفاظ على أبعاد الشعار بدون تمطيط */
        filter: grayscale(100%) opacity(0.8); /* ستايل رمادي هادئ */
        transition: all 0.4s ease-in-out;
    }

    /* تأثير عند الضغط بالإصبع (برتقالي نيوني) */
    .brands-slider .elementor-widget-image img:active,
    .brands-slider .elementor-widget-image img:hover {
        filter: grayscale(0%) opacity(1); /* استعادة الألوان الأصلية */
        transform: scale(1.1); /* تكبير بسيط */
    }

    /* 4. إخفاء شريط التمرير السفلي للحفاظ على نظافة التصميم */
    .brands-slider .elementor-container::-webkit-scrollbar,
    .brands-slider .e-con::-webkit-scrollbar {
        display: none !important;
    }
}

/* تنسيق إضافي لضمان عدم تداخل العناصر */
.brands-slider {
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b795b6 *//* ============================================================
   1. الحماية الشاملة للموقع (Global Stability)
   منع الاهتزاز العرضي وضمان ثبات الهيكل
   ============================================================ */
html, body {
    overflow-x: hidden !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================================
   2. إعدادات الجوال (Mobile Optimization - Max 767px)
   تحويل قسم الماركات إلى سلايدر أفقي احترافي
   ============================================================ */
@media (max-width: 767px) {

    /* الحاوية الخارجية: منع خروج العناصر */
    .brands-slider {
        overflow: hidden !important;
        width: 100% !important;
        display: block !important;
    }

    /* الحاوية الداخلية: تفعيل السحب الأفقي الناعم */
    .brands-slider > .elementor-container {
        display: flex !important;
        flex-wrap: nowrap !important; /* إجبار العناصر على البقاء في سطر واحد */
        overflow-x: auto !important;   /* تفعيل التمرير الأفقي */
        overflow-y: hidden !important; /* منع التمرير الرأسي داخل السلايدر */
        -webkit-overflow-scrolling: touch !important; /* تجربة سحب انسيابية (iOS) */
        padding: 20px 15px !important;
        gap: 25px !important;         /* مساحة كافية بين الماركات */
        
        /* السر التقني: السماح فقط بالسحب الأفقي ومنع اهتزاز الصفحة للأعلى/الأسفل */
        touch-action: pan-x !important; 
        scrollbar-width: none;         /* إخفاء شريط التمرير للمتصفحات الحديثة */
    }

    /* 3. تنسيق الماركات (الأعمدة) لضمان ثبات المقاس */
    .brands-slider .elementor-column {
        width: 120px !important;      /* عرض الماركة */
        flex: 0 0 120px !important;   /* منع التمدد أو الانكماش */
        max-width: 1200px !important;
    }

    /* 4. لمسة جمالية: إخفاء شريط التمرير (Scrollbar) تماماً */
    .brands-slider > .elementor-container::-webkit-scrollbar {
        display: none !important;      /* إخفاء الشريط في Chrome و Safari */
    }
}/* End custom CSS */