@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//alkiffah.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 14px;
	--wd-title-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(0, 0, 0);
	--wd-alternative-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Almarai", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(139,16,62);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: inherit;
	background-position: center top;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 12px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.whb-col-mobile {
    flex: 1 1 auto;
    justify-content: space-between !important;
    margin-inline: -10px;
}



span.wd-btn-icon {
    margin-right: 10px;
}
.whatsapp-btn {
    /* لون الخلفية كما في الصورة */
    background-color: rgba(253, 255, 255, 0.05);
    
    /* الحدود كما في الصورة */
    border: 1px solid rgba(253, 255, 255, 0.2);
    
    /* تأثير الزجاج (Glassmorphism) لتنعيم ما خلف الزر */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* لدعم متصفح سفاري */
    
    /* إعدادات إضافية لضبط شكل الزر (يمكنك تعديلها حسب الحاجة) */
    border-radius: 50px;
    padding: 15px 24px 12px;
    color: #ffffff; /* لون النص أو الأيقونة */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    
    /* تأثير انتقال ناعم عند مرور الماوس */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* تأثير احترافي عند مرور الماوس (Hover) */
.whatsapp-btn:hover {
    background-color: rgba(253, 255, 255, 0.1); /* زيادة الشفافية قليلاً */
    border-color: rgba(253, 255, 255, 0.3);
    transform: translateY(-2px);
	color : #fff
}


.whb-sticked .whb-row {
    transition: background-color .3s ease;
    background: #8b103e !important;
	z-index : 2000000000 !important
}



/* =========================================
   1. إعدادات العناوين والعدادات
   ========================================= */

/* --- الديسكتوب فقط (نعومة أعلى وضبابية أكثر) --- */
[data-id="6fb655c"] .elementor-widget:not(.elementor-widget-image) {
    opacity: 0;
    transform: translateY(40px);
    /* زيادة الضبابية لـ 20 بكسل */
    filter: blur(10px); 
    will-change: transform, opacity, filter;
    /* زيادة وقت الحركة لـ 2.6 ثانية لظهور في منتهى النعومة */
    transition: opacity 2.6s cubic-bezier(0.22, 1, 0.36, 1), 
                transform 2.6s cubic-bezier(0.22, 1, 0.36, 1),
                filter 2.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* --- الموبايل والتابلت (نفس الإعدادات السريعة نسبياً) --- */
[data-id="24d7a31"] .elementor-widget:not(.elementor-widget-image),
[data-id="f755e6f"] .elementor-widget:not(.elementor-widget-image) {
    opacity: 0;
    transform: translateY(40px);
    filter: blur(8px);
    will-change: transform, opacity, filter;
    transition: opacity 1.8s cubic-bezier(0.22, 1, 0.36, 1), 
                transform 1.8s cubic-bezier(0.22, 1, 0.36, 1),
                filter 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* --- حالة الظهور (للكل) --- */
[data-id="6fb655c"].is-visible .elementor-widget:not(.elementor-widget-image),
[data-id="24d7a31"].is-visible .elementor-widget:not(.elementor-widget-image),
[data-id="f755e6f"].is-visible .elementor-widget:not(.elementor-widget-image) {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}
/* =========================================
   2. إعدادات الصورة (انسيابية سينمائية - Slide, Scale & Blur)
   ========================================= */

/* --- الديسكتوب والتابلت (-42%) --- */
@media (min-width: 768px) {
    [data-id="6fb655c"] .elementor-widget-image,
    [data-id="f755e6f"] .elementor-widget-image {
        opacity: 0;
        /* سحب من الشمال (-120px) مع تصغير بسيط جداً (0.97) لإحساس بالعمق */
        transform: translate(-120px, -42%) scale(0.97) !important; 
        /* ضبابية عالية تتماشى مع العناوين في الديسكتوب */
        filter: blur(20px); 
        will-change: transform, opacity, filter;
        /* نفس وقت النعومة بتاع العناوين (2.6 ثانية) عشان يمشوا مع بعض */
        transition: opacity 2.6s cubic-bezier(0.22, 1, 0.36, 1),
                    transform 2.6s cubic-bezier(0.22, 1, 0.36, 1),
                    filter 2.6s cubic-bezier(0.22, 1, 0.36, 1) !important; 
    }
    
    [data-id="6fb655c"].is-visible .elementor-widget-image,
    [data-id="f755e6f"].is-visible .elementor-widget-image {
        opacity: 1;
        /* العودة للحجم الطبيعي والمكان الأصلي */
        transform: translate(0, -42%) scale(1) !important;
        filter: blur(0);
    }
}

/* --- الموبايل (-16%) يظل كما هو للحفاظ على التنسيق --- */
@media (max-width: 767px) {
    [data-id="24d7a31"] .elementor-widget-image {
        opacity: 0;
        transform: translate(-40px, -16%) !important; 
        filter: blur(10px);
        will-change: transform, opacity, filter;
        transition: all 2.8s cubic-bezier(0.22, 1, 0.36, 1) !important; 
    }

    [data-id="24d7a31"].is-visible .elementor-widget-image {
        opacity: 1;
        transform: translate(0, -16%) !important;
        filter: blur(0);
    }
}

/* --- الموبايل (-16%) --- */
@media (max-width: 767px) {
    [data-id="24d7a31"] .elementor-widget-image {
        opacity: 0;
        /* مسافة سحب أقل مع الاحتفاظ بـ -16% الخاصة بيك */
        transform: translate(-40px, -16%) !important; 
        filter: blur(10px);
        will-change: transform, opacity, filter;
        /* نفس النعومة العالية للموبايل */
        transition: all 2.8s cubic-bezier(0.22, 1, 0.36, 1) !important; 
    }

    [data-id="24d7a31"].is-visible .elementor-widget-image {
        opacity: 1;
        transform: translate(0, -16%) !important;
        filter: blur(0);
    }
}

/* =========================================
   3. Stagger Effects (ترتيب الظهور الواضح جداً)
   ========================================= */

/* --- الديسكتوب --- */
[data-id="6fb655c"] [data-id="7fb1a83"] { transition-delay: 0.1s !important; } /* العنوان الرئيسي */
[data-id="6fb655c"] [data-id="00c429a"] { transition-delay: 0.4s !important; } /* الفقرة */
[data-id="6fb655c"] [data-id="03a905e"] { transition-delay: 0.7s !important; } /* عداد 1 */
[data-id="6fb655c"] [data-id="bf2f26e"] { transition-delay: 0.9s !important; } /* عداد 2 */
[data-id="6fb655c"] [data-id="c018f27"] { transition-delay: 1.1s !important; } /* عداد 3 */
[data-id="6fb655c"] [data-id="3c83834"] { transition-delay: 0.8s !important; } /* الصورة بتدخل مع العدادات */

/* --- الموبايل --- */
[data-id="24d7a31"] [data-id="d304618"] { transition-delay: 0.1s !important; } 
[data-id="24d7a31"] [data-id="3811069"] { transition-delay: 0.4s !important; } 
[data-id="24d7a31"] [data-id="4a8e86d"] { transition-delay: 0.7s !important; } 
[data-id="24d7a31"] [data-id="0b76e34"] { transition-delay: 0.9s !important; } 
[data-id="24d7a31"] [data-id="a85011f"] { transition-delay: 1.1s !important; } 
[data-id="24d7a31"] [data-id="4699dc8"] { transition-delay: 0.8s !important; } 

/* --- التابلت --- */
[data-id="f755e6f"] [data-id="9efa3b1"] { transition-delay: 0.1s !important; } 
[data-id="f755e6f"] [data-id="3d73c9d"] { transition-delay: 0.4s !important; } 
[data-id="f755e6f"] [data-id="e9df421"] { transition-delay: 0.7s !important; } 
[data-id="f755e6f"] [data-id="e852a2f"] { transition-delay: 0.9s !important; } 
[data-id="f755e6f"] [data-id="fec62c7"] { transition-delay: 1.1s !important; } 
[data-id="f755e6f"] [data-id="7a35171"] { transition-delay: 0.8s !important; }






/* تانى سكشن  */


/* =========================================
   Premium Reveal - About Us (Separated Triggers)
   ========================================= */

/* --- 1. الديسكتوب: الكلام والزراير --- */
[data-id="7d10572"] .elementor-widget-heading,
[data-id="7d10572"] .elementor-widget-button {
    opacity: 0;
    transform: translateY(40px);
    filter: blur(15px);
    will-change: transform, opacity, filter;
    transition: opacity 2.4s cubic-bezier(0.22, 1, 0.36, 1), 
                transform 2.4s cubic-bezier(0.22, 1, 0.36, 1),
                filter 2.4s cubic-bezier(0.22, 1, 0.36, 1);
}

/* --- 2. الموبايل: الكلام والزراير --- */
[data-id="483dbf1"] .elementor-widget-heading,
[data-id="483dbf1"] .elementor-widget-button {
    opacity: 0;
    transform: translateY(40px); 
    filter: blur(12px); 
    will-change: transform, opacity, filter;
    transition: opacity 1.8s cubic-bezier(0.22, 1, 0.36, 1), 
                transform 1.8s cubic-bezier(0.22, 1, 0.36, 1),
                filter 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* --- 3. الديسكتوب: حركة الصور --- */
[data-id="199e579"] { /* الشاحنة */
    opacity: 0;
    transform: translateX(80px) scale(0.96); 
    filter: blur(20px);
    will-change: transform, opacity, filter;
    transition: all 2.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
[data-id="aad8477"] { /* الباترن */
    opacity: 0;
    transform: translateX(-80px) scale(0.96) !important;
    filter: blur(20px);
    will-change: transform, opacity, filter;
    transition: all 3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* --- 4. الموبايل: حركة الصور --- */
[data-id="0d81608"] { /* الشاحنة */
    opacity: 0;
    transform: translateX(80px) scale(0.96); 
    filter: blur(20px); 
    will-change: transform, opacity, filter;
    transition: all 3.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
[data-id="6891492"] { /* الباترن */
    opacity: 0;
    transform: translateX(-60px) scale(0.96) !important;
    filter: blur(20px); 
    will-change: transform, opacity, filter;
    transition: all 4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* --- 5. حالة الظهور (هنا السر: فصلنا الكلام عن الصور) --- */

/* ظهور الكلام والزراير (مع السكشن عادي) */
[data-id="7d10572"].is-visible .elementor-widget:not([data-id="199e579"]):not([data-id="aad8477"]),
[data-id="483dbf1"].is-visible .elementor-widget:not([data-id="0d81608"]):not([data-id="6891492"]) {
    opacity: 1;
    transform: translate(0, 0) scale(1) !important; 
    filter: blur(0);
}

/* ظهور الصور (لما توصل للصورة نفسها، هتاخد كلاس img-animated) */
[data-id="199e579"].img-animated,
[data-id="aad8477"].img-animated,
[data-id="0d81608"].img-animated,
[data-id="6891492"].img-animated {
    opacity: 1;
    transform: translate(0, 0) scale(1) !important; 
    filter: blur(0);
}

/* =========================================
   التأخير الزمني للكلام بس (بدون تأخير للصور)
   ========================================= */
/* الديسكتوب */
[data-id="7d10572"] [data-id="cdc18cf"] { transition-delay: 0.1s; } 
[data-id="7d10572"] [data-id="c6bc941"] { transition-delay: 0.3s; } 
[data-id="7d10572"] [data-id="107e23b"] { transition-delay: 0.5s; } 
[data-id="7d10572"] [data-id="0c0bffe"] { transition-delay: 0.7s; } 
[data-id="7d10572"] [data-id="8d3d9a2"] { transition-delay: 0.9s; } 

/* الموبايل */
[data-id="483dbf1"] [data-id="32aaa0b"] { transition-delay: 0.1s; } 
[data-id="483dbf1"] [data-id="8d43f07"] { transition-delay: 0.3s; } 
[data-id="483dbf1"] [data-id="5e931bf"] { transition-delay: 0.5s; } 
[data-id="483dbf1"] [data-id="946e097"] { transition-delay: 0.7s; } 
[data-id="483dbf1"] [data-id="87bee90"] { transition-delay: 0.9s; }




/* خدماتنا  */


/* =========================================
   Ultra-Cinematic Cards (Desktop, Tablet & Mobile Fixed)
   ========================================= */

/* 1. الإعدادات الأساسية (العناوين بتطلع من تحت) */
[data-id="2123c35"], [data-id="4a53aa0"], [data-id="43c3b38"] {
    opacity: 0; 
    transform: translateY(40px); 
    filter: blur(15px);
    will-change: transform, opacity, filter;
}

/* 2. المجموعة الأولى: كروت اليمين (بتدخل من اليمين للشمال) */
[data-id="d056fa0"], [data-id="4510991"], 
[data-id="03d0d2b"], [data-id="2f5b682"], 
[data-id="e38bea1"], [data-id="5ddacad"] {
    opacity: 0; 
    transform: translateX(80px) scale(0.95); 
    filter: blur(20px);
    will-change: transform, opacity, filter;
}

/* 3. المجموعة التانية: كروت النص (بتطلع من تحت لفوق) */
[data-id="6b560ae"], [data-id="9e04128"], 
[data-id="1656894"], [data-id="b54ff9f"], 
[data-id="0172cae"], [data-id="2adad5f"] {
    opacity: 0; 
    transform: translateY(80px) scale(0.95); 
    filter: blur(20px);
    will-change: transform, opacity, filter;
}

/* 4. المجموعة التالتة: كروت الشمال (بتدخل من الشمال لليمين) */
[data-id="743bd7b"], [data-id="6403266"], 
[data-id="78510b0"], [data-id="fd7b32b"], 
[data-id="1399578"], [data-id="d51e1f3"] {
    opacity: 0; 
    transform: translateX(-80px) scale(0.95); 
    filter: blur(20px);
    will-change: transform, opacity, filter;
}

/* 5. حالة الظهور المباشرة للعنصر نفسه لما يوصل في الشاشة */
.card-visible {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
    filter: blur(0) !important;
}

/* =========================================
   السرعات والتتابع الزمني
   ========================================= */

/* --- الديسكتوب والتابلت (سرعة 2.5 ثانية + تتابع زمني مريح للعين) --- */
[data-id="2123c35"], [data-id="d056fa0"], [data-id="4510991"], [data-id="6b560ae"], [data-id="9e04128"], [data-id="743bd7b"], [data-id="6403266"],
[data-id="4a53aa0"], [data-id="03d0d2b"], [data-id="2f5b682"], [data-id="1656894"], [data-id="b54ff9f"], [data-id="78510b0"], [data-id="fd7b32b"] {
    transition: all 2.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* تأخير الديسكتوب عشان يبنوا بعض */
[data-id="2123c35"] { transition-delay: 0s !important; }
[data-id="d056fa0"] { transition-delay: 0.1s !important; }
[data-id="6b560ae"] { transition-delay: 0.25s !important; }
[data-id="743bd7b"] { transition-delay: 0.4s !important; }
[data-id="4510991"] { transition-delay: 0.3s !important; }
[data-id="9e04128"] { transition-delay: 0.45s !important; }
[data-id="6403266"] { transition-delay: 0.6s !important; }

/* تأخير التابلت (مطابق للديسكتوب بالظبط) */
[data-id="4a53aa0"] { transition-delay: 0s !important; }
[data-id="03d0d2b"] { transition-delay: 0.1s !important; }
[data-id="1656894"] { transition-delay: 0.25s !important; }
[data-id="78510b0"] { transition-delay: 0.4s !important; }
[data-id="2f5b682"] { transition-delay: 0.3s !important; }
[data-id="b54ff9f"] { transition-delay: 0.45s !important; }
[data-id="fd7b32b"] { transition-delay: 0.6s !important; }

/* --- الموبايل (سرعة 1.2 ثانية + زيرو تأخير زمني عشان العميل يحس بالسرعة) --- */
[data-id="43c3b38"], [data-id="e38bea1"], [data-id="5ddacad"], 
[data-id="0172cae"], [data-id="2adad5f"], 
[data-id="1399578"], [data-id="d51e1f3"] {
    transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
    transition-delay: 0s !important; 
}



/* =========================================
   Cinematic Reveal - "Our Fleet" Section (With Absolute Pattern)
   ========================================= */

/* 1. العناوين والفقرات (بتطلع من تحت) */
[data-id="d166f72"], [data-id="763cf15"], /* ديسكتوب */
[data-id="d8d9ffe"], [data-id="65f9ce8"]  /* موبايل */ {
    opacity: 0; 
    transform: translateY(40px); 
    filter: blur(15px);
    will-change: transform, opacity, filter;
}

/* 2. صورة البانر العريضة (عمق سينمائي من جوه لبره) */
[data-id="ebfefae"], /* ديسكتوب */
[data-id="cdabdbb"]  /* موبايل */ {
    opacity: 0; 
    transform: translateY(60px) scale(0.95); 
    filter: blur(25px); 
    will-change: transform, opacity, filter;
}

/* 3. الصورة الجديدة الـ Absolute (سحب من الشمال لليمين بهدوء) */
[data-id="13f12b4"], /* ديسكتوب */
[data-id="c21af84"]  /* موبايل */ {
    opacity: 0; 
    transform: translateX(-80px) scale(0.95) !important; 
    filter: blur(20px); 
    will-change: transform, opacity, filter;
}

/* 4. حالة الظهور المباشرة للعنصر نفسه */
.fleet-visible {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
    filter: blur(0) !important;
}

/* =========================================
   السرعات والتتابع الزمني
   ========================================= */

/* --- الديسكتوب والتابلت (سرعة 2.5 ثانية + تتابع زمني مريح) --- */
@media (min-width: 768px) {
    [data-id="d166f72"], [data-id="763cf15"], [data-id="ebfefae"], [data-id="13f12b4"] {
        transition: all 2.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }
    
    /* التتابع الزمني لترتيب المشهد */
    [data-id="13f12b4"] { transition-delay: 0s !important; }    /* الباترن يفرش الأول */
    [data-id="d166f72"] { transition-delay: 0.15s !important; } /* العنوان */
    [data-id="763cf15"] { transition-delay: 0.3s !important; }  /* الفقرة */
    [data-id="ebfefae"] { transition-delay: 0.45s !important; } /* البانر يختم المشهد */
}

/* --- الموبايل (سرعة 1.2 ثانية + بدون تأخير زمني لخفة الأداء) --- */
@media (max-width: 767px) {
    [data-id="d8d9ffe"], [data-id="65f9ce8"], [data-id="cdabdbb"], [data-id="c21af84"] {
        transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
        transition-delay: 0s !important; 
    }
}


/*  رابع كسشن */



/* =========================================
   Cinematic Reveal - "Sectors We Serve" Section (FIXED)
   ========================================= */

/* 1. الإعدادات الأساسية (الكل يبدأ مختفي ومموّه) */
/* كل العناوين */
[data-id="76df1e6"], [data-id="2f2e764"], [data-id="59c92b1"] {
    opacity: 0; 
    transform: translateY(40px); 
    filter: blur(15px);
    will-change: transform, opacity, filter;
}

/* كل الكروت (ديسكتوب، موبايل، تابلت) */
[data-id="484e854"], [data-id="bf8096d"], [data-id="ae3b0fc"], [data-id="1b9082d"], [data-id="f77936d"], [data-id="97a570c"],
[data-id="9175e0e"], [data-id="4e2e70d"], [data-id="66aa44c"], [data-id="fd2db15"], [data-id="42a68a3"], [data-id="0a8844f"],
[data-id="583136e"], [data-id="699e9c1"], [data-id="4c45349"], [data-id="36dbe1d"], [data-id="2f40615"], [data-id="5122f8e"] {
    opacity: 0; 
    transform: translateY(60px) scale(0.95); 
    filter: blur(20px);
    will-change: transform, opacity, filter;
}

/* كل الصور الرئيسية */
[data-id="e885879"], [data-id="42d8d9d"], [data-id="7633b16"] {
    opacity: 0; 
    transform: translateY(50px) scale(0.98); 
    filter: blur(15px); 
    will-change: transform, opacity, filter;
}

/* كل الأشكال الهندسية (Patterns) */
[data-id="01cfdbf"], [data-id="7cb0059"], [data-id="7bd6812"], 
[data-id="8d50adf"], [data-id="5f345ef"], [data-id="7c4a6fa"] {
    opacity: 0; 
    transform: scale(0.9) !important; 
    filter: blur(20px); 
    will-change: transform, opacity, filter;
}

/* حالة الظهور المباشرة (الكلاس اللي الـ JS بيضيفه) */
.sector-visible {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
    filter: blur(0) !important;
}

/* =========================================
   تخصيص السرعات (مربوطة بالـ IDs مباشرة لضمان الاستقرار)
   ========================================= */

/* --- 1. الديسكتوب (سرعة 2.5 ثانية وتتابع مريح) --- */
[data-id="76df1e6"], [data-id="01cfdbf"], [data-id="8d50adf"], [data-id="e885879"],
[data-id="484e854"], [data-id="bf8096d"], [data-id="ae3b0fc"], [data-id="1b9082d"], [data-id="f77936d"], [data-id="97a570c"] {
    transition: all 2.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
/* تتابع كروت الديسكتوب */
[data-id="484e854"] { transition-delay: 0.15s !important; }
[data-id="bf8096d"] { transition-delay: 0.25s !important; }
[data-id="ae3b0fc"] { transition-delay: 0.35s !important; }
[data-id="1b9082d"] { transition-delay: 0.45s !important; }
[data-id="f77936d"] { transition-delay: 0.55s !important; }
[data-id="97a570c"] { transition-delay: 0.65s !important; }
[data-id="e885879"], [data-id="8d50adf"] { transition-delay: 0.75s !important; }

/* --- 2. التابلت (نفس سرعة وتتابع الديسكتوب) --- */
[data-id="59c92b1"], [data-id="7bd6812"], [data-id="7c4a6fa"], [data-id="7633b16"],
[data-id="583136e"], [data-id="699e9c1"], [data-id="4c45349"], [data-id="36dbe1d"], [data-id="2f40615"], [data-id="5122f8e"] {
    transition: all 2.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
/* تتابع كروت التابلت */
[data-id="583136e"] { transition-delay: 0.15s !important; }
[data-id="699e9c1"] { transition-delay: 0.25s !important; }
[data-id="4c45349"] { transition-delay: 0.35s !important; }
[data-id="36dbe1d"] { transition-delay: 0.45s !important; }
[data-id="2f40615"] { transition-delay: 0.55s !important; }
[data-id="5122f8e"] { transition-delay: 0.65s !important; }
[data-id="7633b16"], [data-id="7c4a6fa"] { transition-delay: 0.75s !important; }

/* --- 3. الموبايل (سرعة 1.2 ثانية وبدون تأخير عشان الأداء) --- */
[data-id="2f2e764"], [data-id="7cb0059"], [data-id="5f345ef"], [data-id="42d8d9d"],
[data-id="9175e0e"], [data-id="4e2e70d"], [data-id="66aa44c"], [data-id="fd2db15"], [data-id="42a68a3"], [data-id="0a8844f"] {
    transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
    transition-delay: 0s !important; 
}











/* خامس سكشن  */

/* =========================================
   Cinematic Reveal - "Why Choose Us" Section
   ========================================= */

/* 1. العناوين والفقرات (بتطلع من تحت لفوق بهدوء) */
[data-id="c411c55"], [data-id="2ef62de"], /* ديسكتوب */
[data-id="714e4b8"], [data-id="6258378"], /* تابلت */
[data-id="7cb76b9"], [data-id="d64f6e0"]  /* موبايل */ {
    opacity: 0;
    transform: translateY(30px);
    filter: blur(10px);
    will-change: transform, opacity, filter;
}
/* 2. الكروت (ديسكتوب وتابلت بتدخل من اليمين للشمال) */
[data-id="f255a0b"], [data-id="4b669aa"], [data-id="da41750"], [data-id="0bd000f"], /* ديسكتوب */
[data-id="05aee25"], [data-id="8cfb643"], [data-id="5ca8d8a"], [data-id="e315426"]  /* تابلت */ {
    opacity: 0;
    transform: translateX(60px) scale(0.95);
    filter: blur(15px);
    will-change: transform, opacity, filter;
}

/* 2.1 كروت الموبايل (بتطلع من تحت لفوق بنعومة) */
[data-id="4525587"], [data-id="935eb62"], [data-id="7b8ac37"], [data-id="6bb1930"] {
    opacity: 0;
    transform: translateY(50px) scale(0.95); /* هنا غيرناها لـ Y عشان تطلع من تحت */
    filter: blur(15px);
    will-change: transform, opacity, filter;
}

/* 3. صورة الشاحنة الـ Absolute (سحب احترافي من أقصى الشمال لليمين مع زووم) */
[data-id="a42aee5"], /* ديسكتوب */
[data-id="0f6b1fc"]  /* تابلت */ {
    opacity: 0;
    /* بنستخدم important عشان نتغلب على إحداثيات الـ absolute بتاعت المنتور */
    transform: translateX(-150px) scale(0.85) !important; 
    filter: blur(25px);
    will-change: transform, opacity, filter;
}

/* 4. حالة الظهور المباشرة للعناصر (الكلاس اللي هيضيفه الـ JS) */
.why-us-visible {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
    filter: blur(0) !important;
}

/* =========================================
   السرعات والتتابع الزمني 
   ========================================= */

/* --- 1. الديسكتوب (حركة فخمة وسلسة) --- */
[data-id="c411c55"], [data-id="2ef62de"], [data-id="a42aee5"],
[data-id="f255a0b"], [data-id="4b669aa"], [data-id="da41750"], [data-id="0bd000f"] {
    transition: all 2.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

[data-id="c411c55"] { transition-delay: 0s !important; }
[data-id="2ef62de"] { transition-delay: 0.15s !important; }
[data-id="a42aee5"] { transition-delay: 0.25s !important; } /* الشاحنة تبدأ تدخل */
[data-id="f255a0b"] { transition-delay: 0.35s !important; } /* كارت 1 */
[data-id="4b669aa"] { transition-delay: 0.45s !important; } /* كارت 2 */
[data-id="da41750"] { transition-delay: 0.55s !important; } /* كارت 3 */
[data-id="0bd000f"] { transition-delay: 0.65s !important; } /* كارت 4 */


/* --- 2. التابلت --- */
[data-id="714e4b8"], [data-id="6258378"], [data-id="0f6b1fc"],
[data-id="05aee25"], [data-id="8cfb643"], [data-id="5ca8d8a"], [data-id="e315426"] {
    transition: all 2.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

[data-id="714e4b8"] { transition-delay: 0s !important; }
[data-id="6258378"] { transition-delay: 0.15s !important; }
[data-id="0f6b1fc"] { transition-delay: 0.25s !important; } 
[data-id="05aee25"] { transition-delay: 0.35s !important; }
[data-id="8cfb643"] { transition-delay: 0.45s !important; }
[data-id="5ca8d8a"] { transition-delay: 0.55s !important; }
[data-id="e315426"] { transition-delay: 0.65s !important; }


/* --- 3. الموبايل (سرعة وخفة في الأداء) --- */
[data-id="7cb76b9"], [data-id="d64f6e0"],
[data-id="4525587"], [data-id="935eb62"], [data-id="7b8ac37"], [data-id="6bb1930"] {
    transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
    transition-delay: 0s !important;
}








/*  التواصل*/

/* =========================================
   Cinematic Reveal - "Contact Us" Section
   ========================================= */

/* 1. العناوين والنصوص (ديسكتوب وموبايل) - بتطلع من تحت */
[data-id="b77d04f"], [data-id="80fd168"], /* ديسكتوب وتابلت */
[data-id="0fdedb4"], [data-id="9846269"]  /* موبايل */ {
    opacity: 0;
    transform: translateY(30px);
    filter: blur(10px);
    will-change: transform, opacity, filter;
}

/* 2. أيقونات بيانات التواصل (التليفون، الإيميل، الموقع) - بتطلع من تحت */
[data-id="5c795ce"], [data-id="89c5597"], [data-id="d167bc5"], /* ديسكتوب وتابلت */
[data-id="bd2019a"], [data-id="02c04ed"], [data-id="844fc79"]  /* موبايل */ {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    filter: blur(15px);
    will-change: transform, opacity, filter;
}

/* 3. الفورم في الديسكتوب والتابلت (سحب فخم من الشمال لليمين) */
[data-id="10501b3"] {
    opacity: 0;
    transform: translateX(-60px); /* دخول من الشمال */
    filter: blur(15px);
    will-change: transform, opacity, filter;
}

/* 4. الفورم في الموبايل (بيطلع من تحت لفوق عشان تناسق الشاشة) */
[data-id="2bff3ee"] {
    opacity: 0;
    transform: translateY(50px);
    filter: blur(15px);
    will-change: transform, opacity, filter;
}

/* 5. الكلاس اللي بيضيفه الـ JS للظهور */
.contact-visible {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
    filter: blur(0) !important;
}

/* =========================================
   السرعات والتتابع الزمني 
   ========================================= */

/* --- الديسكتوب والتابلت (سرعة 2.5 ثانية وتتابع محترف) --- */
@media (min-width: 768px) {
    [data-id="b77d04f"], [data-id="80fd168"], 
    [data-id="5c795ce"], [data-id="89c5597"], [data-id="d167bc5"], 
    [data-id="10501b3"] {
        transition: all 2.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    [data-id="b77d04f"] { transition-delay: 0s !important; }      /* العنوان الرئيسي */
    [data-id="80fd168"] { transition-delay: 0.15s !important; }   /* الوصف */
    
    [data-id="10501b3"] { transition-delay: 0.25s !important; }   /* الفورم تبدأ تدخل من الشمال */
    
    [data-id="5c795ce"] { transition-delay: 0.3s !important; }    /* التليفون */
    [data-id="89c5597"] { transition-delay: 0.4s !important; }    /* الإيميل */
    [data-id="d167bc5"] { transition-delay: 0.5s !important; }    /* الموقع */
}

/* --- الموبايل (سرعة 1.2 ثانية واستجابة فورية) --- */
@media (max-width: 767px) {
    [data-id="0fdedb4"], [data-id="9846269"],
    [data-id="bd2019a"], [data-id="02c04ed"], [data-id="844fc79"],
    [data-id="2bff3ee"] {
        transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
        transition-delay: 0s !important;
    }
}