.elementor-44 .elementor-element.elementor-element-830d838{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-a578b10{text-align:center;}.elementor-44 .elementor-element.elementor-element-a578b10 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:48px;font-weight:700;color:var( --e-global-color-astglobalcolor2 );}.elementor-44 .elementor-element.elementor-element-dc0f844{--display:flex;--padding-top:0px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-b7f2444 .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-44 .elementor-element.elementor-element-b7f2444:after{content:"0.66";position:absolute;color:transparent;}.elementor-44 .elementor-element.elementor-element-b7f2444{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-44 .elementor-element.elementor-element-b7f2444 .elementor-portfolio-item__img, .elementor-44 .elementor-element.elementor-element-b7f2444 .elementor-portfolio-item__overlay{border-radius:16px 16px 16px 16px;}.elementor-44 .elementor-element.elementor-element-b7f2444 a .elementor-portfolio-item__overlay{background-color:#61CE7000;}.elementor-44 .elementor-element.elementor-element-b7f2444 .elementor-portfolio-item__title{font-family:"Tajawal", Sans-serif;font-weight:600;}.elementor-44 .elementor-element.elementor-element-b7f2444 .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-astglobalcolor2 );}.elementor-44 .elementor-element.elementor-element-b7f2444 .elementor-portfolio__filter:not(:last-child){margin-right:calc(5px/2);}.elementor-44 .elementor-element.elementor-element-b7f2444 .elementor-portfolio__filter:not(:first-child){margin-left:calc(5px/2);}.elementor-44 .elementor-element.elementor-element-b7f2444 .elementor-portfolio__filters{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-7af1765{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:100px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-44 .elementor-element.elementor-element-7af1765:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-7af1765 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-44 .elementor-element.elementor-element-6d8f69e{text-align:center;}.elementor-44 .elementor-element.elementor-element-6d8f69e .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:48px;font-weight:700;color:var( --e-global-color-astglobalcolor2 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-24f0e43{text-align:center;font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:300;color:#5F5E5E;}.elementor-44 .elementor-element.elementor-element-24f0e43 p{margin-block-end:0px;}.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-44 .elementor-element.elementor-element-eaca15a .elementor-button{background-color:var( --e-global-color-astglobalcolor2 );font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:400;border-radius:30px 30px 30px 30px;padding:20px 50px 20px 50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-dc0f844{--content-width:1200px;}.elementor-44 .elementor-element.elementor-element-7af1765{--content-width:1200px;}}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-a578b10 .elementor-heading-title{font-size:36px;}.elementor-44 .elementor-element.elementor-element-dc0f844{--padding-top:0px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-44 .elementor-element.elementor-element-7af1765{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:070px;--padding-left:20px;--padding-right:20px;}.elementor-44 .elementor-element.elementor-element-6d8f69e .elementor-heading-title{font-size:36px;}.elementor-44 .elementor-element.elementor-element-eaca15a .elementor-button{padding:015px 40px 15px 40px;}}/* Start custom CSS for portfolio, class: .elementor-element-b7f2444 *//* ==========================================================================
   1. تنسيق كروت البورتفوليو (الديسكتوب والموبايل معاً فوق الصورة)
   ========================================================================== */
.elementor-portfolio-item {
    position: relative;
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* جعل الـ Overlay والتدرج ظاهرين دائماً ومحاذاة للجنب اليمين */
.elementor-portfolio-item .elementor-portfolio-item__overlay {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 10 !important;
    padding: 30px 20px 25px 20px !important;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.85)) !important;
    opacity: 1 !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
    justify-content: flex-end !important;
    text-align: right !important;
}

/* تنسيق العنوان الرئيسي (أبيض وفوق الصورة دائماً) */
.elementor-portfolio-item__title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 0 !important;
    width: 100% !important;
}

/* ==========================================================================
   2. تنسيق فلاتر البورتفوليو وعكس الترتيب لتكون (الكل) في الأول من اليمين
   ========================================================================== */
.elementor-portfolio__filters {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    direction: ltr !important; /* خدعة ذكية لترتيب الأزرار من اليمين لليسار بشكل صحيح */
}

.elementor-portfolio__filter {
    font-size: 14px !important;
    padding: 8px 16px !important;
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    direction: rtl !important; /* إعادة قراءة النص داخل الزر نفسه من اليمين */
    order: 2 !important; /* إعطاء باقي العناصر ترتيب تالي */
}

/* استهداف زر (All) وتغييره لـ (الكل) وإجباره ليكون أول عنصر من اليمين */
.elementor-portfolio__filters li:first-child {
    font-size: 0 !important;
    order: 1 !important; /* جعل هذا الزر يظهر أول واحد في البداية */
}

.elementor-portfolio__filters li:first-child::before {
    content: "الكل" !important;
    font-size: 14px !important;
    color: inherit !important;
    display: inline-block !important;
}

/* تنسيق الزر النشط (Active) والـ Hover */
.elementor-portfolio__filter.elementor-active,
.elementor-portfolio__filter:hover {
    background-color: #111827 !important;
    color: #ffffff !important;
    border-color: #111827 !important;
}

/* ==========================================================================
   3. التعديلات الخاصة بالموبايل (شاشات أقل من 767 بكسل)
   ========================================================================== */
@media (max-width: 767px) {
    
    .elementor-portfolio-item a.elementor-post__thumbnail__link {
        display: block !important;
    }

    .elementor-portfolio-item .elementor-portfolio-item__overlay {
        position: absolute !important;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.85)) !important;
        padding: 20px 15px 15px 15px !important;
    }

    .elementor-portfolio-item__title {
        font-size: 15px !important;
        color: #ffffff !important;
        text-align: right !important;
    }

    /* ضبط الفلاتر وحجم كلمة الكل على الموبايل */
    .elementor-portfolio__filters {
        gap: 6px !important;
        margin-bottom: 20px !important;
    }
    
    .elementor-portfolio__filter {
        font-size: 16pxpx !important;
        padding: 6px 12px !important;
    }

    .elementor-portfolio__filters li:first-child::before {
        font-size: 12px !important;
    }
}
.elementor-portfolio__filters {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 50px 0 !important; /* تم زيادة المسافة السفلية هنا إلى 50 بكسل */
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    direction: ltr !important; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-24f0e43 */.elementor-44 .elementor-element.elementor-element-24f0e43{
    direction: rtl;
}/* End custom CSS */