.elementor-560 .elementor-element.elementor-element-3acff52{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-560 .elementor-element.elementor-element-3acff52:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-3acff52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-560 .elementor-element.elementor-element-a547fdd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-a547fdd img{width:100%;height:280px;border-radius:10px 10px 10px 10px;}.elementor-560 .elementor-element.elementor-element-46b5afe{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-560 .elementor-element.elementor-element-46b5afe:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-46b5afe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8D1;}.elementor-widget-theme-post-title .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-560 .elementor-element.elementor-element-372271d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;line-height:30px;}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-a547fdd */.project-img, .project-img img{
    width: 100%;
    height: 100%;
}/* End custom CSS */
/* Start custom CSS for theme-post-title, class: .elementor-element-372271d *//* تنسيق التايتل نفسه عشان يكسر الـ Line Height الافتراضي */
.spark-post-title .elementor-heading-title {
    line-height: 0 !important; /* قللنا المسافة بين السطور */
    margin-bottom: 5px !important; /* لغينا المسافة اللي تحت */
    padding-bottom: 0 !important;
}

/* الكود اللي فات بتاع الرابط مع تعديلات الأهمية */
.spark-post-title a {
    color: #000 !important;
    font-size: 15px !important;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none !important;
    display: inline-block !important; /* عشان يلم المساحة على قد الكلام بس */
    line-height: 25px !important;
}

.spark-post-title a:hover {
    color: #E4DA23 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3acff52 *//* إجبار الصورة داخل تاج الـ a إنها تاخد عرض الـ column بالكامل */
.project-img a img { /* استبدل your-link-class بالكلاس بتاع التاج لو موجود، أو سيبها a img */
    width: 100% !important;
    display: block !important; /* دي مهمة جداً عشان تشيل أي مسافات بيضاء تحت الصورة */
    height: auto; /* عشان تحافظ على الـ Aspect Ratio وما تطلعش الصورة مطولة */
}

/* لو عايز تتحكم في أبعاد الـ Container نفسه */
.project-img a {
    display: block;
    width: 100%;
}


/* أجبر الصورة إنها تاخد عرض العمود بالكامل */
.project-img img {
    width: 100% !important;
    height: 250px; /* ممكن تغير الرقم ده حسب الارتفاع اللي يريحك */
    object-fit: cover; /* عشان الصورة تقص نفسها وتملى المساحة بدون ما تتشوه */
    display: block;
}/* End custom CSS */