/* Bilingual company profile — A4 landscape pages (297 × 210 mm) scaling with the screen; sizes in cqw (1cqw = 1% of page width = 2.97 mm on paper).
   Every text comes as .a (Arabic) followed by .e (English, dir=ltr). */
:root{--g:#007549;--gd:#0e2e22;--ink:#14231c;--mut:#5d6b64;--mut2:#7b8781;--line:#e2e7e3;--sand:#f6f1e7;--gold:#b0842e;--gold2:#e3c477;
 --goldg:linear-gradient(115deg,#7a5818 0%,#c99b3e 28%,#f7e096 45%,#deb75c 55%,#a47828 78%,#e8c976 100%);
 --fa:"Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif;--fb:"IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif;--fe:"Readex Pro",system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#dfe5e1;color:var(--ink);font-family:var(--fb);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--fa);margin:0}

/* toolbar */
.tb{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 18px;padding-top:max(10px,env(safe-area-inset-top));background:rgba(14,46,34,.96);color:#fff;box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
.tb-b{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font:500 14px var(--fa)}
.tb-b img{height:34px;width:auto}
.tb-t{flex:1;text-align:center;font:600 15px var(--fa);color:var(--gold2)}
.tb-a{display:flex;align-items:center;gap:8px}
.tb-l{color:#fff;text-decoration:none;font:600 13.5px var(--fa);padding:8px 12px;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.tb-s,.tb-p{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:600 14px var(--fa);border-radius:999px;padding:9px 14px}
.tb-s{background:rgba(255,255,255,.1);color:#fff;padding:9px}
.tb-p{background:var(--goldg);color:var(--gd)}
.tb-s svg,.tb-p svg{width:18px;height:18px}
.toast{position:fixed;top:76px;left:50%;transform:translate(-50%,-10px);background:#fff;color:var(--gd);font:600 14px var(--fa);padding:10px 18px;border-radius:999px;box-shadow:0 14px 30px -14px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:all .3s;z-index:30}
.toast.on{opacity:1;transform:translate(-50%,0)}
.rot{display:none}

/* pages */
.doc{display:grid;justify-items:center;gap:24px;padding:24px 12px 60px}
.pg{position:relative;width:min(297mm,calc(100vw - 24px));aspect-ratio:297/210;container-type:inline-size;background:#fff;overflow:hidden;box-shadow:0 30px 60px -34px rgba(14,46,34,.55);border-radius:4px;padding:3.6cqw 4.4cqw 6.2cqw;display:flex;flex-direction:column;gap:1.4cqw;opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.pg.in{opacity:1;transform:none}
.pg h2{font-size:2.5cqw;line-height:1.3;color:var(--gd);letter-spacing:-.01em}
.pg h3{font-size:1.45cqw;color:var(--gd)}
.pg p{margin:0;font-size:1.08cqw;line-height:1.8;color:#34453c}
.pg .lead{font-size:1.2cqw;line-height:1.75;color:var(--mut)}
/* English twin */
.e{display:block;font-family:var(--fe);text-align:right;letter-spacing:0}
span.e,b.e,small.e{display:block}
.pg h2.e{font-size:1.75cqw;font-weight:500;color:var(--g);margin-top:.2cqw}
.pg p.e{font-size:.98cqw;line-height:1.65;color:var(--mut2);margin-top:.35cqw}
.pg p.lead.e{font-size:1.05cqw}
.pg h3.e{font-size:1.15cqw;font-weight:500;color:var(--g)}
.hh em{font-style:normal;font-family:var(--fe);font-weight:400;color:var(--gold);font-size:.78em;margin-inline-start:.6cqw}
.kk{display:flex;align-items:center;gap:.9cqw;font:600 1cqw var(--fa);letter-spacing:.04em;color:var(--gold)}
.kk b{display:grid;place-items:center;width:2.6cqw;height:2.6cqw;border-radius:50%;background:var(--goldg);color:var(--gd);font-size:.9cqw}
.kk i{width:2.4cqw;height:.18cqw;background:var(--gold);opacity:.5}
.kk span[dir=ltr]{font-family:var(--fe);text-transform:uppercase;letter-spacing:.1em;font-weight:500;font-size:.9cqw}
.kk.dk{color:var(--gold2)}.kk.dk i{background:var(--gold2)}
.pf{position:absolute;inset-inline:4.4cqw;bottom:2.1cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding-top:1cqw;border-top:.1cqw solid var(--line);font:500 .88cqw var(--fa);color:#8a958f}
.pf-b{display:flex;align-items:center;gap:.8cqw}
.pf-b img{height:2cqw;width:auto}
.pf-b b{color:var(--gd);font-weight:600}
.pf-b i{font-style:normal;font-family:var(--fe)}
.pf-n{color:var(--gold);font-weight:700;direction:ltr}
.pf.dk{border-color:rgba(255,255,255,.14);color:#a9c3b7}.pf.dk b{color:#fff}

/* cover */
.cover,.back{background:var(--gd);color:#fff;padding:4cqw 4.4cqw}
.cv-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.orb{position:absolute;border-radius:50%}
.orb.o1{width:60cqw;height:60cqw;background:radial-gradient(circle,rgba(10,138,88,.55),transparent 65%);top:-24cqw;inset-inline-end:-14cqw}
.orb.o2{width:50cqw;height:50cqw;background:radial-gradient(circle,rgba(176,132,46,.32),transparent 65%);bottom:-26cqw;inset-inline-start:-12cqw}
.cv-str{position:absolute;width:46cqw;opacity:.06;inset-inline-start:-10cqw;bottom:-14cqw}
.cover>*:not(.cv-bg),.back>*:not(.cv-bg){position:relative;z-index:1}
.cv-top{display:flex;align-items:center;gap:1.6cqw;max-width:56cqw}
.cv-mk{height:7cqw;width:auto;filter:drop-shadow(0 1cqw 1.6cqw rgba(0,0,0,.35))}
.cv-yr{font:300 2.6cqw var(--fe);letter-spacing:.12em;background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent;margin-inline-start:auto}
.cv-main{margin-top:2cqw;display:grid;gap:.9cqw;justify-items:start;max-width:56cqw}
.cv-k{display:inline-flex;align-items:center;gap:.6cqw;font:500 1.05cqw var(--fa);color:#cfeadc;padding:.5cqw 1.4cqw;border-radius:5cqw;border:.1cqw solid rgba(255,255,255,.2)}
.cv-k i{font-style:normal;opacity:.4}.cv-k span{font-family:var(--fe)}
.cv-cl{width:35cqw;height:auto;margin-top:.4cqw}
.cv-en{font:600 1.7cqw var(--fe)}
.cv-sub .a{font:400 1.2cqw var(--fa);color:#a9c7b8}
.cv-sub .e{font:400 1.05cqw var(--fe);color:#8fb3a2;margin-top:.2cqw}
.cv-t{margin-top:1.8cqw;display:grid;gap:.3cqw;padding-inline-start:1.6cqw;border-inline-start:.4cqw solid;border-image:var(--goldg) 1}
.cv-t b{font:700 4cqw/1.15 var(--fa)}
.cv-t span{font:500 2.3cqw var(--fe);color:var(--gold2);letter-spacing:.02em}
.cv-line{margin-top:.6cqw}
.cv-line .a{font:500 1.12cqw var(--fa);color:#cfe0d7}
.cv-line .e{font:400 1cqw var(--fe);color:#a9c7b8;margin-top:.2cqw}
.cv-art{position:absolute!important;inset-inline-end:4.4cqw;top:4cqw;bottom:4cqw;width:31cqw;border-radius:15.5cqw 15.5cqw 1.4cqw 1.4cqw;overflow:hidden;box-shadow:0 3cqw 6cqw -2cqw rgba(0,0,0,.7),0 0 0 .55cqw rgba(255,255,255,.06),0 0 0 .65cqw rgba(227,196,119,.5)}
.cv-art img{width:100%;height:100%;object-fit:cover}
.cv-ft{position:absolute!important;inset-inline-start:4.4cqw;inset-inline-end:40cqw;bottom:3.2cqw;display:flex;gap:3cqw;font:500 1.02cqw var(--fe);color:#cfe0d7;padding-top:1.2cqw;border-top:.1cqw solid rgba(255,255,255,.15)}

/* about: Arabic | English columns */
.two{flex:1;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;gap:3.2cqw}
.vr{width:.12cqw;background:linear-gradient(var(--gold2),transparent)}
.tc{display:flex;flex-direction:column;gap:.9cqw}
.tc h2{font-size:2.3cqw}
.tc-e{text-align:left;font-family:var(--fe)}
.tc-e h2{font-family:var(--fe);font-size:2cqw;font-weight:600}
.tc-e p{font-size:1.02cqw;line-height:1.7}
.tc-e .lead{font-size:1.12cqw}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1cqw}
.fc{background:var(--sand);border-radius:1.3cqw;padding:1.2cqw 1.4cqw;border-inline-start:.35cqw solid var(--gold);display:grid;gap:.1cqw}
.fc .fk.a{font-size:.9cqw;color:var(--mut)}
.fc .fk.e{font-size:.8cqw;color:var(--mut2)}
.fc .fv.a{font:600 1.12cqw var(--fa);color:var(--gd);margin-top:.4cqw}
.fc .fv.e{font:500 .95cqw var(--fe);color:var(--g)}

/* where we are */
.loc{flex:1;min-height:0;display:grid;grid-template-columns:1.45fr 1fr;gap:2.2cqw}
.loc-m{position:relative;border-radius:1.8cqw;overflow:hidden;min-height:0}
.loc-m img{width:100%;height:100%;object-fit:cover}
.loc-h{position:absolute;inset-inline:0;bottom:0;padding:5cqw 2.2cqw 1.8cqw;background:linear-gradient(transparent,rgba(14,46,34,.92))}
.loc-h h2{color:#fff;font-size:2.1cqw}.loc-h h2.e{color:var(--gold2);font-size:1.4cqw}
.pin{position:absolute;left:40%;top:44%;display:flex;align-items:center;gap:.8cqw;direction:ltr}
.pin i{width:1.4cqw;height:1.4cqw;border-radius:50%;background:var(--g);box-shadow:0 0 0 .4cqw #fff}
.pin b{background:#fff;color:var(--gd);font:600 .95cqw var(--fa);padding:.5cqw 1cqw;border-radius:.8cqw}
.toc{background:var(--gd);color:#fff;border-radius:1.8cqw;padding:1.8cqw 2cqw}
.toc h3{color:var(--gold2);font-size:1.35cqw;margin-bottom:.9cqw}.toc h3 em{color:#a9c7b8}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.42cqw}
.toc li{display:grid;grid-template-columns:2.2cqw 1fr auto;align-items:baseline;gap:.8cqw;padding-bottom:.42cqw;border-bottom:.08cqw dashed rgba(255,255,255,.14)}
.toc li:last-child{border:0;padding:0}
.toc li span{color:var(--gold2);font:700 .88cqw var(--fe)}
.toc li b{font:500 1cqw var(--fa);color:#e3efe9}
.toc li em{font:400 .85cqw var(--fe);color:#9dbcad;font-style:normal}
.nums{display:grid;grid-template-columns:repeat(4,1fr);background:var(--gd);border-radius:1.8cqw;overflow:hidden}
.nums div{padding:1.4cqw 1.4cqw;text-align:center;border-inline-end:.08cqw solid rgba(255,255,255,.1)}
.nums div:last-child{border:0}
.nums b{display:block;font:700 2.9cqw/1 var(--fe);background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent}
.nums .a{display:block;margin-top:.6cqw;font-size:.95cqw;color:#cfe0d7}
.nums .e{text-align:center;font-size:.82cqw;color:#8fb3a2}

/* vision / values */
.vm{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw}
.vmc{border-radius:1.8cqw;padding:1.8cqw 2cqw;display:grid;gap:.6cqw;align-content:start}
.vmc i{width:3.6cqw;height:3.6cqw;border-radius:1.1cqw;display:grid;place-items:center}
.vmc i svg{width:1.8cqw;height:1.8cqw}
.vmc h3{font-size:1.7cqw}
.v1{background:var(--gd);color:#fff}.v1 h3{color:#fff}.v1 h3 em{color:var(--gold2)}.v1 p.a{color:#e3efe9}.v1 p.e{color:#9dbcad}.v1 i{background:rgba(227,196,119,.16);color:var(--gold2)}
.v2{background:var(--sand)}.v2 i{background:#fff;color:var(--g)}
.sth{display:flex;align-items:center;gap:1cqw}
.sth::after{content:"";flex:1;height:.1cqw;background:var(--line)}
.vals{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.1cqw}
.vc{border:.1cqw solid var(--line);border-radius:1.4cqw;padding:1.4cqw;display:flex;flex-direction:column;gap:.35cqw}
.vc i{width:3.2cqw;height:3.2cqw;border-radius:1cqw;background:linear-gradient(135deg,#e7f3ed,#f6efdc);color:var(--g);display:grid;place-items:center;margin-bottom:.4cqw}
.vc i svg{width:1.6cqw;height:1.6cqw}
.vc b.a,.wy b.a,.hs b.a{font:700 1.2cqw var(--fa);color:var(--gd)}
.vc b.e,.wy b.e,.hs b.e{font:500 1cqw var(--fe);color:var(--g)}
.d.a{font-size:.95cqw;line-height:1.6;color:var(--mut);margin-top:.35cqw}
.d.e{font-size:.86cqw;line-height:1.55;color:var(--mut2);margin-top:.2cqw}
.whys{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw 2.4cqw}
.wy{display:flex;gap:1.2cqw;align-items:flex-start;background:var(--sand);border-radius:1.4cqw;padding:1.3cqw 1.5cqw}
.wy i{flex:none;width:3.3cqw;height:3.3cqw;border-radius:1cqw;background:var(--g);color:#fff;display:grid;place-items:center}
.wy i svg{width:1.65cqw;height:1.65cqw}
.hws{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.8cqw;position:relative;align-content:center}
.hws::before{content:"";position:absolute;top:calc(50% - 6.2cqw);inset-inline:11%;border-top:.2cqw dashed #cfe0d6}
.hs{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.hs .e{text-align:center}
.hs-n{position:relative;width:5.6cqw;height:5.6cqw;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 .55cqw #fff,0 0 0 .65cqw var(--line);margin-bottom:1cqw}
.hs-n i{color:var(--g);display:grid}.hs-n i svg{width:2.3cqw;height:2.3cqw}
.hs-n span{position:absolute;top:-.4cqw;inset-inline-end:-.4cqw;width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--goldg);color:var(--gd);font:700 .85cqw/2.2cqw var(--fe);text-align:center}

/* services overview */
.hd2 .lead.a{max-width:80cqw}
.scs{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5cqw}
.sc{border:.1cqw solid var(--line);border-radius:1.8cqw;overflow:hidden;display:flex;flex-direction:column}
.sc-i{background:linear-gradient(180deg,#f3f8f5,#e8f2ec);padding:1.2cqw 1.2cqw .3cqw}
.sc-i .ill{width:100%;height:12.5cqw}
.sc-b{padding:1.4cqw 1.6cqw 1.6cqw}
.sc-n{display:block;font:700 .95cqw var(--fe);color:var(--gold);margin-bottom:.4cqw}
.sc h3.a{font-size:1.5cqw}.sc h3.e{font-size:1.1cqw;margin-bottom:.5cqw}
.sc p.a{font-size:1cqw;color:var(--mut)}.sc p.e{font-size:.88cqw}

/* service detail: intro column | items */
.sd{flex:1;min-height:0;display:grid;grid-template-columns:27cqw 1fr;grid-template-rows:1fr auto;gap:1.2cqw 2.2cqw}
.sd-h{grid-row:span 2;display:flex;flex-direction:column;gap:1.2cqw;background:var(--sand);border-radius:1.8cqw;padding:1.5cqw}
.sd-i{background:#fff;border-radius:1.4cqw;padding:.9cqw}
.sd-i .ill{width:100%;height:auto;max-height:14cqw}
.sd-ic{display:inline-grid;place-items:center;width:3.2cqw;height:3.2cqw;border-radius:1cqw;background:var(--g);color:#fff;margin-bottom:.7cqw}
.sd-ic svg{width:1.6cqw;height:1.6cqw}
.sd-h h2.a{font-size:2.1cqw}.sd-h h2.e{font-size:1.4cqw;margin-bottom:.6cqw}
.sd-h p.a{font-size:1.05cqw}.sd-h p.e{font-size:.92cqw}
.sd-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.9cqw}
.sd-l li{display:flex;gap:1cqw;align-items:center;border:.1cqw solid var(--line);border-radius:1.3cqw;padding:.9cqw 1.2cqw}
.sd-l .n{flex:none;width:2.7cqw;height:2.7cqw;border-radius:.8cqw;background:#faf3e2;color:var(--gold);font:700 .9cqw var(--fe);display:grid;place-items:center}
.sd-l b.a{font:700 1.12cqw/1.4 var(--fa);color:var(--gd)}
.sd-l b.e{font:500 .92cqw/1.4 var(--fe);color:var(--g)}
.sd-l small.a{font-size:.88cqw;line-height:1.5;color:var(--mut);margin-top:.3cqw;display:block}
.sd-l small.e{font-size:.8cqw;line-height:1.45;color:var(--mut2)}
.sd-note{padding:1cqw 1.4cqw;border-radius:1.3cqw;background:#faf3e2;border-inline-start:.4cqw solid var(--gold)}
.sd-note .a{font-size:1cqw;color:#6b4f17}.sd-note .e{font-size:.88cqw;color:#8a6d34}
.sd2{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:2.4cqw}
.sd.cp{display:flex;flex-direction:column;gap:1cqw}
.sd.cp .sd-h{flex-direction:row;align-items:center;gap:1.4cqw;padding:1.3cqw}
.sd.cp .sd-i{flex:none;width:12cqw}
.sd.cp .sd-i .ill{max-height:10cqw}
.sd.cp .sd-h h2.a{font-size:1.85cqw}.sd.cp .sd-h h2.e{font-size:1.25cqw;margin-bottom:.4cqw}
.sd.cp .sd-h p.a{font-size:.95cqw;line-height:1.6}.sd.cp .sd-h p.e{font-size:.84cqw}
.sd.cp .sd-l{flex:1;grid-template-columns:1fr}
.sd-band{display:grid;grid-template-columns:20cqw 1fr 1fr 1fr;gap:2cqw;align-items:center;background:var(--gd);border-radius:1.8cqw;overflow:hidden;color:#fff}
.sd-band img{width:100%;height:10cqw;object-fit:cover}
.sd-band>div{padding-inline-end:1.2cqw}
.sd-band>div::before{content:"";display:block;width:2.4cqw;height:.22cqw;border-radius:1cqw;background:var(--goldg);margin-bottom:.6cqw}
.sd-band b.a{font:700 1.15cqw var(--fa);color:var(--gold2)}
.sd-band b.e{font:500 .92cqw var(--fe);color:#e8d39e}
.sd-band span.a{font-size:.9cqw;line-height:1.5;color:#cfe0d7;margin-top:.3cqw;display:block}
.sd-band span.e{font-size:.8cqw;line-height:1.45;color:#9dbcad}

/* clients */
.hd2 h2.e{margin-bottom:.4cqw}
.cgs{flex:1;min-height:0;display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:auto 1fr;gap:1.2cqw}
.cg{border:.1cqw solid var(--line);border-radius:1.6cqw;padding:1.2cqw 1.5cqw;min-height:0}
.cg h3{display:flex;align-items:center;gap:.9cqw;font-size:1.3cqw;margin-bottom:.4cqw}
.cg h3 small{font:500 .9cqw var(--fe);color:var(--g);margin-inline-start:.3cqw}
.cg h3 i{flex:none;width:2.8cqw;height:2.8cqw;border-radius:.85cqw;display:grid;place-items:center}
.cg h3 i svg{width:1.4cqw;height:1.4cqw}
.cg h3 em{margin-inline-start:auto;font-style:normal;font:600 .85cqw var(--fe);padding:.25cqw .85cqw;border-radius:2cqw;background:#f0f4f2;color:var(--mut)}
.cg-gov{grid-row:span 2}.cg-co{grid-row:span 2}
.cg-gov h3 i{background:#e2f1e9;color:var(--g)}.cg-co h3 i{background:#faf1dc;color:#8a6417}.cg-hos h3 i{background:#fcebe3;color:#a8431f}.cg-edu h3 i{background:#e9eef9;color:#2f5597}
.cg ul{list-style:none;margin:0;padding:0;display:grid}
.cg li{padding:.55cqw 0;border-bottom:.08cqw dashed var(--line)}
.cg li:last-child{border:0;padding-bottom:0}
.cg li b.a{font:600 1.02cqw/1.4 var(--fa);color:var(--gd)}
.cg li b.e{font:500 .84cqw/1.35 var(--fe);color:var(--g)}
.cg li>span{display:block;font-size:.78cqw;color:var(--mut2);margin-top:.1cqw}

/* official registration */
.hw2{flex:1;min-height:0;display:grid;grid-template-columns:1.3fr 1fr;gap:2cqw}
.offb{background:var(--sand);border-radius:1.8cqw;padding:2cqw 2.2cqw;display:flex;flex-direction:column}
.offb h2.a{font-size:2.2cqw}.offb h2.e{font-size:1.4cqw;margin-bottom:1.4cqw}
.ocs{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:1.1cqw}
.oc{background:#fff;border-radius:1.3cqw;padding:1.3cqw 1.5cqw;border-inline-start:.35cqw solid var(--gold);display:flex;flex-direction:column;justify-content:center}
.oc .a{font-size:1cqw;color:var(--mut)}
.oc .e{font-size:.85cqw;color:var(--mut2)}
.oc b{display:block;font:700 2.2cqw var(--fe);color:var(--gd);margin-top:.5cqw;letter-spacing:.03em;text-align:right}
.offb p.lg{margin-top:1.2cqw;font-size:.9cqw;color:var(--mut)}.offb p.lg.e{margin-top:.2cqw;font-size:.82cqw}
.hw-img{position:relative;border-radius:1.8cqw;overflow:hidden;min-height:0}
.hw-img img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.stamp-w{position:absolute;inset-inline-end:2cqw;top:50%;transform:translateY(-50%);width:12cqw}
.stamp-w .stamp{width:100%;height:auto;filter:drop-shadow(0 1cqw 1.6cqw rgba(0,0,0,.4))}

/* back cover */
.bk2{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.15fr;gap:3.6cqw;align-items:center}
.bk-t{display:flex;flex-direction:column;gap:.6cqw}
.back h2.a{color:#fff;font-size:3.4cqw;margin-top:.8cqw}
.back h2.e{color:var(--gold2);font-size:2cqw}
.back .lead.a{color:#e3efe9;margin-top:.8cqw}.back .lead.e{color:#9dbcad}
.qrs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5cqw}
.qr{background:#fff;color:var(--gd);border-radius:1.8cqw;padding:1.7cqw;display:grid;justify-items:center;gap:.25cqw;text-align:center}
.qri{width:100%;aspect-ratio:1;display:grid;place-items:center;margin-bottom:.8cqw}
.qri svg{width:100%;height:100%}
.qr b{font:700 1.15cqw var(--fa)}
.qr b.qe{font:500 .95cqw var(--fe);color:var(--g)}
.qr span{font:500 .85cqw var(--fe);color:var(--mut);margin-top:.2cqw}
.cts{display:grid;grid-template-columns:1fr 1fr;gap:1.1cqw;margin-top:1.4cqw}
.cts div{display:flex;align-items:center;gap:1cqw;font:500 1.1cqw var(--fa);color:#fff}
.cts small{display:block;font:400 .88cqw var(--fe);color:#9dbcad}
.cts i{flex:none;width:3.2cqw;height:3.2cqw;border-radius:1cqw;background:rgba(227,196,119,.14);color:var(--gold2);display:grid;place-items:center}
.cts i svg{width:1.6cqw;height:1.6cqw}
.cts span[dir=ltr]{text-align:right;font-family:var(--fe)}
.bk-end{display:flex;align-items:center;gap:1.8cqw;padding-top:1.6cqw;margin-bottom:2.4cqw;border-top:.1cqw solid rgba(255,255,255,.12)}
.bk-mk{height:5.6cqw;width:auto}
.bk-cl{height:auto;width:19cqw}
.bk-end>span{margin-inline-start:auto;font:300 1.5cqw var(--fa);color:var(--gold2);text-align:left}
.bk-end small{display:block;font:300 1.1cqw var(--fe);color:#a9c7b8}

@media (max-width:640px){.tb{padding-inline:12px;gap:8px}.tb-b span,.tb-t{display:none}.tb-a{margin-inline-start:auto}.tb-p span{font-size:13px}.doc{gap:14px;padding:12px 8px 40px}.pg{width:calc(100vw - 16px);border-radius:3px}}
@media (max-width:640px) and (orientation:portrait){.rot{display:block;margin:12px 12px 0;padding:10px 14px;border-radius:12px;background:#fff;color:var(--gd);font:500 13px/1.7 var(--fa);text-align:center;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)}}
@media (prefers-reduced-motion:reduce){.pg{opacity:1;transform:none;transition:none}}

/* print = A4 landscape PDF */
@page{size:A4 landscape;margin:0}
@media print{
 html,body{background:#fff}
 *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 .tb,.toast,.rot{display:none!important}
 .doc{display:block;padding:0}
 .pg{width:297mm;height:210mm;aspect-ratio:auto;box-shadow:none;border-radius:0;margin:0;opacity:1!important;transform:none!important;break-after:page;page-break-after:always}
 .pg:last-child{break-after:auto;page-break-after:auto}
}
/* larger type where the page has room */
.tc{justify-content:center;gap:1.2cqw}
.tc h2{font-size:2.8cqw}.tc-e h2{font-size:2.4cqw}
.tc p{font-size:1.32cqw;line-height:1.85}.tc .lead{font-size:1.45cqw}
.tc-e p{font-size:1.2cqw;line-height:1.75}.tc-e .lead{font-size:1.3cqw}
.vmc h3{font-size:2cqw}.vmc p.a{font-size:1.25cqw}.vmc p.e{font-size:1.08cqw}
.vc{justify-content:center;padding:1.8cqw}
.vc b.a{font-size:1.5cqw}.vc b.e{font-size:1.18cqw}
.vc .d.a{font-size:1.12cqw}.vc .d.e{font-size:1cqw}
.wy b.a{font-size:1.4cqw}.wy b.e{font-size:1.1cqw}.wy .d.a{font-size:1.05cqw}.wy .d.e{font-size:.95cqw}
.hs b.a{font-size:1.4cqw}.hs b.e{font-size:1.1cqw}.hs .d.a{font-size:1.05cqw;max-width:22cqw}.hs .d.e{font-size:.95cqw;max-width:22cqw}
.hs-n{width:6.6cqw;height:6.6cqw}.hs-n i svg{width:2.7cqw;height:2.7cqw}
.hws::before{top:calc(50% - 6.6cqw)}
.sc h3.a{font-size:1.7cqw}.sc h3.e{font-size:1.25cqw}.sc p.a{font-size:1.15cqw}.sc p.e{font-size:1cqw}
.sc-i .ill{height:14cqw}
.sd-l b.a{font-size:1.22cqw}.sd-l b.e{font-size:1cqw}.sd-l small.a{font-size:.95cqw}.sd-l small.e{font-size:.86cqw}
.sd-h p.a{font-size:1.15cqw}.sd-h p.e{font-size:1cqw}
/* PDF capture: fixed A4 width (1123 px = 297 mm), still, gold text as solid colour */
.cap .pg{width:1123px!important;transition:none!important;opacity:1!important;transform:none!important;box-shadow:none;border-radius:0}
.cap .pg *{animation-play-state:paused!important}
#pdfo{position:fixed;inset:0;z-index:50;display:none;place-items:center;background:rgba(10,30,22,.82);backdrop-filter:blur(4px)}
#pdfo.on{display:grid}
.pdfo-c{display:grid;justify-items:center;gap:12px;background:#fff;color:#0e2e22;padding:28px 34px;border-radius:20px;min-width:260px;font:600 15px var(--fa)}
.pdfo-s{width:40px;height:40px;border-radius:50%;border:4px solid #e2f1e9;border-top-color:#007549;animation:pspin 1s linear infinite}
.pdfo-c i{display:block;width:200px;height:6px;border-radius:9px;background:#eef2ef;overflow:hidden}
.pdfo-c em{display:block;height:100%;width:0;background:linear-gradient(90deg,#007549,#c99b3e);transition:width .3s}
.pdfo-c small{font:500 12px var(--fe);color:#5d6b64}
@keyframes pspin{to{transform:rotate(360deg)}}
/* five services in the overview */
.scs{grid-template-columns:repeat(5,1fr);gap:1.2cqw}
.sc-i .ill{height:11cqw}
.sc-b{padding:1.2cqw 1.3cqw 1.4cqw}
.sc h3.a{font-size:1.4cqw}.sc h3.e{font-size:1.05cqw}.sc p.a{font-size:.98cqw}.sc p.e{font-size:.86cqw}
.sc:first-child{background:linear-gradient(160deg,#0e2e22,#12382a);border-color:transparent}
.sc:first-child .sc-i{background:radial-gradient(circle at 50% 60%,rgba(127,224,178,.18),transparent 70%)}
.sc:first-child h3.a{color:#fff}.sc:first-child h3.e{color:var(--gold2)}.sc:first-child p.a{color:#cfe0d7}.sc:first-child p.e{color:#9dbcad}

/* digital solutions page */
.dpg{background:linear-gradient(160deg,#0b241b,#0e2e22 45%,#0b3a29);color:#fff}
.dp-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dp-bg .orb.o1{width:55cqw;height:55cqw;background:radial-gradient(circle,rgba(10,138,88,.45),transparent 65%);top:-22cqw;inset-inline-start:-14cqw}
.dp-bg .orb.o2{width:45cqw;height:45cqw;background:radial-gradient(circle,rgba(201,155,62,.28),transparent 65%);bottom:-22cqw;inset-inline-end:-10cqw}
.dp-bg .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) .08cqw,transparent .08cqw),linear-gradient(90deg,rgba(255,255,255,.05) .08cqw,transparent .08cqw);background-size:3.6cqw 3.6cqw;-webkit-mask-image:radial-gradient(ellipse at 30% 45%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 30% 45%,#000 10%,transparent 70%)}
.dpg>*:not(.dp-bg){position:relative;z-index:1}
.dp{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.02fr;gap:2.6cqw;align-items:center}
.dp-t{display:flex;flex-direction:column;gap:.5cqw}
.dpg h2.a{color:#fff;font-size:2.4cqw;line-height:1.35}
.dpg h2.e{color:#cfe0d7;font-size:1.45cqw;font-weight:500;margin-bottom:.4cqw}
.dpg .gt{background:linear-gradient(110deg,#c99b3e,#f7e096 35%,#deb75c 60%,#c99b3e);-webkit-background-clip:text;background-clip:text;color:transparent}
.dpg .lead.a{color:#e3efe9;font-size:1.02cqw;line-height:1.75}.dpg .lead.e{color:#9dbcad;font-size:.9cqw;line-height:1.6}
.dpfs{display:grid;grid-template-columns:1fr 1fr;gap:.8cqw;margin-top:.9cqw}
.dpf{display:flex;gap:.9cqw;align-items:flex-start;padding:1cqw 1.1cqw;border-radius:1.2cqw;background:rgba(255,255,255,.05);border:.08cqw solid rgba(255,255,255,.1)}
.dpf i{flex:none;width:2.8cqw;height:2.8cqw;border-radius:.9cqw;display:grid;place-items:center;background:linear-gradient(135deg,rgba(127,224,178,.2),rgba(227,196,119,.18));color:var(--gold2)}
.dpf i svg{width:1.45cqw;height:1.45cqw}
.dpf b.a{font:600 1.05cqw var(--fa);color:#fff}.dpf b.e{font:500 .85cqw var(--fe);color:var(--gold2)}
.dpf .d.a{font-size:.82cqw;color:#a9c7b8;margin-top:.2cqw;line-height:1.5}.dpf .d.e{font-size:.74cqw;color:#7fa290;line-height:1.45}
.dp-live{display:flex;align-items:center;gap:.8cqw;margin-top:1cqw}
.dp-live i{flex:none;width:.8cqw;height:.8cqw;border-radius:50%;background:#7fe0b2;box-shadow:0 0 0 .4cqw rgba(127,224,178,.2)}
.dp-live .a{font-size:.95cqw;color:var(--gold2)}.dp-live .e{font-size:.82cqw;color:#c9b27a}
.dp-art{display:flex;flex-direction:column;gap:1.2cqw}
.dp-art .dgm{font-size:1.18cqw;padding:1.6em 1.2em 3em}
.dp-dom{display:flex;align-items:center;justify-content:center;gap:1.2cqw;flex-wrap:wrap}
.dp-dom span{color:var(--gold2);display:grid}.dp-dom span svg{width:1.6cqw;height:1.6cqw}
.dp-dom b{font:500 .95cqw var(--fe);color:#cfe0d7;padding:.45cqw 1.1cqw;border-radius:2cqw;background:rgba(255,255,255,.06);border:.08cqw solid rgba(255,255,255,.12)}
.dp-dom em{font-style:normal;color:var(--gold2)}
.cap .dgm *{animation:none!important}
.dpg h2.a{font-size:2.05cqw}.dpg h2.e{font-size:1.25cqw}
.dpg .lead.a{font-size:.95cqw;line-height:1.65}.dpg .lead.e{font-size:.82cqw;line-height:1.5}
.dpf{padding:.75cqw .95cqw}.dpfs{gap:.65cqw;margin-top:.6cqw}
.dp-live{margin-top:.7cqw}.dp-live .a,.dp-live .e{display:inline}.dp-live .e{margin-inline-start:.6cqw}
/* PDF capture: border-image is drawn as a filled box by the capture, use a plain gold border instead */
.cap .cv-t{border-image:none;border-inline-start:.4cqw solid #d9b25a}
/* clients: government list in two columns so the whole page fits */
.cgs{grid-template-columns:1fr 1fr 1.05fr;grid-template-rows:auto 1fr}
.cg-gov{grid-column:1/3;grid-row:1}
.cg-gov ul{grid-template-columns:1fr 1fr;column-gap:2.2cqw}
.cg-gov li:nth-last-child(2){border-bottom:0;padding-bottom:0}
.cg-co{grid-column:3;grid-row:1/3}
.cg-hos{grid-column:1;grid-row:2}.cg-edu{grid-column:2;grid-row:2}
.cg li>span{font-size:.84cqw;letter-spacing:0}
/* brochure link + QR on the digital solutions page, and a 4th QR on the back cover */
.dp-br{display:flex;align-items:center;gap:1.4cqw;padding:1.1cqw 1.4cqw;border-radius:1.4cqw;background:rgba(255,255,255,.06);border:.1cqw solid rgba(227,196,119,.45);text-decoration:none;color:#fff;margin-top:.4cqw}
.dp-br .qri{flex:none;width:8cqw;padding:.6cqw;background:#fff;border-radius:.9cqw;margin:0}
.dp-bt{display:flex;flex-direction:column;gap:.15cqw}
.dp-bt b{font:700 1.25cqw var(--fa);color:var(--gold2)}.dp-bt b.e{font:500 .95cqw var(--fe);color:#e8d39e}
.dp-bt small{font-size:.85cqw;line-height:1.5;color:#cfe0d7;margin-top:.25cqw}.dp-bt small.e{font-size:.76cqw;color:#9dbcad;margin-top:0}
.dp-bt u{text-decoration:none;font:600 .9cqw var(--fe);color:#7fe0b2;margin-top:.3cqw;text-align:right}
.qrs{grid-template-columns:repeat(4,1fr);gap:1.1cqw}
.qr{padding:1.3cqw}
.qr b{font-size:1.02cqw}.qr b.qe{font-size:.85cqw}.qr span{font-size:.76cqw}
/* phones must not turn numbers into blue links; contents keep English titles on one line */
a[href^="tel"],a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important}
.toc li em{white-space:nowrap}