.elementor-46 .elementor-element.elementor-element-21a7cb4{--display:flex;--min-height:150px;--justify-content:center;}.elementor-46 .elementor-element.elementor-element-2983e54{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-2983e54 *//* ===== Hydrografix Header (Premium) ===== */
#hgHead{ position: sticky; top: 0; z-index: 9999; }

/* Shared wrap */
#hgHead .hg-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 17px; /* ✅ كان مكتوب 17x */
}

/* Topbar */
#hgHead .hg-top{
  background: #0A1424;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
#hgHead .hg-top-in{
  height: 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}
#hgHead .hg-top-left{
  display:flex;
  gap: 14px;
  align-items:center;
  flex-wrap:wrap;
}
#hgHead .hg-toplink{
  color: rgba(255,255,255,.72);
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}
#hgHead .hg-toplink:hover{ color:#FF8A00; }

#hgHead .hg-top-right{ display:flex; gap:10px; align-items:center; }
#hgHead .hg-icon{
  width: 26px; height: 26px;
  display:flex; align-items:center; justify-content:center;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  color: rgba(255,255,255,.75);
  text-decoration:none;
  font-weight: 900;
  font-size: 12px;
  transition: .2s ease;
}
#hgHead .hg-icon:hover{
  border-color: rgba(255,138,0,.55);
  color:#FF8A00;
  transform: translateY(-1px);
}

/* Main bar */
#hgHead .hg-main{
  background: #0B1220;
  border-bottom: 1px solid rgba(255,255,255,.08);
  transition: box-shadow .25s ease;
}
#hgHead.hg-scrolled .hg-main{
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
#hgHead .hg-main-in{
  height: 74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}

/* Logo */
#hgHead .hg-brand{ display:flex; align-items:center; }
#hgHead .hg-logo{ max-height: 48px; width:auto; display:block; }

/* Nav */
#hgHead .hg-nav{
  display:flex;
  align-items:center;
  gap: 10px;
}
#hgHead .hg-link{
  color: rgba(255,255,255,.88);
  text-decoration:none;
  font-size: 12.5px;
  font-weight: 900;
  letter-spacing: .35px;
  text-transform: uppercase;
  position: relative;
  padding: 10px 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  transition: .18s ease;
  white-space: nowrap;
}
#hgHead .hg-link:hover{
  color:#FF8A00;
  background: rgba(255,255,255,.04);
}

/* Strong ACTIVE look (desktop) */
#hgHead .hg-link.active{
  color:#0B1220 !important;
  background: linear-gradient(180deg, #FFB15A 0%, #FF8A00 100%) !important;
  border-color: rgba(255,138,0,.65) !important;
  box-shadow: 0 10px 24px rgba(255,138,0,.18);
}
#hgHead .hg-link.active::after{ display:none !important; }

/* CTA */
#hgHead .hg-cta{
  background:#FF8A00;
  color:#0B1220;
  text-decoration:none;
  font-weight: 950;
  font-size: 13px;
  padding: 10px 16px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: .25px;
  white-space: nowrap;
  transition: .2s ease;
}
#hgHead .hg-cta:hover{
  background:#ffa033;
  transform: translateY(-1px);
}

/* Burger */
#hgHead .hg-burger{
  display:none;
  background: transparent;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  padding: 10px;
  cursor:pointer;
}
#hgHead .hg-burger span{
  display:block;
  width: 22px;
  height: 2px;
  background: #fff;
  margin: 5px 0;
  opacity: .92;
}

/* Mobile menu */
#hgHead .hg-mob{
  display:none;
  background: #0B1220;
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 10px 18px 14px;
}
#hgHead .hg-mob a{
  display:block;
  padding: 12px 12px;
  margin-bottom: 8px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 13px;
  transition: .18s ease;
}
#hgHead .hg-mob a:hover{ border-color: rgba(255,138,0,.55); }

/* Strong ACTIVE look (mobile) */
#hgHead .hg-mob a.active{
  color:#0B1220 !important;
  background: linear-gradient(180deg, #FFB15A 0%, #FF8A00 100%) !important;
  border-color: rgba(255,138,0,.65) !important;
}
#hgHead .hg-mob-cta{
  background:#FF8A00 !important;
  border: none !important;
  color:#0B1220 !important;
  text-align:center;
}

/* Accessibility focus */
#hgHead a:focus-visible,
#hgHead button:focus-visible{
  outline: 2px solid rgba(255,138,0,.65);
  outline-offset: 2px;
}

/* Responsive */
@media (max-width: 980px){
  #hgHead .hg-nav,
  #hgHead .hg-cta{ display:none; }
  #hgHead .hg-burger{ display:block; }
  #hgHead.hg-open .hg-mob{ display:block; }
  #hgHead .hg-logo{ max-height: 46px; }
}
@media (max-width: 520px){
  #hgHead .hg-top-right{ display:none; }
  #hgHead .hg-toplink{ font-size: 11px; }
}/* End custom CSS */