.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4533 .elementor-element.elementor-element-4c9c507{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4533 .elementor-element.elementor-element-00ebc40{--spacer-size:50px;}.elementor-widget-image-gallery .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image-gallery .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4533 .elementor-element.elementor-element-584d810 .gallery-item{padding:0 0px 0px 0;}.elementor-4533 .elementor-element.elementor-element-584d810 .gallery{margin:0 -0px -0px 0;}.elementor-4533 .elementor-element.elementor-element-584d810 .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-4533 .elementor-element.elementor-element-bf0c80e{--spacer-size:600px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4533 .elementor-element.elementor-element-27181ea .elementor-button{font-family:"DM Serif Text", Sans-serif;font-weight:500;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4533 .elementor-element.elementor-element-bf0c80e{--spacer-size:88px;}}@media(min-width:768px){.elementor-4533 .elementor-element.elementor-element-4c9c507{--content-width:1351px;}}/* Start custom CSS for image-gallery, class: .elementor-element-584d810 *//* ================================
   بطاقة الشعار
================================ */
.elementor-4533 .elementor-element.elementor-element-584d810 .elementor-image-gallery .gallery-item,
.elementor-4533 .elementor-element.elementor-element-584d810 .gallery .gallery-item {
    height: 160px !important;
    padding: 18px !important;
    border-radius: 18px !important;

    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.06) !important;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.45);

    /* ⬅️ مهم */
    transition:
        transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1),
        box-shadow 1.6s ease,
        background 1.6s ease;

    position: relative;
    overflow: visible; /* ⬅️ حتى لا ينقص الزوم */
    transform-origin: center center;
}

/* ================================
   صورة الشعار (ثابتة – بدون زوم)
================================ */
.elementor-4533 .elementor-element.elementor-element-584d810 .elementor-image-gallery .gallery-item img,
.elementor-4533 .elementor-element.elementor-element-584d810 .gallery .gallery-item img {
    max-width: 90% !important;
    max-height: 90% !important;
    transform: none !important;        /* ⬅️ منع زوم الصورة */
    transition: none !important;
}

/* ================================
   Hover – زوم 50% على البطاقة فقط
================================ */
.elementor-4533 .elementor-element.elementor-element-584d810 .elementor-image-gallery .gallery-item:hover,
.elementor-4533 .elementor-element.elementor-element-584d810 .gallery .gallery-item:hover {
    transform: scale(1.75) !important;  /* ⬅️ زوم 50% */
    background: rgba(255, 255, 255, 0.95) !important;

    box-shadow:
        0 60px 140px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.6);

    z-index: 999 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-27181ea *//* ==================================================
   تنسيق الزر الأساسي (أبيض مع حدود زرقاء)
   ================================================== */
.elementor-4533 .elementor-element.elementor-element-27181ea .elementor-button {
    /* 1. الخلفية والنص */
    background-color: #ffffff !important;
    color: #0b527d !important;

    /* 2. الحدود */
    border: 1px solid #0b527d !important;
    border-radius: 50px !important;

    /* 3. الخط */
    font-family: sans-serif; /* يفضل تغييره لاسم خطك العربي إذا وجد */
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;

    /* 4. الأبعاد */
    padding: 10px 30px !important;
    box-shadow: none !important;
    
    /* منع التفاف النص (للكمبيوتر فقط) */
    white-space: nowrap;

    /* حركة ناعمة */
    transition: all 0.3s ease !important;
    
    /* توسيط المحتوى داخل الزر */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ==================================================
   تأثير عند مرور الماوس (Hover)
   ================================================== */
.elementor-4533 .elementor-element.elementor-element-27181ea .elementor-button:hover {
    /* قلب الألوان */
    background-color: #0b527d !important;
    color: #ffffff !important;
    border-color: #0b527d !important;
    /* رفع الزر قليلاً لإعطاء شعور بالتفاعل */
    transform: translateY(-2px);
}

/* ==================================================
   توسيط الزر في الحاوية
   ================================================== */
.elementor-4533 .elementor-element.elementor-element-27181ea .elementor-widget-container {
    text-align: center;
}

/* ==================================================
   🔥 إصلاح مشاكل الموبايل (Mobile Responsive) 🔥
   ================================================== */
@media (max-width: 767px) {
    .elementor-4533 .elementor-element.elementor-element-27181ea .elementor-button {
        /* السماح للنص بالنزول لسطر ثاني في الموبايل */
        white-space: normal !important;
        
        /* تقليل الحواف الجانبية قليلاً لتوفير مساحة */
        padding: 10px 20px !important;
        
        /* ضمان عدم تجاوز عرض الشاشة */
        max-width: 90%; 
        width: auto;
        
        /* ضبط تباعد الأسطر في حال انكسر النص */
        line-height: 1.4;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c9c507 *//* =========================================
   Elementor Image Gallery
   Card Style + Motion ONLY
   (NO columns control)
========================================= */

/* =========================
   1) عنصر الغاليري
========================= */
.elementor-4533 .elementor-element.elementor-element-4c9c507 .elementor-image-gallery .gallery,
.elementor-4533 .elementor-element.elementor-element-4c9c507 .gallery {
    text-align: center !important; /* يحافظ على توزيع inline-block */
}

/* =========================
   2) بطاقة الشعار
   (الفراغ مضبوط للنص)
========================= */
.elementor-4533 .elementor-element.elementor-element-4c9c507 .elementor-image-gallery .gallery-item,
.elementor-4533 .elementor-element.elementor-element-4c9c507 .gallery .gallery-item {
    display: inline-block !important;
    vertical-align: top !important;

    /* ⬅️ الفراغ النهائي (آمن) */
    margin: 14px 10px !important;  /* عمودي | أفقي */

    height: 160px !important;
    padding: 18px !important;
    border-radius: 18px !important;

    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(0, 0, 0, 0.06) !important;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.45);

    transition:
        transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1),
        box-shadow 1.4s ease,
        background 1.4s ease;

    position: relative;
    overflow: hidden;
}

/* =========================
   3) توسيط المحتوى داخليًا
========================= */
.elementor-4533 .elementor-element.elementor-element-4c9c507 .elementor-image-gallery .gallery-item .gallery-icon,
.elementor-4533 .elementor-element.elementor-element-4c9c507 .gallery .gallery-item .gallery-icon {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* =========================
   4) صورة الشعار
========================= */
.elementor-4533 .elementor-element.elementor-element-4c9c507 .elementor-image-gallery .gallery-item img,
.elementor-4533 .elementor-element.elementor-element-4c9c507 .gallery .gallery-item img {
    max-width: 90% !important;
    max-height: 90% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;

    transition: transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* =========================
   5) Hover – تكبير أقوى وبطيء
========================= */
.elementor-4533 .elementor-element.elementor-element-4c9c507 .elementor-image-gallery .gallery-item:hover,
.elementor-4533 .elementor-element.elementor-element-4c9c507 .gallery .gallery-item:hover {
    transform: translateY(-10px) scale(1.12) !important;
    background: rgba(255, 255, 255, 0.95) !important;

    box-shadow:
        0 45px 110px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.6);

    z-index: 20 !important;
}

.elementor-4533 .elementor-element.elementor-element-4c9c507 .elementor-image-gallery .gallery-item:hover img,
.elementor-4533 .elementor-element.elementor-element-4c9c507 .gallery .gallery-item:hover img {
    transform: scale(1.15);
}

/* =========================
   6) Tablet
========================= */
@media (max-width: 1024px) {
    .elementor-4533 .elementor-element.elementor-element-4c9c507 .elementor-image-gallery .gallery-item,
    .elementor-4533 .elementor-element.elementor-element-4c9c507 .gallery .gallery-item {
        height: 140px !important;
        padding: 16px !important;
        margin: 12px 8px !important;
    }
}

/* =========================
   7) Mobile
========================= */
@media (max-width: 767px) {
    .elementor-4533 .elementor-element.elementor-element-4c9c507 .elementor-image-gallery .gallery-item,
    .elementor-4533 .elementor-element.elementor-element-4c9c507 .gallery .gallery-item {
        height: 120px !important;
        padding: 12px !important;
        margin: 10px 6px !important;
        border-radius: 16px !important;
    }
}/* End custom CSS */