.onb-page{--petrol:#003D44;
  --petrol-90:#0E4A50;
  --petrol-80:#1E565C;
  --forest:#48822A;
  --lime:#C1FA00;
  --c-gig:#48822A; --c-afico:#ED1C24; --c-srw:#FEB600; --c-bcoms:#002475;
  --white:#FFFFFF;
  --neutral:#F4F6F6;
  --line:#DCE3E3;
  --ink:#12292C;
  --muted:#4A6165;
  --radius:14px;
  --shadow:0 6px 22px rgba(0,61,68,.10);
  --font-latin:"IBM Plex Sans","Segoe UI",Tahoma,Arial,sans-serif;
  --font-ar:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
  --font-ur:"Noto Nastaliq Urdu","IBM Plex Sans Arabic",Tahoma,sans-serif;}
.onb-page, .onb-page *, .onb-page *::before, .onb-page *::after{box-sizing:border-box}
.onb-page{scroll-behavior:smooth}
.onb-page{margin:0;
  font-family:var(--font-latin);
  color:var(--ink);
  background:var(--white);
  font-size:16px;   
  line-height:1.65;
  -webkit-text-size-adjust:100%;}
.onb-page[lang="ar"]{font-family:var(--font-ar);line-height:1.9}
.onb-page[lang="ur"]{font-family:var(--font-ur);font-size:17.5px;line-height:2.15}
.onb-page h1,.onb-page h2,.onb-page h3{line-height:1.25;margin:0 0 .5em;color:var(--petrol);font-weight:700}
.onb-page[lang="ar"] h1,.onb-page[lang="ar"] h2,.onb-page[lang="ar"] h3{line-height:1.5}
.onb-page[lang="ur"] h1,.onb-page[lang="ur"] h2,.onb-page[lang="ur"] h3{line-height:1.9;padding-block:.15em}
.onb-page h2{font-size:clamp(1.5rem,3.4vw,2.05rem)}
.onb-page h3{font-size:1.08rem}
.onb-page p{margin:0 0 1em}
.onb-page a{color:var(--petrol)}
.onb-page img,.onb-page svg{vertical-align:middle}
.onb-page button{font:inherit;cursor:pointer}
.onb-page .container{max-width:1080px;margin-inline:auto;padding-inline:20px}
.onb-page section{padding-block:60px}
@media (min-width:768px){
.onb-page section{padding-block:80px}
}
.onb-page .alt{background:var(--neutral)}
.onb-page .dark{background:var(--petrol);color:#EAF2F2}
.onb-page .dark h2,.onb-page .dark h3{color:var(--white)}
.onb-page .dark p{color:#D7E4E4}
.onb-page .lead{font-size:1.06rem;max-width:62ch}
.onb-page :focus-visible{outline:3px solid var(--petrol);outline-offset:2px;border-radius:4px}
.onb-page .dark :focus-visible{outline-color:var(--lime)}
.onb-page .ltr{direction:ltr;unicode-bidi:isolate}
.onb-page mark.cf{background:var(--lime);color:var(--petrol);font-weight:600;
  padding:0 .35em;border-radius:5px;font-size:.86em;
  direction:ltr;unicode-bidi:isolate;white-space:nowrap;
  font-family:var(--font-latin);}
.onb-page .layers{display:flex;flex-direction:column;gap:3px;margin:0 0 14px}
.onb-page .layers i{display:block;height:4px;border-radius:2px}
.onb-page .layers i:nth-child(1){width:56px;background:var(--petrol)}
.onb-page .layers i:nth-child(2){width:36px;background:var(--forest)}
.onb-page .layers i:nth-child(3){width:20px;background:var(--lime)}
.onb-page .dark .layers i:nth-child(1){background:rgba(255,255,255,.55)}
.onb-page .langs{display:flex;background:var(--neutral);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}
.onb-page .lang-btn{border:0;background:transparent;color:var(--petrol);border-radius:999px;
  padding:7px 11px;font-size:.85rem;font-weight:600;min-height:34px;}
.onb-page .lang-btn[aria-pressed="true"]{background:var(--petrol);color:var(--white)}
.onb-page .lang-btn[data-lang="ar"]{font-family:var(--font-ar)}
.onb-page .lang-btn[data-lang="ur"]{font-family:var(--font-ur);line-height:1}
.onb-page .ringwrap{display:flex;align-items:center;gap:7px;background:var(--petrol);
  border-radius:999px;padding:4px 12px 4px 5px;min-height:38px;}
.onb-page[dir="rtl"] .ringwrap{padding:4px 5px 4px 12px}
.onb-page .ringwrap svg{display:block}
.onb-page .ring-track{stroke:rgba(255,255,255,.22)}
.onb-page .ring-fill{stroke:var(--lime);transition:stroke-dashoffset .4s ease}
.onb-page .ring-pct{color:var(--white);font-size:.8rem;font-weight:700;font-family:var(--font-latin);min-width:34px;text-align:center}
.onb-page .hero{position:relative;overflow:hidden;
  background:radial-gradient(720px 360px at 12% -10%, rgba(193,250,0,.06), transparent 60%),
             linear-gradient(135deg,#06474F 0%,#003D44 55%,#032F35 100%);
  color:var(--white);padding-block:36px 42px;}
.onb-page .hero .kicker{color:var(--lime);font-weight:700;letter-spacing:.14em;font-size:.78rem;
  text-transform:uppercase;margin-bottom:10px;
  font-family:var(--font-latin);}
.onb-page[lang="ar"] .hero .kicker,.onb-page[lang="ur"] .hero .kicker{letter-spacing:0;font-family:inherit;text-transform:none;font-size:.9rem}
.onb-page .hero .hero-h{color:var(--white);font-size:clamp(1.45rem,2.6vw,2rem);font-weight:700;line-height:1.25;max-width:28ch}
.onb-page .hero p{color:#BFD8D8;font-size:.92rem;max-width:60ch;margin-block-start:6px}
.onb-page .hero .tagline{color:var(--lime);font-weight:700;font-style:italic;font-size:1.05rem;margin-top:2px}
.onb-page .hero-lines{position:absolute;inset-inline-start:0;inset-block-end:0;width:52%;max-width:640px;height:auto;opacity:.9;pointer-events:none}
.onb-page[dir="rtl"] .hero-lines{inset-inline-start:auto;inset-inline-end:0;transform:scaleX(-1)}
@media (max-width:640px){
.onb-page .hero-lines{width:78%;opacity:.55}
}
.onb-page .btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  border-radius:999px;padding:14px 26px;font-weight:700;border:0;
  min-height:48px;font-size:1rem;}
.onb-page .btn-lime{background:var(--lime);color:var(--petrol)}
.onb-page .btn-lime:hover{filter:brightness(.95)}
.onb-page .btn .arrow{transition:transform .2s ease}
.onb-page .btn:hover .arrow{transform:translateX(3px)}
.onb-page[dir="rtl"] .btn .arrow{transform:scaleX(-1)}
.onb-page[dir="rtl"] .btn:hover .arrow{transform:scaleX(-1) translateX(3px)}
.onb-page .grid3{display:grid;gap:16px}
@media (min-width:768px){
.onb-page .grid3{grid-template-columns:repeat(3,1fr)}
}
.onb-page .grid2{display:grid;gap:16px}
@media (min-width:860px){
.onb-page .grid2{grid-template-columns:1fr 1fr}
}
.onb-page .grid4{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media (min-width:640px){
.onb-page .grid4{grid-template-columns:repeat(4,1fr)}
}
.onb-page .value-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}
.onb-page .alt .value-card{box-shadow:none}
.onb-page .value-card .letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
  border-radius:8px;background:var(--petrol);color:var(--lime);font-weight:700;font-size:.9rem;
  margin-bottom:8px;font-family:var(--font-latin);}
.onb-page .value-card b{display:block;color:var(--petrol);margin-bottom:3px}
.onb-page .value-card p{margin:0;font-size:.86rem;color:var(--muted)}
.onb-page .sub-card{display:flex;flex-direction:column;gap:8px}
.onb-page .sub-card .tag{font-size:.78rem;font-weight:700;color:var(--forest);letter-spacing:.04em}
.onb-page[lang="ar"] .sub-card .tag,.onb-page[lang="ur"] .sub-card .tag{letter-spacing:0}
.onb-page .sub-card p{margin:0;color:var(--muted);font-size:.94rem}
.onb-page .sub-card .sub-logo{height:38px;width:auto;max-width:min(190px,72%);object-fit:contain;object-position:left center;display:block;margin-block:4px 2px}
.onb-page .sub-card .sub-logo[alt*="SRW"]{height:76px;max-width:min(200px,80%)}
.onb-page[dir="rtl"] .sub-card .sub-logo{object-position:right center;margin-inline-start:auto}
.onb-page .sub-card h3.sub-name{margin:0}
.onb-page .card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow);}
.onb-page .alt .card{box-shadow:none}
.onb-page .card h3{display:flex;align-items:center;gap:10px}
.onb-page .icn{flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(72,130,42,.12);color:var(--forest);}
.onb-page .icn svg{width:18px;height:18px}
.onb-page .values-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.onb-page .values-list li{background:var(--neutral);border:1px solid var(--line);border-radius:999px;
  padding:6px 14px;font-size:.9rem;font-weight:600;color:var(--petrol);}
.onb-page .contact-card{background:var(--petrol);color:#E6F0F0;border-radius:var(--radius);
  padding:26px;display:grid;gap:14px;}
@media (min-width:768px){
.onb-page .contact-card{grid-template-columns:1fr 1fr}
}
.onb-page .contact-item{display:flex;gap:12px;align-items:flex-start}
.onb-page .contact-item .icn{background:rgba(193,250,0,.14);color:var(--lime)}
.onb-page .contact-item b{display:block;color:var(--white);font-size:.86rem;margin-bottom:2px}
.onb-page .contact-item span{font-size:.95rem}
.onb-page .acc{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden}
.onb-page .acc + .acc{margin-top:10px}
.onb-page .acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:transparent;border:0;padding:16px 18px;min-height:56px;
  font-weight:700;color:var(--petrol);text-align:start;font-size:1rem;}
.onb-page .acc-btn .chev{flex:0 0 auto;transition:transform .25s ease;color:var(--forest)}
.onb-page .acc.open .acc-btn .chev{transform:rotate(180deg)}
.onb-page .acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.onb-page .acc-panel>div{overflow:hidden}
.onb-page .acc-panel p{padding:0 18px 16px;margin:0;color:var(--muted)}
.onb-page[lang="ur"] .acc-btn{line-height:1.9}
.onb-page .rr-col{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.onb-page .rr-col.alt2{background:var(--neutral)}
.onb-page .rr-item{display:flex;gap:12px;align-items:flex-start;padding-block:10px}
.onb-page .rr-item + .rr-item{border-top:1px solid var(--line)}
.onb-page .rr-item b{display:block;color:var(--petrol)}
.onb-page .rr-item p{margin:0;color:var(--muted);font-size:.94rem}
.onb-page .ess-box{display:grid;gap:22px;align-items:start}
@media (min-width:860px){
.onb-page .ess-box{grid-template-columns:1.2fr .8fr}
}
.onb-page .ess-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.onb-page .ess-list li{display:flex;gap:10px;align-items:flex-start}
.onb-page .ess-list .icn{width:28px;height:28px}
.onb-page .ess-list .icn svg{width:15px;height:15px}
.onb-page .ess-cta{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center}
.onb-page .note{display:block;margin-top:2px;font-size:.83rem;color:var(--muted)}
.onb-page .gov-card{display:flex;flex-direction:column;gap:8px}
.onb-page .gov-card .tag{font-size:.78rem;font-weight:700;color:var(--forest);letter-spacing:.06em;text-transform:uppercase}
.onb-page[lang="ar"] .gov-card .tag,.onb-page[lang="ur"] .gov-card .tag{letter-spacing:0;text-transform:none}
.onb-page .gov-card p{margin:0;color:var(--muted);font-size:.95rem}
.onb-page .gov-card .todo{background:var(--neutral);border-radius:10px;padding:10px 12px;font-size:.92rem;color:var(--ink)}
.onb-page .gov-card a.site{margin-top:auto;font-weight:700;color:var(--petrol);text-decoration:none;display:inline-flex;gap:6px;align-items:center;min-height:44px}
.onb-page .gov-card a.site:hover{text-decoration:underline}
.onb-page .gov-note{margin-top:18px;color:var(--muted);font-size:.95rem}
.onb-page .chk-head{display:flex;flex-wrap:wrap;gap:14px;align-items:end;justify-content:space-between;margin-bottom:18px}
.onb-page .progress-out{flex:1 1 260px}
.onb-page .bar{height:14px;background:var(--petrol);border-radius:999px;overflow:hidden;position:relative}
.onb-page .bar > i{position:absolute;inset-block:0;inset-inline-start:0;width:0%;
  background:var(--lime);border-radius:999px;transition:width .35s ease;display:block;}
.onb-page .count{font-weight:700;color:var(--petrol);margin-top:8px;display:block;font-size:.95rem}
.onb-page .chk-group{margin-top:26px}
.onb-page .chk-group h3{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.onb-page .chk-group h3 .gnum{width:30px;height:30px;border-radius:50%;background:var(--petrol);color:var(--lime);
  display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;
  font-family:var(--font-latin);flex:0 0 auto;}
.onb-page .chk-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.onb-page .chk-item label{display:flex;gap:12px;align-items:flex-start;background:var(--white);
  border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:52px;cursor:pointer;}
.onb-page .chk-item input{position:absolute;opacity:0;width:1px;height:1px}
.onb-page .box{flex:0 0 auto;width:26px;height:26px;border-radius:8px;border:2px solid var(--petrol);
  display:inline-flex;align-items:center;justify-content:center;color:transparent;
  background:var(--white);margin-top:1px;transition:background .15s ease;}
.onb-page .chk-item input:checked ~ .box{background:var(--forest);border-color:var(--forest);color:var(--white)}
.onb-page .chk-item input:focus-visible ~ .box{outline:3px solid var(--petrol);outline-offset:2px}
.onb-page .chk-item .txt{flex:1}
.onb-page .chk-item input:checked ~ .txt{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(74,97,101,.5)}
.onb-page[lang="ur"] .chk-item input:checked ~ .txt{text-decoration:none;opacity:.62}
.onb-page .done-msg{display:none;margin-top:22px;background:rgba(72,130,42,.1);border:1px solid var(--forest);
  border-radius:var(--radius);padding:18px 20px;align-items:flex-start;gap:12px;}
.onb-page .done-msg.show{display:flex}
.onb-page .done-msg .icn{background:var(--forest);color:var(--white)}
.onb-page .done-msg b{color:var(--forest)}
.onb-page .done-msg p{margin:4px 0 0;color:var(--ink)}
.onb-page .reset{background:none;border:0;color:var(--muted);text-decoration:underline;
  font-size:.88rem;padding:10px 0;min-height:44px;margin-top:10px;}
.onb-page .reset:hover{color:var(--petrol)}
.onb-page .closing{text-align:start}
.onb-page .closing .contact-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.onb-page .chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 16px;
  color:#E6F0F0;font-size:.92rem;min-height:44px;}
.onb-page .chip svg{color:var(--lime);width:16px;height:16px}
.onb-page .rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.onb-page .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.onb-page{scroll-behavior:auto}
.onb-page .rv{opacity:1;transform:none;transition:none}
.onb-page .bar>i,.onb-page .ring-fill,.onb-page .acc-panel,.onb-page .acc-btn .chev,.onb-page .btn .arrow{transition:none}
}
@media (max-width:520px){
.onb-page .hero{padding-block:56px 64px}
}
.onb-page #ccOnbSummary{display:none;}
html[data-design="cmdcenter"] .onb-page #ccOnbSummary{display:block; max-width:1280px; margin:0 auto; padding:28px 28px 0;}
.onb-page #ccOnbSummary .ccob-grid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px;}
@media (max-width:900px){
.onb-page #ccOnbSummary .ccob-grid{grid-template-columns:1fr;}
}
.onb-page #ccOnbSummary .ccob-card{background:#0E4A52; border:1px solid rgba(255,255,255,.18); border-radius:12px; padding:22px;}
.onb-page #ccOnbSummary .ccob-num{color:#C1FA00; font-weight:700; font-size:24px;}
.onb-page #ccOnbSummary h3{color:#fff; font-size:17px; font-weight:500; margin:6px 0 2px;}
.onb-page #ccOnbSummary .ccob-note{color:rgba(255,255,255,.55); font-size:12px; margin-bottom:16px;}
.onb-page #ccOnbSummary .ccob-item{display:flex; gap:10px; margin-bottom:12px;}
.onb-page #ccOnbSummary .ccob-item svg{color:#C1FA00; flex:0 0 auto; margin-top:2px;}
.onb-page #ccOnbSummary .ccob-item b{display:block; color:#fff; font-size:14px; font-weight:500; line-height:1.3;}
.onb-page #ccOnbSummary .ccob-item small{color:rgba(255,255,255,.6); font-size:12px; line-height:1.45;}
.onb-page #ccOnbSummary .ccob-strip{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; background:#0E4A52; border:1px solid rgba(255,255,255,.18); border-radius:12px; padding:20px 24px; margin-top:14px;}
.onb-page #ccOnbSummary .ccob-strip b{display:block; color:#fff; font-size:15px; font-weight:500;}
.onb-page #ccOnbSummary .ccob-strip small{color:rgba(255,255,255,.6); font-size:13px;}
.onb-page #ccOnbSummary .ccob-cta{background:#C1FA00; color:#003D44; border-radius:8px; padding:12px 22px; font-weight:600; font-size:13px; text-decoration:none;}
.onb-page #ccOnbSummary .ccob-cta:hover{background:#48822A; color:#fff; text-decoration:none;}