/* One navigation system across home pages and service pages. */
.header[data-navigation]{gap:24px;overflow:visible;align-items:center}
.header-brand{display:flex;align-items:center;flex:none}
.header[data-navigation] .logo{display:block;width:184px;height:auto;max-height:60px;object-fit:contain}
.header[data-navigation] .site-navigation{display:flex;align-items:center;gap:30px;position:static;flex:none;font-size:14px;font-weight:500}
.header[data-navigation] .site-navigation>a,.nav-services>summary{position:relative;display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 0;line-height:1.4;color:#171914;white-space:nowrap;opacity:1;text-decoration:none;cursor:pointer;list-style:none}
.nav-services>summary::-webkit-details-marker{display:none}
.header[data-navigation] .site-navigation>a::after,.nav-services>summary::after{content:'';position:absolute;inset-inline:0;bottom:4px;height:2px;background:#a8d73d;transform:scaleX(0);transform-origin:center;transition:transform .18s}
.header[data-navigation] .site-navigation>a:hover,.header[data-navigation] .site-navigation a:hover{opacity:1}
.header[data-navigation] .site-navigation>a:hover::after,.header[data-navigation] .site-navigation>a[aria-current]::after,.nav-services[open]>summary::after,.nav-services.section-current>summary::after,.nav-services>summary:hover::after{transform:scaleX(1)}
.nav-services{position:relative}
.nav-services summary svg{transition:transform .18s}
.nav-services[open] summary svg{transform:rotate(180deg)}
.services-dropdown{position:absolute;top:calc(100% + 8px);inset-inline-start:-22px;width:335px;box-sizing:border-box;padding:10px;background:#f6f6f1;border:1px solid #d5d8ca;border-radius:14px;box-shadow:0 16px 36px #11111114;max-height:calc(100dvh - 110px);overflow-y:auto}
.services-dropdown::before{content:'';position:absolute;top:-12px;inset-inline:0;height:12px}
.services-dropdown a{display:grid;grid-template-columns:1fr 20px;gap:4px 12px;align-items:center;padding:13px 14px;border-radius:8px;color:#171914;font-size:14px;line-height:1.5;text-decoration:none;transition:background-color .15s}
.services-dropdown a small{grid-column:1;grid-row:2;color:#606658;font-size:12px;font-weight:400;white-space:normal;line-height:1.5}
.services-dropdown a i{grid-column:2;grid-row:1 / span 2;font-style:normal;color:#657b32}
.services-dropdown a:hover,.services-dropdown a[aria-current=page]{background:#e8eddd;color:#171914}
.services-dropdown .services-overview{border-bottom:1px solid #d5d8ca;border-radius:0;margin-bottom:5px;font-size:12px;color:#606658;padding-block:10px}
.header[data-navigation] .header-right{display:flex;align-items:center;gap:22px;flex:none}
.header[data-navigation] .header-cta{display:inline-flex;align-items:center;min-height:44px;padding:13px 22px;font-size:12px;gap:24px;color:#111;background:var(--lime);white-space:nowrap;transform:none!important}
.header[data-navigation] .language,.header[data-navigation] .service-language{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;color:#252820;white-space:nowrap}
.header[data-navigation] .site-navigation>.mobile-project{display:none}
.header[data-navigation] .menu-toggle{display:none}
.site-navigation a:focus-visible,.nav-services>summary:focus-visible,.header[data-navigation] button:focus-visible,.header[data-navigation] .service-language:focus-visible{outline:2px solid #7a9c32;outline-offset:4px;border-radius:3px}
html[lang=ar] .header[data-navigation] .site-navigation{font-size:16px;gap:28px}
html[lang=ar] .services-dropdown a{font-size:16px}
html[lang=ar] .services-dropdown a small{font-size:13px}
html[lang=ar] .header[data-navigation] .header-cta{font-size:14px}
html[lang=ar] .services-dropdown .services-overview{font-size:14px}
@media(max-width:1100px){.header[data-navigation] .site-navigation,html[lang=ar] .header[data-navigation] .site-navigation{gap:20px}.header[data-navigation] .header-right{gap:14px}.header[data-navigation] .header-cta{padding-inline:18px;gap:16px}}
@media(max-width:960px){
 .header[data-navigation]{gap:16px}
 .header[data-navigation] .logo{width:164px;max-height:52px}
 .header[data-navigation] .header-right{margin-inline-start:auto;gap:15px}
 .header[data-navigation] .header-cta{display:none}
 .header[data-navigation] .menu-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #d5d8ca;border-radius:50%;background:transparent;color:#171914}
 .menu-lines{display:grid;gap:6px;width:18px}.menu-lines i{display:block;height:1.5px;width:18px;background:currentColor;transition:transform .18s}
 .header.open .menu-lines i:first-child{transform:translateY(3.75px) rotate(45deg)}.header.open .menu-lines i:last-child{transform:translateY(-3.75px) rotate(-45deg)}
 .header[data-navigation] .site-navigation,html[lang=ar] .header[data-navigation] .site-navigation{display:none;position:absolute;top:calc(var(--header-height) + var(--header-safe-top));inset-inline:0;gap:0;flex-direction:column;align-items:stretch;padding:12px 24px 24px;border:0;border-top:1px solid #e0e2d8;border-bottom:1px solid #d5d8ca;border-radius:0;background:#f6f6f1;box-shadow:0 20px 25px #11111112;max-height:calc(100dvh - var(--header-height) - var(--header-safe-top));overflow-y:auto;overscroll-behavior:contain;text-align:start;font-size:18px}
 .header[data-navigation].open .site-navigation,html[lang=ar] .header[data-navigation].open .site-navigation{display:flex}
 .header[data-navigation] .site-navigation>a,.nav-services>summary{min-height:54px;padding:14px 0;border-bottom:1px solid #dfe2d6;justify-content:space-between}
 .header[data-navigation] .site-navigation>a::after,.nav-services>summary::after{display:none}
 .nav-services{width:100%}
 .services-dropdown{position:static;width:100%;padding:4px 0 10px;border:0;border-radius:0;box-shadow:none;max-height:none;overflow:visible;background:transparent}
 .services-dropdown::before{display:none}
 .services-dropdown a{padding:12px 14px;margin-block:3px;background:#eef0e7;border-radius:8px;white-space:normal}
 .services-dropdown .services-overview{border:0;padding-inline:0;background:transparent}
 .header[data-navigation] .site-navigation>.mobile-project{display:flex;align-items:center;justify-content:space-between;background:var(--lime);color:#111;border:0;border-radius:30px;padding:14px 22px;margin-top:20px;min-height:48px;font-size:15px}
 html[lang=ar] .header[data-navigation] .site-navigation{font-size:20px}
}
@media(max-width:380px){.header[data-navigation] .logo{width:142px}.header[data-navigation] .header-right{gap:8px}.header[data-navigation]{gap:8px}.header[data-navigation] .site-navigation{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.nav-services summary svg,.menu-lines i,.site-navigation a::after,.nav-services>summary::after{transition:none}}