/* Shared visual system for the static English and Arabic pages. */
:root { --navy:#172725; --navy2:#203732; --navy3:#29453e; --gold:#0079ad; --gold2:#65cef0; --light:#f4f7f6; --text:#303e3b; --muted:#596a65; --border:#dce5e1; --radius:8px; --shadow:0 3px 16px rgb(23 39 37 / 5%); --shadow-lg:0 10px 28px rgb(23 39 37 / 9%); }
body, button, input, textarea, select, h1, h2, h3, h4, h5, .serif, html[lang="ar"] body, html[lang="ar"] h1, html[lang="ar"] h2 { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
*, *::before, *::after { letter-spacing:0 !important; }
body { line-height:1.7; }
img { max-width:100%; }
:focus-visible { outline:3px solid #008ab9; outline-offset:4px; }
h1,h2,h3,h4,p,li,a,button { overflow-wrap:break-word; }
h2.section-title { font-family:inherit; font-size:2.15rem; line-height:1.2; }
.container { max-width:1200px; }
.section { padding-block:80px; }
.tag { background:transparent; padding:0; border-radius:0; color:#206a54; animation:none; }
.btn { border-radius:5px; box-shadow:none; min-height:44px; justify-content:center; text-align:center; }
.btn-primary { background:#0079ad; color:#fff; }
.btn-primary:hover { background:#00668f; box-shadow:none; transform:none; filter:none; }
.btn:hover { transform:none; }
.btn-outline { border-width:1px; }
.btn-lg { padding:14px 24px; }
.skip-link { position:fixed; top:-100px; left:16px; z-index:10000; background:#fff; padding:12px 20px; color:#172725; }
.skip-link:focus { top:12px; }
body > nav, body > nav.scrolled { background:#fff; border-bottom:1px solid var(--border); backdrop-filter:none; box-shadow:none; }
.nav-inner, nav.scrolled .nav-inner { height:80px; gap:20px; }
.logo { color:#172725; gap:9px; font-size:1.15rem; font-weight:750; }
.logo > img { width:42px; height:42px; border-radius:4px; }
.logo-wordmark span { color:#0079ad; }
.nav-links > li > a, .nav-phone { color:#344b43; }
.nav-links > li > a.active, .nav-links > li > a:hover { color:#00739f; background:#eef6f8; }
.nav-right { gap:12px; }
.nav-phone { font-size:.8rem; }
.nav-whatsapp { display:none; }
.dropdown { left:50%; transform:translateX(-50%); border-radius:6px; box-shadow:var(--shadow-lg); }
.nav-links > li:focus-within .dropdown { display:grid; }
.hamburger span { background:#172725; }
.mobile-menu { background:#fff; border-top:1px solid var(--border); max-height:calc(100dvh - 80px); overflow-y:auto; overscroll-behavior:contain; }
.mobile-menu a { color:#263e35; }
.mobile-menu .m-section { color:#60756b; }
.lang-toggle { border-color:#cfddd7; background:#f4f7f6; color:#344b43; }
.lang-toggle span { color:#344b43; }
.lang-toggle span.active { background:#0079ad; color:#fff; }
.mobile-lang-row > span { color:#344b43 !important; }
.breadcrumb, nav.breadcrumb { position:static; background:transparent; border:0; box-shadow:none; backdrop-filter:none; flex-wrap:wrap; }
.breadcrumb a, .breadcrumb span { color:#526b60; }
.breadcrumb .sep { color:#768a81; }
.page-hero { background:#eff5f2; padding:48px 0; border-bottom:1px solid #dae5df; }
.page-hero::before, .page-hero::after { display:none; }
.page-hero-inner > * { animation:none; }
.page-hero h1 { font-family:inherit; font-size:2.65rem; max-width:950px; color:#172725; line-height:1.18; }
.page-hero h1 em, .page-hero .text-gold { color:#0079ad; }
.page-hero p { color:#425b50; max-width:780px; text-shadow:none; }
.page-hero .tag-dark { color:#246a50; }
.page-hero-badges span, .page-hero .hero-badge-pill { color:#3d5d4f; background:transparent; border:0; border-radius:0; padding:0 16px 0 0; font-weight:500; }
.page-hero .btn-outline-white { color:#172725; border:1px solid #759487; }
.service-card, .blog-card, .feature-card, .testimonial-card { border-radius:6px; box-shadow:none; }
.service-card { padding:28px; }
.testimonials-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.card-photo { margin-bottom:22px; }
.card-photo img { aspect-ratio:16 / 10; }
.feature-body h3 { font-size:1rem; color:var(--navy); margin-bottom:8px; }
.process-step h3 { font-size:1rem; color:var(--navy); margin:18px 0 10px; }
.process-dark .process-step h3 { color:#fff; }
.step-num { color:#00739f; }
.process-dark .step-num { color:#65cef0; }
.map-placeholder > a { color:#00698f !important; }
.price-card { display:flex; flex-direction:column; border:1px solid var(--border); border-radius:6px; padding:30px; position:relative; }
.price-card.featured { border:2px solid #0079ad; }
.price-card h3 { font-size:1.3rem; margin-block:12px; }
.price-card ul { list-style:none; margin:24px 0; padding:0; flex:1; }
.price-card li { padding-block:8px; border-bottom:1px solid var(--border); }
.price-card .price { font-size:2rem; font-weight:700; color:#172725; }
.price-card .price small { font-size:.85rem; font-weight:400; }
.price-label { color:#246a50; font-weight:700; font-size:.8rem; }
.price-name { color:#172725 !important; font-size:1.2rem; font-weight:650; margin:12px 0; }
.price-amount strong { font-size:2rem; color:#172725; }
.price-amount > span { font-size:.8rem; color:var(--muted); margin-inline-start:6px; }
.price-card.featured { background:#f0f7f4; }
.price-note { color:var(--muted); font-size:.85rem; margin:22px auto 0; max-width:660px; text-align:center; }
.penalty-table { display:block; max-width:100%; overflow-x:auto !important; }
.process-section .container { padding-inline:0; }
.svc-card { border-radius:6px !important; box-shadow:none !important; }
.svc-card-icon, .ci-icon { border-radius:6px !important; background:#edf4f1 !important; }
.map-placeholder { background:#eff5f2 !important; border:0 !important; border-radius:0 !important; padding:0 0 24px !important; overflow:hidden; }
.map-placeholder > img { display:block; width:100%; height:auto; margin-bottom:20px; }
.ci-body { min-width:0; }
.ci-body a { overflow-wrap:anywhere; }
.contact-layout > *, .form-row > *, .form-group input, .form-group select, .form-group textarea { min-width:0; }
.service-card:hover, .blog-card:hover { transform:none; box-shadow:var(--shadow); border-color:#a9c0b6; }
.service-icon, .feature-icon, .service-card-icon-box { background:#edf4f1 !important; border-radius:6px !important; color:#246a50; width:48px; height:48px; }
.ui-icon { width:25px; height:25px; display:inline-block; vertical-align:middle; object-fit:contain; }
.d-icon { display:none; }
.service-photo, .editorial-photo { display:block; width:100%; margin:0 0 32px; overflow:hidden; }
.service-photo img, .editorial-photo img { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:cover; }
.service-photo img { aspect-ratio:16 / 7; }
.service-photo figcaption, .editorial-photo figcaption { margin-top:8px; font-size:.75rem; color:var(--muted); }
.sidebar-layout { grid-template-columns:minmax(0,1fr) 300px; gap:48px; }
.sidebar-layout > *, .grid-2 > *, .grid-3 > *, .grid-4 > * { min-width:0; }
.sidebar-layout main .grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sidebar-box { border-radius:6px; box-shadow:none; }
.sidebar-img-box { display:none !important; }
.starter-package { border-radius:4px; }
.pricing-highlight { border-radius:4px !important; background:#eaf3ee !important; color:#214c3a !important; flex-wrap:wrap; padding:14px 18px !important; }
.pricing-highlight span:first-child { display:none; }
.pricing-highlight span { background:transparent !important; padding:0 !important; }
.blog-card-thumb { height:auto; aspect-ratio:16 / 9; background:#eaf0ed; }
.blog-card-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.blog-card-thumb::after { display:none; }
.blog-cat { background:#fff; color:#224b39; border-radius:3px; }
.blog-article { font-size:1rem; line-height:1.85; }
.blog-article h2 { font-family:inherit; font-size:1.65rem; }
.blog-article h3 { font-size:1.25rem; }
.blog-article table { display:block; overflow-x:auto; max-width:100%; }
.featured-post { border-radius:0 !important; background:#eff5f2 !important; color:#172725 !important; padding:36px !important; }
.featured-post h2 { font-family:inherit !important; font-size:1.9rem !important; }
.featured-post p, .featured-post .fp-meta { color:#52675d !important; }
.featured-post .fp-icon { font-size:inherit; }
.featured-post .editorial-photo { margin:0; }
.cta-section { background:#214d3d; }
.cta-section::before { display:none; }
.cta-section h2 { font-family:inherit; font-size:2.2rem; }
footer { background:#162923; }
.tag-dark { color:#9edce5; }
.footer-brand p, .footer-col ul a, .footer-col li > span, .footer-bottom, .footer-bottom p, .footer-bottom a { color:#c0d0c8; }
.footer-col h2 { font-family:inherit; font-size:.85rem; font-weight:700; color:#fff; text-transform:uppercase; margin-bottom:20px; }
.process-dark .process-step p, p.section-sub.on-dark { color:#c0d0c8; }
.footer-brand .logo { color:#fff; }
.footer-brand .logo img { width:46px; height:46px; }
.footer-brand .logo-wordmark span { color:#65cef0; }
.official-disclaimer { border:0 !important; border-top:1px solid #496057 !important; padding:24px 0 !important; border-radius:0 !important; background:transparent !important; margin-top:24px; }
.official-disclaimer p { color:#d3dfd9 !important; font-size:.82rem; }
.official-links { display:flex; flex-wrap:wrap; gap:14px; margin-top:12px; }
.official-links a { border:0 !important; border-radius:0 !important; padding:0 !important; color:#a1def0 !important; font-size:.82rem; text-decoration:underline !important; text-underline-offset:3px; }
.reveal, .reveal-left, .reveal-right, .reveal-scale { opacity:1; transform:none; }
.page-fade-in, .strip-inner, .whatsapp-float, .tag { animation:none; }
.whatsapp-float, .whatsapp-float:hover { width:52px; height:52px; background:#108847; box-shadow:0 3px 12px rgb(0 0 0 / 14%); transform:none; }
.whatsapp-float__icon { width:27px; height:27px; }
.strip { background:#fff; border-bottom:1px solid var(--border); }
.strip-inner { justify-content:center; width:auto; flex-wrap:wrap; gap:12px 32px; padding:20px 24px; }
.strip-item { color:#3c594b; font-size:.8rem; }
.strip-item:nth-child(n+7) { display:none; }
.strip-item::before { color:#0079ad; }
html[dir="rtl"] .logo { direction:ltr; }
html[dir="rtl"] .dropdown { left:50%; right:auto; transform:translateX(-50%); }
@media (max-width:1100px) { .nav-phone { display:none; } .sidebar-layout { gap:28px; grid-template-columns:minmax(0,1fr) 280px; } }
@media (max-width:900px) {
  .nav-links { display:none; } .hamburger { display:flex; }
  .sidebar-layout { grid-template-columns:minmax(0,1fr); }
  .sidebar { order:0; }
  .nav-right { display:flex; }
  .nav-right > .btn { display:none; }
  .section > .container[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; gap:32px !important; }
  .page-hero h1 { font-size:2.2rem; }
}
@media (max-width:600px) {
  .testimonials-grid { grid-template-columns:1fr; }
  main .container > div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }
  .container { padding-inline:20px; } .section { padding-block:48px; }
  .nav-inner, nav.scrolled .nav-inner { height:70px; gap:12px; }
  .logo { font-size:1.05rem; } .logo > img { width:36px; height:36px; }
  .nav-right { margin-inline-start:auto; } .nav-right > .btn { display:none; }
  .nav-right .lang-toggle { display:inline-flex; } .mobile-menu { max-height:calc(100dvh - 70px); }
  .page-hero { padding:32px 0; } .page-hero h1 { font-size:1.9rem; }
  h2.section-title { font-size:1.7rem; } .page-hero-badges { display:flex; gap:10px; }
  .page-hero-badges span { font-size:.76rem; } .sidebar-layout main .grid-3 { grid-template-columns:1fr; }
  .service-photo img { aspect-ratio:3 / 2; } .service-card { padding:24px; }
  .featured-post { padding:24px !important; } .featured-post h2, .cta-section h2 { font-size:1.65rem !important; }
  .strip-inner { gap:8px 20px; } .strip-item:nth-child(n+5) { display:none; } .starter-package div { gap:8px; }
}