:root{--primary:#EB7334;--blue:#566D8B;--navy:#1B1B2F;--muted:#D2D3D2;}
*{box-sizing:border-box}
body{font-family:"Tajawal","Montserrat",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#222;line-height:1.8}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee}
.navbar{padding:.75rem 0}
.brand{font-weight:800;letter-spacing:.5px;color:var(--navy)!important}
.hero{background:linear-gradient(135deg,#0f0f18,#1B1B2F);color:#fff;padding:6rem 0}
.section{padding:3rem 0}
.section-title{text-align:center;margin-bottom:1.25rem;color:var(--blue)}
h1,h2,h3{color:var(--blue)}
.badge-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:var(--primary);margin-inline-end:.5rem}
.hr{height:1px;background:var(--muted);margin:1.25rem 0}
.icon-box{background:#fff;border-radius:1rem;padding:1rem 1.25rem;border-inline-start:5px solid var(--primary);box-shadow:0 2px 12px rgba(10,10,10,.04);height:100%}
.list-check{padding:0;margin:0 0 .5rem 0;list-style:none}
.list-check li{padding:.25rem 0}
.list-check li::before{content:"\2713";color:var(--primary);margin-inline-end:.5rem}
.card-lite{background:#fff;border:1px solid #eee;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1rem}
footer{background:#1B1B2F;color:#fff;padding:1rem 0;margin-top:3rem}

/* Dropdown: Hover on desktop, click on mobile */
.navbar-nav .dropdown > a { cursor: pointer; }
.navbar-nav .dropdown > ul{display:none;position:absolute;background:#fff;border:1px solid #eee;border-radius:.5rem;padding:.5rem;min-width:260px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.navbar-nav .dropdown:hover > ul,
.navbar-nav .dropdown.dropdown-active > ul{display:block}
.navbar-nav .dropdown ul li{position:relative}
.navbar-nav .dropdown ul a{display:block;padding:.5rem .75rem;color:#222}
.navbar-nav .dropdown > a i{margin-inline-start:.35rem}
html[dir="rtl"] .navbar-nav .dropdown > ul{right:0;left:auto}
@media (max-width: 991.98px) {
  .navbar-nav .dropdown > ul { position: static; box-shadow:none; border:0; padding:0; min-width:0; }
}