.elementor-5984 .elementor-element.elementor-element-8c31c23{--display:flex;--min-height:640px;--justify-content:flex-end;--overlay-opacity:1;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-5984 .elementor-element.elementor-element-8c31c23:not(.elementor-motion-effects-element-type-background), .elementor-5984 .elementor-element.elementor-element-8c31c23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yusufalmadani.com/wp-content/uploads/2025/09/2-scaled.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5984 .elementor-element.elementor-element-8c31c23::before, .elementor-5984 .elementor-element.elementor-element-8c31c23 > .elementor-background-video-container::before, .elementor-5984 .elementor-element.elementor-element-8c31c23 > .e-con-inner > .elementor-background-video-container::before, .elementor-5984 .elementor-element.elementor-element-8c31c23 > .elementor-background-slideshow::before, .elementor-5984 .elementor-element.elementor-element-8c31c23 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5984 .elementor-element.elementor-element-8c31c23 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 50%, #000000E6 80%);}.elementor-5984 .elementor-element.elementor-element-bfc0539{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5984 .elementor-element.elementor-element-39a8e61.elementor-element{--align-self:flex-end;}.elementor-5984 .elementor-element.elementor-element-39a8e61 .breadcrumb-listItem{color:#FFFFFF99;padding:30px 0px 30px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF33;}.elementor-5984 .elementor-element.elementor-element-39a8e61 .breadcrumb-listItem a{color:#FFFFFF99;}.elementor-5984 .elementor-element.elementor-element-39a8e61 .breadcrumb-listItem a:hover{color:var( --e-global-color-primary );}.elementor-5984 .elementor-element.elementor-element-39a8e61 .breadcrumb span{font-size:16px;line-height:20px;}.elementor-5984 .elementor-element.elementor-element-39a8e61 .framek-title{color:var( --e-global-color-background );font-family:"Droid Arabic Kufi", Sans-serif;font-size:120px;line-height:0.9em;margin:0px 0px 40px 0px;}.elementor-5984 .elementor-element.elementor-element-f204f7c{--spacer-size:100px;}.elementor-5984 .elementor-element.elementor-element-76ba30d{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-5984 .elementor-element.elementor-element-0a36056{--display:flex;}.elementor-5984 .elementor-element.elementor-element-300e959 .swiper:not(.swiper-initialized) .swiper-slide{width:calc((100% - 30px*(3 - 1)) / 3);margin-right:30px;}.elementor-5984 .elementor-element.elementor-element-300e959 .grid-item{--gutter-width:30px;}.elementor-5984 .elementor-element.elementor-element-300e959 .d-grid{grid-template-columns:repeat(3, 1fr);grid-gap:30px;}.elementor-5984 .elementor-element.elementor-element-300e959 .project-title{font-family:"Droid Arabic Kufi", Sans-serif;}.elementor-5984 .elementor-element.elementor-element-300e959 .swiper-pagination{left:50%;right:auto;transform:translateX(-50%);}.elementor-5984 .elementor-element.elementor-element-4b27a17{--display:flex;}.elementor-5984 .elementor-element.elementor-element-b48e6c0 .swiper:not(.swiper-initialized) .swiper-slide{width:calc((100% - 30px*(3 - 1)) / 3);margin-right:30px;}.elementor-5984 .elementor-element.elementor-element-b48e6c0 .grid-item{--gutter-width:30px;}.elementor-5984 .elementor-element.elementor-element-b48e6c0 .d-grid{grid-template-columns:repeat(3, 1fr);grid-gap:30px;}.elementor-5984 .elementor-element.elementor-element-b48e6c0 .project-content{padding:0px 0px 0px 0px;}.elementor-5984 .elementor-element.elementor-element-b48e6c0 .project-location a{font-family:"Droid Arabic Kufi", Sans-serif;}.elementor-5984 .elementor-element.elementor-element-b48e6c0 .project-post-thumbnail{padding-top:560px;}.elementor-5984 .elementor-element.elementor-element-b48e6c0 .swiper-pagination{left:50%;right:auto;transform:translateX(-50%);}.elementor-5984 .elementor-element.elementor-element-e583112{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5984 .elementor-element.elementor-element-e583112.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Droid Arabic Kufi", Sans-serif;}.breadcrumb-wrap, .elementor-page-5984 .breadcrumb-wrap, .single-framek-breadcrumb .elementor-section-wrap{background-image:url("https://yusufalmadani.com/wp-content/uploads/2025/05/bc-9.jpg");}:root{--page-title-display:none;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-5984 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}@media(max-width:1200px){.elementor-5984 .elementor-element.elementor-element-8c31c23{--min-height:540px;}.elementor-5984 .elementor-element.elementor-element-39a8e61 .framek-title{font-size:90px;}}@media(max-width:1024px){.elementor-5984 .elementor-element.elementor-element-39a8e61 .framek-title{font-size:72px;}}@media(max-width:880px){.elementor-5984 .elementor-element.elementor-element-8c31c23{--min-height:440px;}}@media(max-width:767px){.elementor-5984 .elementor-element.elementor-element-8c31c23{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-5984 .elementor-element.elementor-element-39a8e61 .breadcrumb-listItem{padding:15px 0px 15px 0px;}.elementor-5984 .elementor-element.elementor-element-39a8e61 .framek-title{font-size:48px;margin:0px 0px 30px 0px;}.elementor-5984 .elementor-element.elementor-element-300e959 .d-grid{grid-template-columns:repeat(1, 1fr);}.elementor-5984 .elementor-element.elementor-element-b48e6c0 .d-grid{grid-template-columns:repeat(1, 1fr);}.elementor-5984 .elementor-element.elementor-element-e583112{margin:-46px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-9px -9px -9px -9px;--n-tabs-title-justify-content:center;--n-tabs-title-align-items:center;--n-tabs-title-text-align:center;}}/* Start custom CSS for framek-projects, class: .elementor-element-300e959 */.project-title {
  text-align: right;   /* محاذاة لليمين */
  direction: rtl;      /* يحافظ على تنسيق العربية */
  margin-right: 0;     /* يزيل أي مسافات إضافية */
}

/* Force RTL on the category and its containing meta row */
.project-category,
.project-category * {
  direction: rtl !important;
  unicode-bidi: embed !important;
  text-align: right !important;
}

/* If parent uses flex/grid, make it row-reverse and right-justified */
.project-category,
.project-category ~ *,
.project-meta,
.entry-meta,
.meta,
.post-meta {
  direction: rtl !important;
  text-align: right !important;
}

/* Flip flex parents */
.project-meta, .entry-meta, .meta, .post-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Link spacing (now left margin because RTL) */
.project-category a,
.project-category span {
  display: inline-block !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* remove pseudo separators (if theme inserts them) */
.project-category a::before,
.project-category a::after,
.entry-meta li::before,
.entry-meta .meta::before {
  content: none !important;
}/* End custom CSS */
/* Start custom CSS for framek-projects, class: .elementor-element-300e959 */.project-title {
  text-align: right;   /* محاذاة لليمين */
  direction: rtl;      /* يحافظ على تنسيق العربية */
  margin-right: 0;     /* يزيل أي مسافات إضافية */
}

/* Force RTL on the category and its containing meta row */
.project-category,
.project-category * {
  direction: rtl !important;
  unicode-bidi: embed !important;
  text-align: right !important;
}

/* If parent uses flex/grid, make it row-reverse and right-justified */
.project-category,
.project-category ~ *,
.project-meta,
.entry-meta,
.meta,
.post-meta {
  direction: rtl !important;
  text-align: right !important;
}

/* Flip flex parents */
.project-meta, .entry-meta, .meta, .post-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Link spacing (now left margin because RTL) */
.project-category a,
.project-category span {
  display: inline-block !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* remove pseudo separators (if theme inserts them) */
.project-category a::before,
.project-category a::after,
.entry-meta li::before,
.entry-meta .meta::before {
  content: none !important;
}/* End custom CSS */
/* Start custom CSS for framek-projects, class: .elementor-element-300e959 */.project-title {
  text-align: right;   /* محاذاة لليمين */
  direction: rtl;      /* يحافظ على تنسيق العربية */
  margin-right: 0;     /* يزيل أي مسافات إضافية */
}

/* Force RTL on the category and its containing meta row */
.project-category,
.project-category * {
  direction: rtl !important;
  unicode-bidi: embed !important;
  text-align: right !important;
}

/* If parent uses flex/grid, make it row-reverse and right-justified */
.project-category,
.project-category ~ *,
.project-meta,
.entry-meta,
.meta,
.post-meta {
  direction: rtl !important;
  text-align: right !important;
}

/* Flip flex parents */
.project-meta, .entry-meta, .meta, .post-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Link spacing (now left margin because RTL) */
.project-category a,
.project-category span {
  display: inline-block !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* remove pseudo separators (if theme inserts them) */
.project-category a::before,
.project-category a::after,
.entry-meta li::before,
.entry-meta .meta::before {
  content: none !important;
}/* End custom CSS */