.elementor-4961 .elementor-element.elementor-element-c393309{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-4961 .elementor-element.elementor-element-73408694{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-73408694 */.elementor-4961 .elementor-element.elementor-element-73408694{
  --he-navy:#0F172A;
  --he-navy-2:#0B1220;
  --he-navy-3:#020617;
  --he-silver:#C0C0C0;
  --he-green:#22C55E;
  --he-yellow:#FACC15;
  --he-white:#FFFFFF;

  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:90px 46px;
  background:
    linear-gradient(180deg, #020617 0%, #07111F 22%, #0B1730 52%, #091321 78%, #020617 100%);
}

/* طبقة الجو العام الفخم */
.elementor-4961 .elementor-element.elementor-element-73408694::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(42% 34% at 12% 14%, rgba(34,197,94,.18) 0%, transparent 58%),
    radial-gradient(36% 28% at 88% 14%, rgba(250,204,21,.13) 0%, transparent 56%),
    radial-gradient(38% 32% at 50% 86%, rgba(192,192,192,.12) 0%, transparent 62%),
    radial-gradient(24% 20% at 52% 38%, rgba(96,165,250,.08) 0%, transparent 64%),
    linear-gradient(135deg, rgba(255,255,255,.03) 0%, transparent 38%, rgba(255,255,255,.02) 52%, transparent 100%);
  filter:blur(18px) saturate(112%);
  transform:scale(1.06);
  transform-origin:center;
  animation:heLuxuryAura 16s ease-in-out infinite alternate;
  opacity:1;
}

/* باترن هندسي فاخر */
.elementor-4961 .elementor-element.elementor-element-73408694::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(135deg, rgba(255,255,255,.022) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.022) 50%, rgba(255,255,255,.022) 75%, transparent 75%, transparent);
  background-size:72px 72px, 72px 72px, 144px 144px;
  mask-image:
    radial-gradient(circle at center, rgba(0,0,0,.88), rgba(0,0,0,.30) 68%, transparent 100%);
  -webkit-mask-image:
    radial-gradient(circle at center, rgba(0,0,0,.88), rgba(0,0,0,.30) 68%, transparent 100%);
  opacity:.22;
  animation:hePatternShift 26s linear infinite;
}

/* لمعة فضية محترمة */
.elementor-4961 .elementor-element.elementor-element-73408694 .elementor-widget-wrap,
.elementor-4961 .elementor-element.elementor-element-73408694 .elementor-element{
  position:relative;
  z-index:3;
}

.elementor-4961 .elementor-element.elementor-element-73408694 > .elementor-element::before{
  content:"";
  position:absolute;
  top:-12%;
  bottom:-12%;
  left:-14%;
  width:30%;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.015) 18%,
    rgba(192,192,192,.09) 50%,
    rgba(255,255,255,.015) 82%,
    transparent 100%
  );
  filter:blur(12px);
  transform:skewX(-18deg);
  opacity:.55;
  animation:heSilverSweep 10s ease-in-out infinite;
}

/* لوجو واترمارك */
.elementor-4961 .elementor-element.elementor-element-73408694 > .elementor-element::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background-image:url("https://hassanessam.com/wp-content/uploads/2026/03/hassan-essam-logo-2.webp");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:min(32vw, 340px);
  opacity:.05;
  filter:grayscale(1) brightness(1.25) contrast(1.06);
}

/* خطوط علوية وسفلية فخمة جدًا */
.elementor-4961 .elementor-element.elementor-element-73408694 .elementor-widget-shortcode::before,
.elementor-4961 .elementor-element.elementor-element-73408694 .elementor-widget-shortcode::after{
  content:"";
  position:absolute;
  right:0;
  left:0;
  height:1px;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(192,192,192,.10) 18%,
    rgba(255,255,255,.30) 50%,
    rgba(250,204,21,.18) 70%,
    transparent 100%
  );
}

.elementor-4961 .elementor-element.elementor-element-73408694 .elementor-widget-shortcode::before{
  top:-26px;
}

.elementor-4961 .elementor-element.elementor-element-73408694 .elementor-widget-shortcode::after{
  bottom:-26px;
  opacity:.7;
}

/* أنيميشن */
@keyframes heLuxuryAura{
  0%{
    transform:scale(1.04) translate3d(0,0,0);
    filter:blur(18px) saturate(108%);
  }
  50%{
    transform:scale(1.08) translate3d(0,-10px,0);
    filter:blur(22px) saturate(115%);
  }
  100%{
    transform:scale(1.05) translate3d(0,12px,0);
    filter:blur(19px) saturate(112%);
  }
}

@keyframes hePatternShift{
  0%{
    background-position:0 0, 0 0, 0 0;
  }
  100%{
    background-position:72px 72px, 72px 72px, 144px 144px;
  }
}

@keyframes heSilverSweep{
  0%{
    transform:translateX(-8%) skewX(-18deg);
    opacity:0;
  }
  18%{
    opacity:.42;
  }
  50%{
    transform:translateX(240%) skewX(-18deg);
    opacity:.72;
  }
  65%{
    opacity:0;
  }
  100%{
    transform:translateX(240%) skewX(-18deg);
    opacity:0;
  }
}

/* تنظيف أي خلفية داخلية بيضا */
.elementor-4961 .elementor-element.elementor-element-73408694 .elementor-widget-container,
.elementor-4961 .elementor-element.elementor-element-73408694 .elementor-shortcode{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* موبايل */
@media (max-width:1024px){
  .elementor-4961 .elementor-element.elementor-element-73408694{
    padding:72px 28px;
  }

  .elementor-4961 .elementor-element.elementor-element-73408694::after{
    background-size:56px 56px, 56px 56px, 112px 112px;
    opacity:.18;
  }

  .elementor-4961 .elementor-element.elementor-element-73408694 > .elementor-element::after{
    background-size:min(42vw, 280px);
  }
}

@media (max-width:767px){
  .elementor-4961 .elementor-element.elementor-element-73408694{
    padding:52px 16px;
  }

  .elementor-4961 .elementor-element.elementor-element-73408694::before{
    inset:-24%;
    opacity:.92;
  }

  .elementor-4961 .elementor-element.elementor-element-73408694::after{
    background-size:42px 42px, 42px 42px, 84px 84px;
    opacity:.13;
  }

  .elementor-4961 .elementor-element.elementor-element-73408694 > .elementor-element::after{
    background-size:min(58vw, 190px);
    opacity:.045;
  }

  .elementor-4961 .elementor-element.elementor-element-73408694 .elementor-widget-shortcode::before{
    top:-16px;
  }

  .elementor-4961 .elementor-element.elementor-element-73408694 .elementor-widget-shortcode::after{
    bottom:-16px;
  }
}

@media (prefers-reduced-motion:reduce){
  .elementor-4961 .elementor-element.elementor-element-73408694::before,
  .elementor-4961 .elementor-element.elementor-element-73408694::after,
  .elementor-4961 .elementor-element.elementor-element-73408694 > .elementor-element::before{
    animation:none !important;
  }
}/* End custom CSS */