/* اجعل الهيدر شفافًا وعائمًا فوق قسم الهيرو */
header.s-header-main {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* شيل أي خلفية على الشريط العلوي الرفيع فوقه أيضًا */
.s-header-main-wrapper,
.header-main {
  background: transparent !important;
}

/* خلي النصوص والأيقونات بيضاء تبرز فوق الصورة */
header.s-header-main a,
header.s-header-main .s-header-icon,
header.s-header-main svg,
header.s-header-main span {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ارفع قسم الهيرو تحت الهيدر مباشرة عشان الصورة توخذ المساحة كاملة من الأعلى */
body {
  padding-top: 0 !important;
}
.s-block-hero-area,
[class*="hero-area"] {
  margin-top: 0 !important;
}