/* =====================================================================
   القسم 5 — رؤيتنا / OUR VISION
   طبقة بصرية فقط: لا نصوص، لا صور، لا روابط، لا حركة.
   ===================================================================== */

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4,
html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4{
  position:relative;
  min-height:440px !important;
  padding:0 !important;
  overflow:hidden;
}

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 > .elementor-background-overlay,
html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 > .elementor-background-overlay{
  opacity:1 !important;
}

/* العربية: يظل الميزان مضاءً يسارًا، وتتكوّن مساحة قراءة هادئة يمينًا. */
html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 > .elementor-background-overlay{
  background:linear-gradient(
    90deg,
    rgba(9, 34, 28, .20) 0%,
    rgba(11, 43, 35, .38) 44%,
    rgba(8, 31, 26, .78) 100%
  ) !important;
}

/* الإنجليزية: تنعكس مساحة القراءة إلى اليسار مع بقاء المطرقة واضحة يمينًا. */
html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 > .elementor-background-overlay{
  background:linear-gradient(
    90deg,
    rgba(8, 31, 26, .78) 0%,
    rgba(11, 43, 35, .38) 56%,
    rgba(9, 34, 28, .20) 100%
  ) !important;
}

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 > .elementor-container,
html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 > .elementor-container{
  position:relative;
  z-index:1;
  min-height:440px;
}

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 > .elementor-container > .elementor-column > .elementor-widget-wrap,
html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 > .elementor-container > .elementor-column > .elementor-widget-wrap{
  display:flex !important;
  align-items:flex-end !important;
}

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 .elementor-element-a510c70,
html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 .elementor-element-a510c70{
  width:auto !important;
  max-width:none !important;
  flex-basis:auto !important;
  padding:0 !important;
}

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 .elementor-element-a510c70{
  margin:0 72px 60px auto !important;
  text-align:right !important;
}

html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 .elementor-element-a510c70{
  margin:0 auto 60px 72px !important;
  text-align:left !important;
}

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title,
html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  color:#F7F4EE !important;
  line-height:1.06 !important;
  text-shadow:0 8px 30px rgba(4, 19, 15, .70) !important;
}

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title{
  direction:rtl;
  font-family:"Amiri", Georgia, serif !important;
  font-size:clamp(50px, 5vw, 64px) !important;
  font-weight:700 !important;
}

html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title{
  direction:ltr;
  font-family:"Playfair Display", Georgia, serif !important;
  font-size:clamp(48px, 4.7vw, 62px) !important;
  font-weight:600 !important;
  letter-spacing:.01em;
}

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title::after,
html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title::after{
  content:"";
  width:100%;
  height:3px;
  margin-top:13px;
  border-radius:999px;
  box-shadow:0 1px 12px rgba(224, 190, 122, .30);
}

html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title::after{
  background:linear-gradient(90deg, #7E5F1E 0%, #C2A15A 42%, #FFF3C9 100%);
}

html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title::after{
  background:linear-gradient(90deg, #FFF3C9 0%, #C2A15A 58%, #7E5F1E 100%);
}

@media (max-width:767px){
  html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4,
  html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4{
    min-height:258px !important;
  }

  html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 > .elementor-container,
  html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 > .elementor-container{
    min-height:258px;
  }

  html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 > .elementor-background-overlay{
    background:linear-gradient(90deg, rgba(9, 34, 28, .28) 0%, rgba(11, 43, 35, .45) 45%, rgba(8, 31, 26, .82) 100%) !important;
  }

  html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 > .elementor-background-overlay{
    background:linear-gradient(90deg, rgba(8, 31, 26, .82) 0%, rgba(11, 43, 35, .45) 55%, rgba(9, 34, 28, .28) 100%) !important;
  }

  html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 .elementor-element-a510c70{
    margin:0 20px 24px auto !important;
  }

  html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 .elementor-element-a510c70{
    margin:0 auto 24px 20px !important;
  }

  html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title{
    font-size:40px !important;
  }

  html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title{
    font-size:31px !important;
  }

  html body .elementor.elementor-4499 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title::after,
  html body .elementor.elementor-1503 .elementor-element.elementor-element-4f5a6d4 .elementor-heading-title::after{
    height:2px;
    margin-top:8px;
  }
}
