.elementor-widget-html .neb-protected-content-message, .elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-8ef8a3e */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
/* NAV */
nav{position:fixed;top:5px;inset-inline:0;z-index:998;height:66px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 5%;justify-content:space-between;transition:box-shadow .3s,height .3s}
nav.scrolled{box-shadow:var(--sh-md);height:60px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:42px;width:auto;display:block;transition:height .3s}
nav.scrolled .logo img{height:38px}
.nav-links{display:flex;gap:1.6rem;list-style:none}
.nav-links a{color:var(--ink-m);text-decoration:none;font-size:14px;font-weight:700;transition:color .2s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-5px;right:0;width:0;height:2px;background:var(--p);border-radius:2px;transition:width .25s}
.nav-links a:hover{color:var(--p)}.nav-links a:hover::after{width:100%}
.nav-end{display:flex;gap:.7rem;align-items:center}
.btn-wa{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-size:13.5px;font-weight:800;border:1.5px solid var(--border);color:var(--ink-m);text-decoration:none;transition:all .2s;font-family:'Cairo'}
.btn-wa:hover{border-color:var(--p-l);color:var(--p);background:var(--p-soft)}
.btn-nav{background:var(--p);color:#fff;padding:9px 20px;border-radius:10px;font-size:13.5px;font-weight:800;text-decoration:none;border:none;cursor:none;font-family:'Cairo';transition:all .2s;box-shadow:0 4px 14px rgba(91,63,191,.3)}
.btn-nav:hover{background:var(--p-d);transform:translateY(-2px)}
/* زر الـ bars — بدون أي خلفية زرقاء عند الضغط/التركيز */
.nav-toggle{display:none;width:42px;height:42px;border-radius:11px;background:var(--p-soft);border:1.5px solid var(--border);font-size:18px;color:var(--p);cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;outline:none;align-items:center;justify-content:center;transition:background .2s,border-color .2s}
.nav-toggle:hover{background:var(--p-pale)}
.nav-toggle:focus,.nav-toggle:active,.nav-toggle:focus-visible{outline:none;background:var(--p-soft)}
.nav-toggle .fa-xmark{display:none}
nav.menu-open .nav-toggle{background:var(--p);color:#fff;border-color:var(--p)}
nav.menu-open .nav-toggle .fa-bars{display:none}
nav.menu-open .nav-toggle .fa-xmark{display:block}
/* لوحة الموبايل المنسدلة */
.mobile-panel{position:fixed;top:71px;inset-inline:0;z-index:997;background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--sh-lg);padding:1rem 5% 1.4rem;display:flex;flex-direction:column;gap:.3rem;transform:translateY(-130%);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s,visibility .35s}
.mobile-panel.open{transform:translateY(0);opacity:1;visibility:visible}
.mobile-panel a.m-link{display:flex;align-items:center;justify-content:space-between;padding:13px 6px;font-size:15.5px;font-weight:700;color:var(--ink-m);text-decoration:none;border-bottom:1px solid var(--p-soft);transition:color .2s}
.mobile-panel a.m-link i{color:var(--p-l);font-size:13px}
.mobile-panel a.m-link:hover{color:var(--p)}
.m-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}
.m-actions a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:12px;font-size:14.5px;font-weight:800;text-decoration:none;font-family:'Cairo'}
.m-wa{border:1.5px solid var(--border);color:var(--ink-m)}
.m-wa:hover{border-color:var(--p-l);color:var(--p);background:var(--p-soft)}
.m-cta{background:var(--p);color:#fff;box-shadow:0 4px 14px rgba(91,63,191,.3)}
.m-cta:hover{background:var(--p-d)}
.menu-backdrop{position:fixed;inset:0;z-index:996;background:rgba(26,13,69,.35);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.menu-backdrop.open{opacity:1;visibility:visible}
@media(max-width:860px){
  .nav-links{display:none}
  .nav-end .btn-wa,.nav-end .btn-nav{display:none}
  .nav-toggle{display:inline-flex}
  .logo img{height:34px}
  nav.scrolled .logo img{height:31px}
}
@media(min-width:861px){
  .mobile-panel,.menu-backdrop{display:none}
}/* End custom CSS */