:root{--ink: #000944;--ink-2: #0c1a66;--sky: #206a91;--sky-2: #7cc4ea;--air: #e9f5fb;--gold: #f8c818;--ray: #f8a838;--ember: #d9601a;--text: #0f1740;--muted: #47527a;--line: #cfe2ee;--display: "Alexandria", "Almarai", sans-serif;--sans: "Almarai", system-ui, sans-serif;--r: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px;direction:rtl}body{margin:0;background:#fff;color:var(--text);font:17px/1.85 var(--sans);overflow-x:clip}img,svg,iframe{display:block;max-inline-size:100%}a{color:inherit}ul,ol,dl,dd{margin:0;padding:0;list-style:none}h1,h2,h3{font-family:var(--display);line-height:1.3;margin:0 0 .5em;text-wrap:balance}h1{font-weight:800}h2{font-weight:800;font-size:clamp(1.65rem,3.6vw,2.6rem);color:var(--ink);max-inline-size:22em}h3{font-weight:700;font-size:1.15rem;color:var(--ink)}p{margin:0 0 1em}.wrap{max-inline-size:1200px;margin-inline:auto;padding-inline:18px}.narrow{max-inline-size:820px}.section{padding-block:clamp(60px,8vw,104px)}.air{background:var(--air)}.head{margin-block-end:30px}.head p{color:var(--muted);max-inline-size:38em;margin:0}.place{color:var(--sky);font-weight:700;margin-block-end:8px}.row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:13px 26px;border-radius:10px;font:700 1rem/1.4 var(--display);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s}.btn.sm{padding:8px 18px;font-size:.92rem;min-block-size:44px}.btn-gold{background:var(--gold);color:var(--ink)}.btn-gold:hover{background:var(--ray)}.btn-ghost{border-color:#fff;color:#fff}.btn-ghost:hover{background:#fff;color:var(--ink)}.btn-navy{background:var(--ink);color:#fff}.btn-navy:hover{background:var(--sky)}.top{position:fixed;inset-inline:0;inset-block-start:0;z-index:20;display:flex;align-items:center;gap:20px;padding:8px clamp(14px,2.4vw,28px);background:#fff;box-shadow:0 1px 0 var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.02rem var(--display);color:var(--ink);white-space:nowrap}.brand img{block-size:44px;inline-size:44px}.brand i{font-style:normal}.top nav{display:flex;gap:clamp(12px,1.8vw,24px);margin-inline-start:auto}.top nav a{text-decoration:none;color:var(--muted);font-size:.96rem}.top nav a:hover{color:var(--ink)}.menu{display:none;position:relative;padding-inline:0;margin-block-end:0;background:none}.menu summary{list-style:none;cursor:pointer;inline-size:44px;block-size:44px;display:grid;place-content:center;gap:5px;border:1px solid var(--line);border-radius:10px}.menu summary::-webkit-details-marker{display:none}.menu i{display:block;inline-size:20px;block-size:2px;background:var(--ink)}.menu-list{position:absolute;inset-block-start:52px;inset-inline-end:0;inline-size:210px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 16px 34px #0009442e}.menu-list a{display:block;padding:10px 12px;text-decoration:none;color:var(--ink);border-radius:8px}.menu-list a:hover{background:var(--air)}.hero{position:relative;isolation:isolate;overflow:hidden;min-block-size:min(100svh,860px);display:flex;align-items:center;color:#fff;background:var(--ink)}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;inline-size:100%;block-size:100%;object-fit:cover;object-position:40% 60%;animation:dawn 2s ease-out both}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to left,#000944f0 0,#000944d1 40%,#0009441f 72%,#0009440d)}.hero-copy{inline-size:100%;padding-block:112px 190px}.hero h1{font-size:clamp(2.3rem,5.4vw,4.3rem);line-height:1.22;max-inline-size:11em;margin:0 0 18px}.hero h1 small{display:block;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:500;line-height:1.5;color:var(--gold);margin-block-end:12px}.lead{max-inline-size:31em;font-size:1.08rem;margin-block-end:26px}.half-sun{position:absolute;z-index:0;inset-block-end:48px;inset-inline-end:clamp(14px,7vw,110px);inline-size:clamp(230px,37vw,520px);block-size:auto;animation:rise 1.9s cubic-bezier(.2,.75,.2,1) both}.swoosh{position:absolute;z-index:1;inset-inline:0;inset-block-end:-1px;inline-size:100%;max-inline-size:none;block-size:clamp(84px,13vw,170px)}@keyframes dawn{0%{filter:brightness(.42) saturate(.45)}}@keyframes rise{0%{transform:translateY(72%)}}.module{background:var(--ink);color:#fff;padding-block:8px 44px}.cells{display:grid;grid-template-columns:repeat(4,1fr);border:3px solid #93a3c6;background:var(--ink-2)}.cell{padding:22px 20px;border-inline-start:1px solid #93a3c6}.cell:first-child{border-inline-start:0}.cell b{display:block;font:800 clamp(1.7rem,3vw,2.5rem)/1.2 var(--display);color:var(--gold)}.cell b em{font:500 .95rem var(--display);color:#fff;margin-inline-start:6px}.cell span{display:block;font-size:.92rem;color:#cdd8ee;margin-block-start:8px}.cell strong{display:block;font:700 1rem/1.45 var(--display)}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(216px,auto);gap:12px}.bento li{position:relative;overflow:hidden;border-radius:var(--r);padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.bento p{margin:0;font-size:.96rem;line-height:1.7}.bento h3{margin-block-end:4px;font-size:1.3rem}.bento .photo{color:#fff;background:var(--ink);isolation:isolate}.bento .photo img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;inline-size:100%;block-size:100%;object-fit:cover}.bento .photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#000944eb,#0009441a 72%)}.bento .photo h3{color:#fff}.bento .plain{background:var(--air)}.bento .plain:nth-child(3){background:var(--gold)}.bento .plain:nth-child(8){background:var(--ink);color:#fff}.bento .plain:nth-child(8) h3{color:var(--gold)}.services{margin-block-start:34px;display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:start}.services ul{display:flex;flex-wrap:wrap;gap:8px 10px}.services li,.chips li{padding:5px 14px;border:1px solid var(--sky);border-radius:8px;color:var(--ink);font-size:.95rem}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips li{background:#fff}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:22px}.pills button{font:700 .96rem var(--display);padding:9px 18px;min-block-size:44px;border-radius:10px;border:1px solid var(--sky);background:#fff;color:var(--ink);cursor:pointer}.pills button span{font-weight:500;color:var(--sky)}.pills .on{background:var(--ink);border-color:var(--ink);color:#fff}.pills .on span{color:var(--gold)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;grid-auto-rows:clamp(150px,19vw,240px);gap:10px}.gallery li{position:relative;overflow:hidden;border-radius:var(--r);background:var(--ink)}.gallery .big{grid-column:span 2;grid-row:span 2}.gallery>li>button{display:block;inline-size:100%;block-size:100%;padding:0;border:0;background:none;cursor:zoom-in;position:relative;color:#fff;font:700 .92rem/1.45 var(--display);text-align:start}.gallery>li>button img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .35s}.gallery>li>button:hover img{transform:scale(1.04)}.gallery>li>button>span{position:absolute;inset-inline:0;inset-block-end:0;padding:26px 12px 9px;background:linear-gradient(to top,rgba(0,9,68,.9),transparent)}.gallery .mosque{background:var(--ink);color:#fff}.gallery .mosque .vid{block-size:100%;display:flex;flex-direction:column}.gallery .mosque .vid-box{flex:1;aspect-ratio:auto;min-block-size:0}.gallery .mosque figcaption{padding:8px 12px}.lightbox{border:0;padding:0;background:none;max-inline-size:min(1100px,96vw);max-block-size:94vh}.lightbox::backdrop{background:#000944e0}.lightbox figure{margin:0;position:relative}.lightbox img{max-block-size:80vh;inline-size:auto;margin-inline:auto;border-radius:10px}.lightbox figcaption{display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;padding-block-start:10px;text-align:center}.lightbox button{inline-size:44px;block-size:44px;flex:none;border-radius:10px;border:1px solid #fff;background:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.lb-x{position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:1;background:var(--ink)!important}.vid{margin:0;min-inline-size:0}.vid-box{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--r);background:var(--ink)}.vid-box iframe{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;border:0}.vid-play{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;padding:0;border:0;background:var(--ink);cursor:pointer;color:#fff}.vid-play>img{inline-size:100%;block-size:100%;object-fit:cover}.vid-ico{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:50% -50%;inline-size:64px;block-size:64px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink);transition:scale .15s}.vid-play:hover .vid-ico{scale:1.1}.vid-ico svg{direction:ltr}.vid-ring{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 16px;font:700 1rem/1.45 var(--display);background:var(--ink-2)}.vid-ring img{inline-size:54px;block-size:54px}.vid-more{display:grid;place-items:center;min-block-size:96px;padding:18px;text-align:center;border-radius:var(--r);background:var(--gold);color:var(--ink);font:700 1.1rem/1.5 var(--display);text-decoration:none}.vid-more:hover{background:var(--ray)}.vid figcaption{padding-block-start:8px;font-size:.95rem;line-height:1.5}.vid figcaption strong{display:block;font-family:var(--display);font-weight:700}.vid figcaption time{font-size:.86rem;color:var(--muted)}.dark .vid figcaption time,.mosque .vid figcaption time{color:#b9c7e2}.cases{display:grid;grid-template-columns:1fr 1fr;gap:30px 26px}.case{display:grid;grid-template-columns:1fr;gap:0;align-content:start}.case>.vid figcaption{display:none}.plate{border:1px solid var(--line);border-block-start:5px solid var(--gold);border-radius:0 0 var(--r) var(--r);margin-block-start:10px;padding:18px 20px 10px}.plate h3{font-size:1.35rem;margin-block-end:2px}.plate>p:not(.place){color:var(--muted)}dl>div{display:grid;grid-template-columns:7.5em 1fr;gap:10px;padding-block:8px;border-block-start:1px solid var(--line);font-size:.96rem;line-height:1.6}dt{color:var(--muted)}dd{font-weight:700;color:var(--ink)}.systems{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.system{background:#fff;border-radius:var(--r);overflow:hidden}.system>img{inline-size:100%;aspect-ratio:16 / 9;object-fit:cover}.system>div{padding:18px 20px 12px}.system h3{font-size:1.35rem;margin:0}.en{color:var(--sky);font-weight:700;margin-block-end:10px}.gold{background:var(--gold)}.fin{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(26px,5vw,64px);align-items:start}.fin>div>p{max-inline-size:36em}.studies{display:grid;gap:14px;margin-block-start:24px}.studies li{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start}.studies span{display:grid;place-items:center;inline-size:58px;block-size:58px;border-radius:50%;background:var(--ink);color:var(--gold);font:800 1.5rem var(--display)}.studies h3{font-size:1.25rem;margin-block-end:0}.studies p{margin:0}.sheet{background:#fff;border-radius:var(--r);padding:24px}.sheet ul{margin-block-end:20px}.sheet li{padding-block:10px;padding-inline:30px 0;border-block-end:1px solid var(--line);position:relative}.sheet li:before{content:"";position:absolute;inset-inline-start:2px;inset-block-start:18px;inline-size:14px;block-size:14px;border-radius:50%;border:3px solid var(--ray)}.sheet .btn{inline-size:100%}.sky{background:linear-gradient(to bottom,var(--air),#fff)}.arc{inline-size:100%;block-size:auto;overflow:visible;margin-block-end:6px}.arc circle.done{fill:var(--ray)}.arc>circle{fill:#fff;stroke:var(--sky);stroke-width:2}.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.steps span{display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:50%;background:#fff;border:2px solid var(--sky);color:var(--ink);font:700 1rem var(--display);margin-block-end:8px;transition:background .3s}.steps .done span{background:var(--gold);border-color:var(--ray)}.steps h3{font-size:1rem;margin-block-end:2px}.steps p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}.team{margin-block:30px 0;padding-block-start:16px;border-block-start:1px solid var(--line);color:var(--muted);max-inline-size:44em}.dark{background:var(--ink);color:#eaf0fb}.dark h2{color:#fff}.dark .head p{color:#c5d2ea}.dark .pills button{background:transparent;color:#fff;border-color:#6d7fb0}.dark .pills .on{background:var(--gold);border-color:var(--gold);color:var(--ink)}.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 16px;margin-block-end:28px}.lead-vid{grid-column:span 2;grid-row:span 2}.reels{display:grid;grid-auto-flow:column;grid-auto-columns:280px;gap:14px;overflow-x:auto;margin-block-end:28px}.reels iframe{inline-size:100%;block-size:500px;border:0;border-radius:var(--r)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 20px}.products img{inline-size:104px;block-size:104px;object-fit:cover;border-radius:50%;margin-block-end:10px}.products h3{margin-block-end:4px}.noimg{display:grid;place-items:center;inline-size:104px;block-size:104px;border-radius:50%;background:var(--air);color:var(--sky);margin-block-end:10px}.products p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.7}.brands{margin-block-start:44px;padding-block-start:24px;border-block-start:1px solid var(--line)}.brands ul{display:flex;flex-wrap:wrap;align-items:center;gap:16px 36px}.brands img{block-size:46px;inline-size:auto;max-inline-size:150px;object-fit:contain}.brands .txt{font:700 1.25rem var(--display);color:var(--ink)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,60px);align-items:center}.split.start{align-items:start}.areas{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.areas section{background:var(--air);border-radius:var(--r);padding:20px 22px 12px}.areas .wide{grid-row:span 2;background:var(--ink);color:#fff}.areas .wide h3{color:var(--gold)}.areas h3{font-size:1.35rem}.areas li{display:grid;grid-template-columns:11em 1fr;gap:12px;padding-block:9px;border-block-start:1px solid rgba(32,106,145,.3);line-height:1.55}.areas strong{font-family:var(--display);font-weight:700}.areas span{font-size:.95rem}details{background:#fff;border-radius:10px;margin-block-end:8px;padding-inline:18px}summary{cursor:pointer;font:700 1.03rem/1.5 var(--display);color:var(--ink);padding-block:15px}details p{color:var(--muted);padding-block-end:8px}.chan{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.chan a{display:flex;align-items:center;gap:12px;padding:13px 14px;min-block-size:72px;border:1px solid #33427e;border-radius:12px;text-decoration:none;color:#fff;transition:background .2s}.chan a:hover{background:var(--ink-2)}.ico{flex:none;inline-size:44px;block-size:44px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink)}.chan .txt{min-inline-size:0}.chan strong{display:block;font:700 .98rem/1.4 var(--display)}.chan small{display:block;color:#c5d2ea;font-size:.84rem;line-height:1.4;overflow-wrap:anywhere;text-align:start}.contact-list{display:grid;gap:10px;margin-block:22px}.contact-list li{display:grid;grid-template-columns:5em 1fr;gap:10px}.contact-list span{color:var(--muted)}.contact-list a{padding-block:7px;color:var(--ink);font-weight:700;text-decoration-color:var(--ray);text-underline-offset:4px}.contact-list a[dir=ltr]{text-align:end;justify-self:start}.map{inline-size:100%;block-size:260px;border:0;border-radius:var(--r)}.qform{background:var(--air);border-radius:var(--r);padding:24px;display:grid;gap:14px}.qform label{display:grid;gap:4px;font-weight:700;font-size:.94rem;min-inline-size:0}.qform input,.qform select,.qform textarea{font:inherit;font-weight:400;padding:10px 12px;min-block-size:46px;border:1px solid #9dbdd2;border-radius:10px;background:#fff;inline-size:100%;color:var(--text)}.qform input[dir=ltr]{text-align:end}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{margin:0;font-size:.86rem;color:var(--muted)}.sent{margin:0;font-weight:700;color:var(--ink)}.err{margin:0;font-weight:700;color:#a8320a}.foot{background:var(--ink);color:#c5d2ea;padding-block:40px 76px}.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;align-items:start}.foot nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.foot nav a{color:#fff;text-decoration:none;padding-block:7px}.foot nav a:hover{color:var(--gold)}.foot-end{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding-block-start:14px;border-block-start:1px solid #33427e}.foot strong{color:#fff;font-family:var(--display)}.foot a{color:var(--gold)}.foot p{margin-block:10px}.foot-logo{inline-size:96px;block-size:96px}.fab{position:fixed;z-index:30;inset-block-end:18px;inset-inline-start:18px;inline-size:58px;block-size:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 10px 24px #0000004d}:focus-visible{outline:3px solid var(--ember);outline-offset:2px}@media(max-width:1040px){.top nav{display:none}.top .btn{margin-inline-start:auto}.menu{display:block}.steps,.chan,.products{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.arc{display:none}.hero{align-items:flex-start;min-block-size:100svh}.hero:before{background:linear-gradient(to bottom,#000944f2 0,#000944e0 58%,#0009441a 84%)}.hero-copy{padding-block:92px 200px}.cells{grid-template-columns:1fr 1fr}.cell:nth-child(3){border-inline-start:0}.cell:nth-child(n+3){border-block-start:1px solid #93a3c6}.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(190px,auto)}.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:46vw}.gallery .big{grid-row:span 1}.gallery .mosque{grid-row:span 2}.cases,.systems,.fin,.split,.vids{grid-template-columns:1fr}.lead-vid{grid-column:auto;grid-row:auto}.areas,.foot-grid,.services{grid-template-columns:1fr}.steps{position:relative;grid-template-columns:1fr;gap:18px;padding-inline-start:58px}.steps:before{content:"";position:absolute;inset-block:6px;inset-inline-start:19px;border-inline-start:2px dotted var(--sky)}.steps:after{content:"";position:absolute;inset-inline-start:6px;inset-block-start:calc(var(--p, 0) * (100% - 28px));inline-size:28px;block-size:28px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--ray)}.steps li{position:relative;z-index:1}.steps span{position:absolute;inset-inline-start:-58px;margin:0}.steps h3{font-size:1.08rem}}@media(max-width:620px){.chan,.products{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.areas li{grid-template-columns:1fr;gap:0}.top{gap:10px}.brand{gap:6px}.brand img{block-size:38px;inline-size:38px}.brand i{display:none}.chan a{gap:8px;padding:12px 10px}.chan .ico{inline-size:38px;block-size:38px}.chan small{font-size:.78rem}.bento .photo:after{background:linear-gradient(to top,#000944f0 45%,#00094459)}.vids{grid-template-columns:1fr 1fr;gap:16px 10px}.lead-vid,.vids .vid.on,.vid-more{grid-column:1 / -1}.vids .vid-ico{inline-size:46px;block-size:46px}.vids .lead-vid .vid-ico{inline-size:64px;block-size:64px}.vids .vid figcaption{font-size:.88rem}.btn.sm{padding:8px 12px;font-size:.86rem;white-space:nowrap}.cells{grid-template-columns:repeat(2,minmax(0,1fr))}.cell b em{display:block;margin-inline-start:0}.vids .vid-ring{justify-content:flex-end}.vids .vid-ring img{display:none}}@media(max-width:400px){.chan li:has(.ico.mail){grid-column:1 / -1}.chan li:has(.ico.mail) small{overflow-wrap:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}