.elementor-626 .elementor-element.elementor-element-497e23a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.72;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:230px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-626 .elementor-element.elementor-element-497e23a:not(.elementor-motion-effects-element-type-background), .elementor-626 .elementor-element.elementor-element-497e23a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marwanosman.com/wp-content/uploads/2026/01/صورة-تعريفية-تصميم-3-1-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-626 .elementor-element.elementor-element-497e23a::before, .elementor-626 .elementor-element.elementor-element-497e23a > .elementor-background-video-container::before, .elementor-626 .elementor-element.elementor-element-497e23a > .e-con-inner > .elementor-background-video-container::before, .elementor-626 .elementor-element.elementor-element-497e23a > .elementor-background-slideshow::before, .elementor-626 .elementor-element.elementor-element-497e23a > .e-con-inner > .elementor-background-slideshow::before, .elementor-626 .elementor-element.elementor-element-497e23a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-626 .elementor-element.elementor-element-460e2cb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-626 .elementor-element.elementor-element-c0784d9{text-align:center;}.elementor-626 .elementor-element.elementor-element-c0784d9 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:700;color:var( --e-global-color-astglobalcolor4 );}.elementor-626 .elementor-element.elementor-element-992ab9b{--display:flex;}.elementor-626 .elementor-element.elementor-element-437d6fd{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.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-626 .elementor-element.elementor-element-c0d168f{font-family:"Cairo", Sans-serif;font-weight:500;}.elementor-626 .elementor-element.elementor-element-b57d6a7{--display:flex;}.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-626 .elementor-element.elementor-element-2d682dd .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Cairo", Sans-serif;font-weight:500;border-radius:5px 5px 5px 5px;padding:18px 32px 18px 32px;}.elementor-626 .elementor-element.elementor-element-2d682dd .elementor-button:hover, .elementor-626 .elementor-element.elementor-element-2d682dd .elementor-button:focus{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-626 .elementor-element.elementor-element-497e23a{--content-width:1200px;}.elementor-626 .elementor-element.elementor-element-992ab9b{--content-width:1300px;}.elementor-626 .elementor-element.elementor-element-437d6fd{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-626 .elementor-element.elementor-element-437d6fd{--width:100%;}}@media(min-width:1025px){.elementor-626 .elementor-element.elementor-element-497e23a:not(.elementor-motion-effects-element-type-background), .elementor-626 .elementor-element.elementor-element-497e23a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-626 .elementor-element.elementor-element-460e2cb{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-626 .elementor-element.elementor-element-437d6fd{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-626 .elementor-element.elementor-element-497e23a{--overlay-opacity:0.35;--padding-top:200px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-626 .elementor-element.elementor-element-c0784d9 .elementor-heading-title{font-size:50px;}.elementor-626 .elementor-element.elementor-element-992ab9b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-626 .elementor-element.elementor-element-437d6fd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-626 .elementor-element.elementor-element-b57d6a7{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-626 .elementor-element.elementor-element-2d682dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-626 .elementor-element.elementor-element-2d682dd .elementor-button{padding:15px 30px 15px 30px;}}/* Start custom CSS for text-editor, class: .elementor-element-c0d168f *//* استدعاء خط Cairo */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

:root {
  /* ألوان الهوية البصرية المطلوبة */
  --mrx-blue: #1E73BE;       /* الأزرق الأساسي */
  --mrx-blue-dark: #155a96;  /* أزرق داكن للهوفر */
  --mrx-gold: #C8A25F;       /* الذهبي */
  --mrx-gold-light: #F9F6F0; /* خلفية ذهبية فاتحة جداً */
  --mrx-text: #222222;       /* نص أساسي */
  --mrx-text-mute: #666666;  /* نص ثانوي */
  --mrx-bg: #FFFFFF;         /* خلفية */
  --mrx-bg-alt: #F8FBFE;     /* خلفية بديلة */
  
  /* إعدادات التصميم */
  --mrx-radius: 16px;
  --mrx-shadow: 0 10px 30px rgba(30, 115, 190, 0.08);
}

.mrx {
  direction: rtl;
  text-align: right;
  width: 100%;
  padding: 60px 0;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%);
  font-family: 'Cairo', sans-serif !important;
  color: var(--mrx-text);
  line-height: 1.6;
}

.mrx * { box-sizing: border-box; font-family: 'Cairo', sans-serif !important; }

.mrx__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ===== Hero Header ===== */
.mrx__hero {
  background: var(--mrx-bg);
  border-radius: var(--mrx-radius);
  padding: 40px;
  border: 1px solid rgba(30, 115, 190, 0.1);
  box-shadow: var(--mrx-shadow);
  margin-bottom: 25px;
  text-align: center; /* توسيط لزيادة التركيز */
}

.mrx__eyebrow {
  display: inline-block;
  background: var(--mrx-gold-light);
  color: var(--mrx-gold);
  border: 1px solid rgba(200, 162, 95, 0.3);
  padding: 6px 16px;
  border-radius: 50px;
  font-weight: 800;
  font-size: 14px;
  margin-bottom: 15px;
}

.mrx__title {
  color: var(--mrx-blue);
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 900;
  margin: 0 0 15px;
  line-height: 1.3;
}

.mrx__desc {
  font-size: 18px;
  color: var(--mrx-text-mute);
  max-width: 800px;
  margin: 0 auto;
}

/* ===== Flow Layout ===== */
.mrx__flow {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 25px;
  margin-bottom: 25px;
}

.mrx__panel {
  background: var(--mrx-bg);
  padding: 30px;
  border-radius: var(--mrx-radius);
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 5px 15px rgba(0,0,0,0.03);
  font-size: 16px;
}

.mrx__callout {
  margin-top: 25px;
  padding: 20px;
  border-right: 4px solid var(--mrx-gold); /* لمسة ذهبية */
  background: var(--mrx-bg-alt);
  border-radius: 8px;
}

.mrx__callout strong { color: var(--mrx-blue); font-weight: 800; }
.mrx__muted { font-size: 14px; opacity: 0.8; margin-top: 10px; font-weight: 600; }

/* ===== Stats Sidebar ===== */
.mrx__side {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  align-content: start;
}

.mrx__stat {
  background: var(--mrx-bg);
  padding: 20px;
  border-radius: var(--mrx-radius);
  text-align: center;
  border: 1px solid rgba(30, 115, 190, 0.1);
  transition: 0.3s;
}

.mrx__stat:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(30, 115, 190, 0.1); }

.mrx__statN {
  font-size: 28px;
  font-weight: 900;
  color: var(--mrx-blue); /* الالتزام باللون الأزرق */
  line-height: 1;
  margin-bottom: 5px;
}

.mrx__statT { font-size: 13px; font-weight: 700; color: var(--mrx-text-mute); }

/* ===== Split & Blocks ===== */
.mrx__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  margin-bottom: 25px;
}

.mrx__block {
  background: var(--mrx-bg);
  padding: 30px;
  border-radius: var(--mrx-radius);
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}

.mrx__h h3 {
  font-size: 22px;
  font-weight: 800;
  color: var(--mrx-blue);
  margin: 0;
  border-bottom: 2px solid var(--mrx-gold); /* خط ذهبي تحت العنوان */
  display: inline-block;
  padding-bottom: 5px;
}

/* List Styling */
.mrx__list { list-style: none; padding: 0; margin: 20px 0 0; display: flex; flex-direction: column; gap: 12px; }
.mrx__list li {
  position: relative;
  padding-right: 30px;
  font-weight: 600;
  color: var(--mrx-text);
}
.mrx__list li::before {
  content: "✓";
  position: absolute;
  right: 0;
  top: 3px;
  color: #fff;
  background: var(--mrx-gold);
  width: 20px; height: 20px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px;
}

/* Cards Styling */
.mrx__cards { display: grid; gap: 12px; margin-top: 20px; }
.mrx__card {
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  font-weight: 600;
  transition: 0.3s;
  border-right: 4px solid var(--mrx-blue); /* لمسة زرقاء */
}
.mrx__card:hover { background: var(--mrx-bg-alt); transform: translateX(-5px); }

/* ===== Bottom Row & Tags ===== */
.mrx__row { display: grid; grid-template-columns: 1fr 1.5fr; gap: 25px; }

.mrx__tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.mrx__tags span {
  background: var(--mrx-blue);
  color: #fff;
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
}

/* CTA */
.mrx__cta {
  background: linear-gradient(135deg, var(--mrx-blue), var(--mrx-blue-dark));
  border-radius: var(--mrx-radius);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(30, 115, 190, 0.2);
}

.mrx__ctaT { font-size: 24px; font-weight: 900; margin-bottom: 10px; }
.mrx__ctaS { font-size: 16px; opacity: 0.9; }

/* ===== Mobile Responsiveness ===== */
@media (max-width: 920px) {
  .mrx__flow, .mrx__split, .mrx__row { grid-template-columns: 1fr; }
  .mrx__side { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .mrx__hero { padding: 25px; text-align: right; }
  .mrx__side { grid-template-columns: 1fr; }
  .mrx__cta { text-align: center; }
}/* End custom CSS */