@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--navy:#061226;--navy2:#0d2548;--gold:#c9a45c;--gold2:#f3d88f;--white:#fffaf0;--muted:#c9d1dc;--card:#0d2446;--green:#25d366;--danger:#b94b4b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,#173968 0,#061226 46%,#020711 100%);color:var(--white);line-height:1.9;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,rgba(201,164,92,.08) 1px,transparent 1px);background-size:42px 42px;opacity:.5;pointer-events:none}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:15px 7%;background:rgba(6,18,38,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,164,92,.28)}.brand{display:flex;align-items:center;gap:12px}.brand img{height:58px;max-width:170px;object-fit:contain}.logoMark{width:54px;height:54px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);background:radial-gradient(circle,#23466f,#071322);box-shadow:0 0 28px rgba(201,164,92,.28)}.brand strong{font-size:19px;color:var(--gold2)}nav{display:flex;gap:17px;flex-wrap:wrap}nav a{color:#eef2f7;font-size:15px}nav a:hover{color:var(--gold2)}.hero{min-height:84vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:38px;padding:70px 7%;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 20% 25%,rgba(201,164,92,.20),transparent 28%),radial-gradient(circle at 80% 70%,rgba(241,213,139,.13),transparent 25%);animation:float 9s ease-in-out infinite}.heroBox{position:relative;z-index:1}.eyebrow{display:inline-flex;color:var(--gold2);border:1px solid rgba(201,164,92,.4);border-radius:999px;padding:5px 14px;background:rgba(201,164,92,.08)}.hero h1{font-size:clamp(40px,6vw,74px);line-height:1.22;margin:16px 0 8px;background:linear-gradient(90deg,#fff,var(--gold2),#fff);-webkit-background-clip:text;color:transparent}.hero p{font-size:22px;color:#e8dfce;max-width:850px}.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 25px;border-radius:999px;border:1px solid var(--gold);background:linear-gradient(135deg,var(--gold2),#9a712b);color:#081421;font-weight:800;cursor:pointer}.btn.outline,.ghost{background:transparent;color:var(--gold2)}.heroVisual{position:relative;z-index:1;min-height:440px;border:1px solid rgba(201,164,92,.28);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(201,164,92,.08));box-shadow:0 22px 70px rgba(0,0,0,.34);overflow:hidden}.heroVisual:before{content:"⚖";position:absolute;top:22px;right:36px;font-size:100px;color:rgba(243,216,143,.55)}.heroVisual:after{content:"";position:absolute;left:-70px;bottom:-70px;width:260px;height:260px;border:35px solid rgba(201,164,92,.16);border-radius:50%}.gavel{position:absolute;top:166px;right:70px;width:200px;height:34px;background:linear-gradient(90deg,#8b6225,#f1cd78,#8b6225);border-radius:18px;transform:rotate(-22deg);box-shadow:0 9px 22px rgba(0,0,0,.37)}.gavel:before{content:"";position:absolute;right:30px;top:-32px;width:82px;height:72px;background:linear-gradient(135deg,#9d702a,#f2d58c);border-radius:14px;border:1px solid rgba(255,255,255,.35)}.people{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:center;gap:20px;align-items:end}.person{width:135px;height:250px;position:relative}.person .head{width:54px;height:54px;background:#d9b38b;border-radius:50%;margin:0 auto;border:3px solid rgba(255,255,255,.38)}.person .body{width:96px;height:146px;background:linear-gradient(180deg,#151515,#2d2d2d);border-radius:48px 48px 16px 16px;margin:-3px auto 0;border:1px solid rgba(201,164,92,.42)}.person.man .ghutra{position:absolute;top:5px;left:36px;width:62px;height:60px;background:#fff;border-radius:26px 26px 8px 8px;border-bottom:6px solid #d8d8d8}.person.woman .abaya{position:absolute;top:48px;left:20px;width:94px;height:192px;background:#050505;border-radius:48px 48px 18px 18px;border:1px solid rgba(201,164,92,.38)}.section{padding:70px 7%}.alt{background:rgba(255,255,255,.035)}.sectionTitle{text-align:center;margin-bottom:36px}.sectionTitle h2{font-size:38px;margin:0;color:var(--gold2)}.sectionTitle p{margin:8px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(145deg,rgba(13,36,70,.92),rgba(4,13,28,.94));border:1px solid rgba(201,164,92,.24);border-radius:24px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.22);transition:.3s}.card:hover{transform:translateY(-7px);border-color:rgba(243,216,143,.7)}.icon{font-size:34px}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{text-align:center;background:rgba(255,255,255,.055);border:1px solid rgba(201,164,92,.24);border-radius:18px;padding:20px}.stat b{display:block;font-size:34px;color:var(--gold2)}form{max-width:820px;margin:auto;background:rgba(255,255,255,.06);border:1px solid rgba(201,164,92,.25);border-radius:26px;padding:28px}input,textarea,select{width:100%;margin:8px 0 16px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff}textarea{min-height:120px}select option{color:#061226}.whatsapp{position:fixed;left:22px;bottom:22px;background:var(--green);color:#06150b;padding:13px 20px;border-radius:999px;font-weight:800;z-index:30;animation:pulse 2.5s infinite}footer{border-top:1px solid rgba(201,164,92,.25);padding:28px 7%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#050d17}.stars{color:var(--gold2);font-size:22px;letter-spacing:2px}.lawyer-reply{border-right:3px solid var(--gold2);padding:12px;background:rgba(212,175,55,.06);border-radius:12px}.interaction-card{min-height:270px}.interaction-date{color:var(--gold2);font-size:13px;margin-bottom:7px}.adminLayout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#050d17;padding:25px;border-left:1px solid rgba(201,164,92,.2)}.sidebar a{display:block;padding:12px;border-radius:12px;color:#e9edf5}.sidebar a:hover{background:rgba(201,164,92,.12)}.adminMain{padding:30px}.table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.05);border-radius:18px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.09);text-align:right}.notice{padding:12px;border:1px solid var(--gold);border-radius:12px;color:var(--gold2)}.error{border-color:var(--danger);color:#ffd0d0}.adminEditCard{border:1px solid rgba(212,175,55,.25);padding:18px;border-radius:18px;background:rgba(255,255,255,.04)}@keyframes float{50%{transform:translateY(30px) rotate(4deg)}}@keyframes pulse{50%{transform:scale(1.06)}}@media(max-width:950px){.hero{grid-template-columns:1fr;min-height:auto}.grid,.two,.stats{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:15px;flex-direction:column}.adminLayout{grid-template-columns:1fr}nav{font-size:13px}.hero p{font-size:18px}.heroVisual{min-height:370px}.person{transform:scale(.84)}}
/* Added hero banner and images */
.bannerHero{display:block;min-height:auto;padding:0;background:#061226;position:relative;overflow:hidden}
.heroBannerImg{display:block;width:100%;height:auto;max-height:760px;object-fit:cover;object-position:center top}
.heroOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:0 7%;pointer-events:none}
.heroOverlay .heroBox{max-width:530px;margin-right:auto;margin-left:0;background:rgba(6,18,38,.26);border:1px solid rgba(201,164,92,.18);border-radius:28px;padding:24px;backdrop-filter:blur(2px);pointer-events:auto}
.heroOverlay h1{font-size:clamp(30px,4.2vw,58px);margin:10px 0 6px;text-shadow:0 4px 20px rgba(0,0,0,.55)}
.heroOverlay p{font-size:18px;text-shadow:0 3px 14px rgba(0,0,0,.7)}
.imageSection{padding-top:35px}.imageShowcase,.splitImage{border:1px solid rgba(201,164,92,.28);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.32);background:#061226}.imageShowcase img,.splitImage img{display:block;width:100%;height:auto}.imageSplit{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}.splitText h2{font-size:38px;color:var(--gold2);margin:0 0 14px}.splitText p{font-size:19px;margin-bottom:24px}
@media(max-width:950px){.heroOverlay{position:relative;padding:24px 7%;background:#061226}.heroOverlay .heroBox{max-width:none}.imageSplit{grid-template-columns:1fr}.heroBannerImg{max-height:none}}


/* AMINA MOBILE FIX */
html, body { direction: rtl; unicode-bidi: plaintext; overflow-x: hidden; }
body { text-align: right; }
img { max-width: 100%; height: auto; }
.container, .wrapper, main, section { max-width: 100%; }
@media (max-width: 768px) {
  body { font-size: 16px; }
  .container, .wrapper { width: 94% !important; margin: 0 auto !important; padding-left: 12px !important; padding-right: 12px !important; }
  .hero, .banner, .section, section { width: 100% !important; overflow: hidden; }
  .hero-content, .hero-grid, .grid, .cards, .services-grid { display: block !important; width: 100% !important; }
  .card, .service-card, .contact-card { width: 100% !important; margin: 14px 0 !important; }
  nav, .nav, .menu { flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; }
}


/* FINAL USER EDITS */
.whatsapp-float,.floating-whatsapp,.float-whatsapp,.wa-float,.fixed-whatsapp{display:none!important}
.service-icon,.icon,.service-card .icon{font-size:0!important}
.service-icon:before,.icon:before,.service-card .icon:before{font-size:44px!important;color:#f1d27b}
.scale:before{content:"⚖"}
.family:before{content:"👪"}
.money:before{content:"﷼"}
.gavel:before{content:"⚒"}
.contract:before{content:"✍"}
.business:before{content:"🏛"}
.inheritance:before{content:"📜"}
.copyright {
  text-align: center;
  padding: 18px 10px;
  color: #d4af37;
  font-size: 15px;
}