/* Noor Ul Quran Trust — site styles. Ported from the approved prototype; adapter rules for WordPress blocks at the end. */
/* Layout concept: ivory editorial site, forest bands woven with the gold khatam, arch-framed imagery; emerald is the single action colour. Light theme by design (brand book). */
:root{
  color-scheme: light;
  --brand-bronze:#6a491c; --brand-teal-deep:#055e62; --brand-teal:#30959d; --brand-ornament:#bcd4d5;
  --emerald-900:#08463a; --emerald-800:#0b5d47; --emerald-100:#e3f0ea; --forest-900:#173b2d; --forest-950:#10291f;
  --ivory-50:#faf6ee; --ivory-100:#f3ecdd; --white:#ffffff;
  --gold-400:#c9a96a; --gold-700:#7a5c22;
  --gray-900:#1e2522; --gray-700:#4b5651; --gray-500:#6b7570; --gray-300:#cfd5d1; --gray-100:#eef1ee;
  --success:#1e6b3c; --warning:#8a5a00; --danger:#a8322b; --info:#055e62; --on-primary:#ffffff; --focus-ring:#0b5d47;
  --chart-1:#12855f; --chart-2:#d08c1f; --chart-3:#2b8fb8;
  --font-display:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --font-sans:"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-arabic:"Noto Sans Arabic","Noto Naskh Arabic","Segoe UI",sans-serif;
  --font-urdu:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Noto Sans Arabic",serif;
  --f-body:var(--font-sans); --f-head:var(--font-display);
  --radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-arch:200px;--radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(23,59,45,.08); --shadow-md:0 8px 24px rgba(23,59,45,.10); --shadow-lg:0 24px 60px rgba(23,59,45,.16);
  --ease:cubic-bezier(.2,.7,.2,1);
  --tile-gold:url("../img/pattern/nuq-khatam-tile-gold.svg"); --orn-gold:url("../img/pattern/nuq-border-ornament-gold.svg"); --orn-teal:url("../img/pattern/nuq-border-ornament.svg"); --tile-teal:url("../img/pattern/nuq-khatam-tile-teal.svg");
}
html[lang|="ur"]{--f-body:var(--font-urdu);--f-head:var(--font-urdu)}
html[lang|="ar"]{--f-body:var(--font-arabic);--f-head:var(--font-arabic)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--ivory-50);color:var(--gray-900);font:400 16px/1.65 var(--f-body);-webkit-font-smoothing:antialiased}
html[lang|="ur"] body{font-size:16.5px;line-height:2.2}
html[lang|="ar"] body{font-size:17px;line-height:1.8}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:90;background:var(--forest-950)}
a{color:var(--emerald-800)}
img,svg{max-width:100%}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.wrap{max-width:1240px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.narrow{max-width:820px}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--forest-900);text-wrap:balance;margin:0;font-weight:600}
html[dir="rtl"] :is(h1,h2,h3,h4){font-weight:700}
h1{font-size:clamp(34px,5.2vw,60px);line-height:1.06;letter-spacing:-.015em}
h2{font-size:clamp(27px,3.4vw,40px);line-height:1.15;letter-spacing:-.01em}
h3{font-size:21px;line-height:1.35;font-weight:500}
h4{font-size:17px;line-height:1.4}
html[lang|="ur"] h1{line-height:1.9;font-size:clamp(30px,4.4vw,48px);letter-spacing:0} html[lang|="ur"] h2{line-height:2;font-size:clamp(24px,3vw,32px);letter-spacing:0} html[lang|="ur"] :is(h3,h4){line-height:2}
html[lang|="ar"] h1{line-height:1.45;letter-spacing:0} html[lang|="ar"] h2{line-height:1.55;letter-spacing:0}
p{margin:0}
.lead{font-size:18.5px;line-height:1.7;color:var(--gray-700);max-width:64ch}
html[lang|="ur"] .lead{font-size:17.5px;line-height:2.3}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 13px/18px var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-700)}
.eyebrow::before{content:"";inline-size:22px;block-size:1.5px;background:currentColor}
html[dir="rtl"] .eyebrow{letter-spacing:0;font-family:inherit;font-size:14px;line-height:2}
.muted{color:var(--gray-700)} .small{font-size:14px;line-height:1.6} html[lang|="ur"] .small{line-height:2.1}
.xs{font-size:12.5px;line-height:1.5}
.ltr{direction:ltr;unicode-bidi:isolate}
.num{font-variant-numeric:tabular-nums}
section{padding-block:clamp(56px,8vw,104px)}
.bg-ivory2{background:var(--ivory-100)} .bg-white{background:var(--white)}
.sec-head{display:grid;gap:14px;margin-block-end:clamp(28px,4vw,48px);max-width:760px}
.sec-head.center{margin-inline:auto;text-align:center;justify-items:center}
.sec-row{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-block-end:clamp(28px,4vw,48px)}
.sec-row .sec-head{margin:0}
.ico{inline-size:1.15em;block-size:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
.flip-rtl{transition:transform 200ms var(--ease)} html[dir="rtl"] .flip-rtl{transform:scaleX(-1)}
.sample-pill{display:inline-flex;gap:6px;align-items:center;padding:1px 8px;border-radius:var(--radius-pill);background:#fbf1dc;color:#6b4700;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}

/* Utility bar */
.util{background:var(--forest-950);color:#cfdad4;font-size:13px;line-height:20px}
.util .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:40px;flex-wrap:wrap;padding-block:6px}
.util a{color:#cfdad4;text-decoration:none;display:inline-flex;gap:6px;align-items:center} .util a:hover{color:var(--white)}
.util .grp{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.util .proto{color:var(--gold-400);font-weight:600}
@media (max-width:760px){.util .hide-sm{display:none}}

/* Header */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:90;background:var(--white);border-block-end:1px solid var(--gray-300);transition:box-shadow 260ms var(--ease)}
header.site.scrolled{box-shadow:var(--shadow-md)}
.hdr{display:flex;align-items:center;gap:20px;min-height:80px;transition:min-height 260ms var(--ease)}
header.site.scrolled .hdr{min-height:68px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.brand .sym{height:54px;width:auto;transition:height 260ms var(--ease)} header.site.scrolled .brand .sym{height:46px}
.brand .wm{height:30px;width:auto} .brand .wm-ur{height:44px}
.mnav{display:flex;align-items:center;gap:2px;margin-inline-start:auto}
.mnav>.it{position:relative}
.mnav>.it>a,.mnav>.it>button{display:inline-flex;align-items:center;gap:4px;padding:10px 11px;border:0;background:none;border-radius:var(--radius-sm);color:var(--forest-900);text-decoration:none;font:600 14.5px/1.2 var(--f-body);cursor:pointer;white-space:nowrap;transition:color 180ms var(--ease),background-color 180ms var(--ease)}
html[lang|="ur"] .mnav>.it>a,html[lang|="ur"] .mnav>.it>button{font-weight:400;font-size:15px;line-height:2}
.mnav>.it>a:hover,.mnav>.it>button:hover,.mnav>.it.open>button{background:var(--emerald-100);color:var(--emerald-800)}
.mnav>.it>[aria-current="page"],.mnav>.it.cur>button{color:var(--emerald-800)}
.mnav .chev{inline-size:14px;block-size:14px;transition:transform 220ms var(--ease)} .mnav .it.open .chev{transform:rotate(180deg)}
.mega{position:absolute;inset-block-start:calc(100% + 10px);inset-inline-start:-12px;min-inline-size:520px;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 200ms var(--ease),transform 220ms var(--ease),visibility 0s 220ms}
.mega.one{grid-template-columns:1fr;min-inline-size:320px}
.it.open .mega{opacity:1;visibility:visible;transform:none;transition:opacity 200ms var(--ease),transform 220ms var(--ease)}
.mega a{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--radius-md);text-decoration:none;color:var(--gray-900);transition:background-color 160ms var(--ease)}
.mega a:hover{background:var(--ivory-50)}
.mega .mi{inline-size:40px;block-size:40px;border-radius:10px;display:grid;place-items:center;background:var(--emerald-100);color:var(--emerald-800);flex:none;transition:transform 220ms var(--ease)}
.mega a:hover .mi{transform:rotate(-6deg) scale(1.06)}
.mega b{display:block;color:var(--forest-900);font-size:14.5px;line-height:1.35}
.mega span.d{display:block;font-size:12.5px;line-height:1.45;color:var(--gray-700)}
.mega .feat{grid-column:1/-1;margin-block-start:6px;padding:14px;border-radius:var(--radius-md);background:var(--forest-900);color:var(--ivory-50);display:flex;justify-content:space-between;align-items:center;gap:12px;background-image:var(--tile-gold);background-size:90px;background-blend-mode:soft-light}
.mega .feat b{color:var(--ivory-50)} .mega .feat:hover{background-color:var(--emerald-900)}
.hdr-act{display:flex;align-items:center;gap:10px;flex:none}
.icon-btn{inline-size:44px;block-size:44px;display:inline-grid;place-items:center;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--forest-900);cursor:pointer;transition:all 180ms var(--ease);text-decoration:none}
.icon-btn:hover{border-color:var(--emerald-800);color:var(--emerald-800);transform:translateY(-1px)}
.burger{display:none}
@media (max-width:1260px){
  .mnav{position:fixed;inset:calc(env(safe-area-inset-top,0px) + 80px) 0 0 0;z-index:79;flex-direction:column;align-items:stretch;gap:0;background:var(--white);padding:12px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px));overflow:auto;opacity:0;transform:translateY(-12px);transition:opacity 260ms var(--ease),transform 300ms var(--ease),visibility 0s 300ms;visibility:hidden}
  .mnav.open{opacity:1;transform:none;visibility:visible;transition:opacity 260ms var(--ease),transform 300ms var(--ease)}
  .mnav>.it>a,.mnav>.it>button{inline-size:100%;justify-content:space-between;padding:14px 8px;font-size:17px;border-block-end:1px solid var(--gray-100);border-radius:0}
  .mega{position:static;min-inline-size:0;box-shadow:none;border:0;padding:4px 0 10px;grid-template-columns:1fr;display:none;opacity:1;visibility:visible;transform:none}
  .it.open .mega{display:grid}
  .burger{display:inline-grid}
  .hdr-act{margin-inline-start:auto}
}
@media (max-width:640px){ .brand .wm{display:none} .hdr-act .btn-donate{display:none} .hdr{gap:10px} }
@media (max-width:400px){ .hdr-act .search-btn{display:none} }

/* Language */
.lang{display:inline-flex;padding:3px;border:1px solid var(--gray-500);border-radius:var(--radius-pill);background:var(--white);gap:2px;position:relative}
.lang a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-inline-size:40px;min-block-size:34px;padding:0 9px;border-radius:var(--radius-pill);color:var(--gray-900);text-decoration:none;font:600 13px/1 var(--font-sans);transition:color 220ms var(--ease)}
.lang a[lang|="ur"]{font:400 14px/1 var(--font-urdu);padding-block-start:5px} .lang a[lang|="ar"]{font:600 13.5px/1 var(--font-arabic)}
.lang a[aria-current="true"]{color:var(--on-primary)}
.lang .pill{position:absolute;z-index:0;top:3px;bottom:3px;border-radius:var(--radius-pill);background:var(--emerald-800);transition:left 300ms var(--ease),width 300ms var(--ease)}

/* Buttons */
.btn{box-sizing:border-box;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-block-size:48px;padding:12px 24px;border:1.5px solid transparent;border-radius:var(--radius-md);font:600 15px/20px var(--f-body);text-decoration:none;cursor:pointer;isolation:isolate;transition:background-color 200ms var(--ease),border-color 200ms var(--ease),color 200ms var(--ease),transform 200ms var(--ease),box-shadow 200ms var(--ease)}
html[dir="rtl"] .btn{line-height:1.9;padding-block:6px} html[lang|="ur"] .btn{font-weight:400}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform 600ms var(--ease)}
.btn:hover::after{transform:translateX(120%)}
.btn:not([disabled]):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn:not([disabled]):active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm);transition-duration:80ms}
.btn-primary{background:var(--emerald-800);color:var(--on-primary)} .btn-primary:hover{background:var(--emerald-900)}
.btn-gold{background:var(--gold-400);color:var(--forest-950)} .btn-gold:hover{background:#d6b87c}
.btn-secondary{background:var(--white);color:var(--emerald-800);border-color:var(--emerald-800)} .btn-secondary:hover{background:var(--emerald-100)}
.btn-ghost-light{background:rgba(255,255,255,.06);color:var(--ivory-50);border-color:rgba(250,246,238,.55)} .btn-ghost-light:hover{background:rgba(255,255,255,.14);border-color:var(--ivory-50)}
.btn-sm{min-block-size:38px;padding:7px 14px;font-size:14px}
.btn[disabled]{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300);cursor:not-allowed}
.btn .ico{transition:transform 200ms var(--ease)} .btn:hover .go{transform:translateX(3px)} html[dir="rtl"] .btn .go{transform:scaleX(-1)} html[dir="rtl"] .btn:hover .go{transform:scaleX(-1) translateX(3px)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tlink{display:inline-flex;gap:6px;align-items:center;color:var(--emerald-800);font-weight:600;text-decoration:none;background-image:linear-gradient(var(--gold-400),var(--gold-400));background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size 300ms var(--ease)}
html[dir="rtl"] .tlink{background-position:100% 100%}
.tlink:hover{background-size:100% 2px}

/* Hero */
.hero{position:relative;background:var(--forest-900);color:var(--ivory-50);overflow:hidden;padding-block:0;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-10%;z-index:-1;background-image:var(--tile-gold);background-size:140px;opacity:.12;animation:drift 120s linear infinite}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;z-index:-1;background:linear-gradient(to top,rgba(16,41,31,.6),transparent)}
@keyframes drift{to{background-position:560px 280px}}
.hero .wrap{display:grid;gap:clamp(32px,5vw,64px);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;padding-block:clamp(48px,7vw,96px) clamp(64px,8vw,112px)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}
.hero h1{color:var(--ivory-50)} .hero h1 em{font-style:normal;color:var(--gold-400)}
.hero .lead{color:#d8e3dd} .hero .eyebrow{color:var(--gold-400)}
.hero-copy{display:grid;gap:26px}
.hero-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;color:#cfdad4}
.hero-meta span{display:inline-flex;gap:8px;align-items:center} .hero-meta .ico{color:var(--gold-400)}
.hero-art{position:relative;justify-self:center;inline-size:min(100%,500px)}
.arch{position:relative;aspect-ratio:4/5;border-start-start-radius:var(--radius-arch);border-start-end-radius:var(--radius-arch);overflow:hidden;background:var(--ivory-100);box-shadow:0 0 0 8px rgba(201,169,106,.9),var(--shadow-lg)}
.arch .slide{position:absolute;inset:0;opacity:0;transform:scale(1.06);transition:opacity 900ms var(--ease),transform 6s linear}
.arch .slide.on{opacity:1;transform:scale(1)}
.arch .slide svg{inline-size:100%;block-size:100%;display:block}
.dots{position:absolute;inset-inline:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:2}
.dots button{inline-size:10px;block-size:10px;border-radius:999px;border:0;background:rgba(23,59,45,.35);cursor:pointer;padding:0;transition:all 300ms var(--ease)}
.dots button[aria-current="true"]{inline-size:28px;background:var(--emerald-800)}
.float{position:absolute;background:var(--white);color:var(--gray-900);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.35;animation:bob 6s ease-in-out infinite}
.float b{display:block;font:600 20px/1.1 var(--font-display);color:var(--forest-900)}
.float .fi{inline-size:40px;block-size:40px;border-radius:10px;display:grid;place-items:center;background:var(--emerald-100);color:var(--emerald-800)}
.float.f1{inset-inline-start:-36px;top:18%} .float.f2{inset-inline-end:-28px;bottom:16%;animation-delay:-3s}
@media (max-width:560px){.float.f1{inset-inline-start:-4px}.float.f2{inset-inline-end:-4px}}
@keyframes bob{50%{transform:translateY(-10px)}}

/* Ticker */
.ticker{background:var(--gold-400);color:var(--forest-950);overflow:hidden;white-space:nowrap;font-size:14px;font-weight:600}
.ticker .track{display:inline-flex;gap:48px;padding-block:12px;animation:marquee 50s linear infinite;padding-inline-start:48px}
html[dir="rtl"] .ticker .track{animation-name:marquee-rtl}
.ticker:hover .track{animation-play-state:paused}
.ticker span{display:inline-flex;gap:8px;align-items:center}
@keyframes marquee{to{transform:translateX(-50%)}} @keyframes marquee-rtl{to{transform:translateX(50%)}}

/* Reveal: visible at rest, gently rises when scrolled into view */
.rv{transition:opacity 700ms var(--ease),transform 700ms var(--ease)}
.rv.armed{opacity:.2;transform:translateY(26px)}
.rv.d1{transition-delay:80ms}.rv.d2{transition-delay:160ms}.rv.d3{transition-delay:240ms}.rv.d4{transition-delay:320ms}
.rise{animation:rise 700ms var(--ease) both}.rise.d1{animation-delay:90ms}.rise.d2{animation-delay:180ms}.rise.d3{animation-delay:270ms}.rise.d4{animation-delay:360ms}
@keyframes rise{from{transform:translateY(16px);opacity:.001}to{transform:none;opacity:1}}

/* Grids & cards */
.grid{display:grid;gap:clamp(18px,2.4vw,30px)}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}
.g4{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.split{display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.split.top{align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.card{position:relative;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:box-shadow 260ms var(--ease),transform 260ms var(--ease),border-color 260ms var(--ease)}
.card.hov:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:transparent}
a.card{text-decoration:none;color:inherit}
.card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ivory-100)}
.card-img>svg{inline-size:100%;block-size:100%;display:block;transition:transform 700ms var(--ease)}
.card.hov:hover .card-img>svg{transform:scale(1.06)}
.card-img .badge{position:absolute;inset-block-start:14px;inset-inline-start:14px}
.card-body{padding:22px;display:grid;gap:10px;align-content:start;flex:1}
.card-foot{padding:16px 22px;border-block-start:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.arch-img{aspect-ratio:4/5;border-start-start-radius:var(--radius-arch);border-start-end-radius:var(--radius-arch);overflow:hidden;background:var(--ivory-100);box-shadow:var(--shadow-lg)}
.arch-img svg{inline-size:100%;block-size:100%;display:block}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;line-height:18px;background:var(--white);color:var(--forest-900);box-shadow:var(--shadow-sm)}
.badge.em{background:var(--emerald-800);color:var(--on-primary)} .badge.gold{background:var(--gold-400);color:var(--forest-950)} .badge.soft{background:var(--emerald-100);color:var(--emerald-800);box-shadow:none}
.ic-tile{inline-size:56px;block-size:56px;border-radius:14px;display:grid;place-items:center;background:var(--emerald-100);color:var(--emerald-800);transition:transform 300ms var(--ease),background-color 300ms var(--ease),color 300ms var(--ease)}
.ic-tile .ico{inline-size:26px;block-size:26px}
.card.hov:hover .ic-tile,.feature:hover .ic-tile{transform:rotate(-8deg) scale(1.06);background:var(--emerald-800);color:var(--white)}
.feature{display:grid;gap:12px;padding:26px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--gray-300);transition:all 260ms var(--ease)}
.feature:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:2px;background:var(--gray-300);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-300)}
.stat{background:var(--white);padding:28px 24px;display:grid;gap:6px;align-content:start}
.stat .n{font:600 clamp(32px,3.6vw,44px)/1 var(--font-display);color:var(--forest-900);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;text-align:start}
.stat .l{font-weight:600;color:var(--gray-700);font-size:14.5px;line-height:1.45}
.stat .ico{color:var(--gold-700);inline-size:26px;block-size:26px}
.stats.dark{background:rgba(201,169,106,.25);border-color:rgba(201,169,106,.25)}
.stats.dark .stat{background:var(--forest-900)} .stats.dark .n{color:var(--ivory-50)} .stats.dark .l{color:#cfdad4} .stats.dark .ico{color:var(--gold-400)}

/* Progress */
.progress{display:grid;gap:8px}
.progress .figs{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.progress .raised{font:600 20px/1.2 var(--font-display);color:var(--forest-900)}
.track{block-size:10px;border-radius:var(--radius-pill);background:var(--emerald-100);overflow:hidden}
.fill{block-size:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--emerald-800),var(--chart-1));transform-origin:left center;transform:scaleX(0);transition:transform 1400ms var(--ease)}
html[dir="rtl"] .fill{transform-origin:right center}
.fill.go{transform:scaleX(1)}
.meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;line-height:20px;color:var(--gray-700)}
.status{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;line-height:20px;border:1px solid currentColor;background:var(--white)}
.status.active{color:var(--success)} .status.active .dot{animation:pulse 2.2s ease-in-out infinite} .status.done{color:var(--gray-700)} .status.urgent{color:var(--danger)} .status.pending{color:var(--warning)}
@keyframes pulse{50%{opacity:.25}}

/* Pattern bands */
.band{position:relative;background:var(--forest-900);color:var(--ivory-50);overflow:hidden;isolation:isolate}
.band::before{content:"";position:absolute;inset:-10%;z-index:-1;background-image:var(--tile-gold);background-size:120px;opacity:.12;animation:drift 160s linear infinite}
.band h2,.band h3{color:var(--ivory-50)} .band .lead,.band .muted{color:#d2ddd7} .band .eyebrow{color:var(--gold-400)}
.soft-pattern{background-color:var(--white);background-image:linear-gradient(90deg,var(--white) 30%,rgba(255,255,255,.7)),var(--tile-teal);background-size:auto,140px}

/* Divider */
.divider{display:flex;align-items:center;gap:16px;color:var(--gold-400)}
.divider::before,.divider::after{content:"";flex:1;block-size:1px;background:currentColor}
.divider svg{inline-size:30px;block-size:30px;fill:none;stroke:currentColor;stroke-width:10;stroke-linejoin:miter;animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* People */
.person .ph{position:relative;aspect-ratio:1;overflow:hidden;background:var(--emerald-100);display:grid;place-items:center}
.avatar{position:relative;inline-size:100%;block-size:100%}
.avatar svg{inline-size:100%;block-size:100%;display:block}
.person .ph .ini{position:absolute;inset-block-end:12px;inset-inline-end:12px;font:600 13px/1 var(--font-display);background:var(--white);padding:6px 10px;border-radius:var(--radius-pill);color:var(--forest-900)}
.role{font:500 12.5px/1.4 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-700)}
html[dir="rtl"] .role{letter-spacing:0;font-family:inherit;font-size:13.5px;line-height:2}
.quote{position:relative;padding:32px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--gray-300)}
.quote::before{content:"“";position:absolute;inset-block-start:-6px;inset-inline-start:18px;font:600 90px/1 var(--font-display);color:var(--gold-400)}
.quote p{font-size:17px;line-height:1.75;color:var(--gray-900)}

/* Page head */
.phead{position:relative;background:var(--forest-900);color:var(--ivory-50);overflow:hidden;isolation:isolate}
.phead::before{content:"";position:absolute;inset:-10%;z-index:-1;background-image:var(--tile-gold);background-size:120px;opacity:.12;animation:drift 160s linear infinite}
.phead .wrap{padding-block:clamp(48px,6vw,84px);display:grid;gap:16px}
.phead h1{color:var(--ivory-50);max-width:20ch} .phead .lead{color:#d2ddd7}
.crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px;color:#b9c8c0} .crumbs a{color:#e5ece8;text-decoration:none} .crumbs a:hover{text-decoration:underline}
.crumbs .ico{inline-size:14px;block-size:14px}
.phead.with-art .wrap{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center}
.phead .ph-art{inline-size:min(100%,320px);justify-self:end}
@media (max-width:860px){.phead.with-art .wrap{grid-template-columns:1fr}.phead .ph-art{display:none}}

/* Tabs, filters, chips */
.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-pill);inline-size:max-content;max-inline-size:100%}
.tabs button{border:0;background:none;padding:9px 16px;border-radius:var(--radius-pill);font:600 14px/1.3 var(--f-body);color:var(--gray-700);cursor:pointer;transition:all 200ms var(--ease)}
.tabs button[aria-selected="true"]{background:var(--emerald-800);color:var(--white)}
.tabs button:hover:not([aria-selected="true"]){background:var(--emerald-100);color:var(--emerald-800)}
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-block-end:28px}
.search{position:relative;flex:1;min-inline-size:220px;max-inline-size:420px}
.search .ico{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--gray-500)}
.search input{padding-inline-start:42px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1.5px solid var(--gray-300);background:var(--white);border-radius:var(--radius-md);padding:10px 16px;font:600 15px/22px var(--f-body);cursor:pointer;color:var(--forest-900);transition:all 180ms var(--ease);min-block-size:48px;display:inline-flex;gap:8px;align-items:center}
.chip:hover{border-color:var(--emerald-800);transform:translateY(-1px)}
.chip[aria-pressed="true"]{background:var(--emerald-800);border-color:var(--emerald-800);color:var(--on-primary)}
.chip.big{flex-direction:column;align-items:flex-start;padding:16px;min-inline-size:150px;text-align:start}
.chip.big .ico{inline-size:24px;block-size:24px}

/* Forms */
.form{display:grid;gap:18px}
.field{display:grid;gap:6px}
.frow{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
label,.lbl{font-weight:600;font-size:14px;color:var(--forest-900)}
html[lang|="ur"] :is(label,.lbl){font-weight:400;font-size:15px}
input,select,textarea{font:inherit;font-size:16px;color:var(--gray-900);background:var(--white);border:1px solid var(--gray-500);border-radius:var(--radius-md);padding:11px 14px;min-block-size:48px;inline-size:100%;transition:border-color 160ms var(--ease),box-shadow 160ms var(--ease)}
textarea{min-block-size:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--emerald-800);box-shadow:0 0 0 4px var(--emerald-100)}
.check-row{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.check-row input{inline-size:20px;min-block-size:20px;block-size:20px;margin-block-start:3px;accent-color:var(--emerald-800)}
.panel{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);padding:clamp(20px,3vw,36px);box-shadow:var(--shadow-sm)}
.notice{padding:14px 16px;border-radius:var(--radius-md);background:var(--emerald-100);color:var(--forest-900);font-size:14px;line-height:1.6;display:flex;gap:10px;align-items:flex-start}
.notice.warn{background:#fbf1dc;color:#5c3d00}
.notice .ico{margin-block-start:3px}

/* Donate */
.steps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px;padding:0;list-style:none}
.steps li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--gray-700)}
.steps .n{inline-size:30px;block-size:30px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--gray-500);font-size:13px;transition:all 260ms var(--ease)}
.steps li.on{color:var(--forest-900)} .steps li.on .n{background:var(--emerald-800);border-color:var(--emerald-800);color:var(--white);box-shadow:0 0 0 5px var(--emerald-100)}
.steps li.done .n{background:var(--emerald-100);border-color:var(--emerald-800);color:var(--emerald-800)}
.steps li+li::before{content:"";inline-size:22px;block-size:1px;background:var(--gray-300)}
.pane{display:grid;gap:22px;animation:fadein 360ms var(--ease) both}
@keyframes fadein{from{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}
.summary{display:grid;font-size:15px}
.summary>div{display:flex;justify-content:space-between;gap:16px;border-block-end:1px solid var(--gray-100);padding-block:10px}
.summary>div.total{font-weight:700;color:var(--forest-900);border-block-end:0;font-size:17px}
.sticky-side{position:sticky;top:110px;display:grid;gap:18px}
.checkmark{inline-size:84px;block-size:84px;border-radius:50%;background:var(--emerald-100);display:grid;place-items:center;color:var(--emerald-800);animation:popin 500ms var(--ease) both}
.checkmark path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw 600ms var(--ease) 250ms forwards}
@keyframes draw{to{stroke-dashoffset:0}} @keyframes popin{from{transform:scale(.6);opacity:.001}to{transform:none;opacity:1}}
.receipt{border:1px dashed var(--gray-500);border-radius:var(--radius-md);padding:20px;background:var(--ivory-50);display:grid;gap:10px;font-size:14px}
.receipt .rh{display:flex;justify-content:space-between;align-items:center;gap:12px;border-block-end:1px solid var(--gray-300);padding-block-end:12px}
.receipt img{height:46px;width:auto}

/* Tables */
.table-wrap{overflow-x:auto;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--white)}
table{border-collapse:collapse;inline-size:100%;min-inline-size:640px;font-size:14px;line-height:1.5}
th,td{padding:13px 16px;text-align:start;border-block-end:1px solid var(--gray-100);vertical-align:middle}
thead th{background:var(--gray-100);font-weight:600;color:var(--forest-900);font-size:13px}
tbody tr{transition:background-color 160ms var(--ease)} tbody tr:hover{background:var(--ivory-50)}
td.r,th.r{text-align:end}

/* Charts */
.chart{position:relative}
.chart svg{display:block;inline-size:100%;block-size:auto;overflow:visible}
.chart .gl{stroke:var(--gray-100);stroke-width:1}
.chart .ax{fill:var(--gray-700);font:12px var(--font-sans)}
.chart .bar{transition:opacity 160ms}
.chart:hover .bar{opacity:.55} .chart .bar:hover{opacity:1}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--gray-700);margin-block-end:10px}
.legend span{display:inline-flex;gap:8px;align-items:center} .legend i{inline-size:12px;block-size:12px;border-radius:3px;display:inline-block}
.tip{position:fixed;z-index:200;pointer-events:none;background:var(--forest-950);color:var(--white);padding:8px 12px;border-radius:var(--radius-md);font-size:12.5px;line-height:1.5;box-shadow:var(--shadow-md);opacity:0;transition:opacity 120ms;white-space:nowrap}
.tip.on{opacity:1}
.hbar{display:grid;gap:12px}
.hbar .row{display:grid;grid-template-columns:minmax(120px,190px) 1fr 52px;gap:12px;align-items:center;font-size:14px}
.hbar .bt{block-size:14px;background:var(--gray-100);border-radius:4px;overflow:hidden}
.hbar .bf{block-size:100%;background:var(--chart-1);border-radius:0 4px 4px 0;transform-origin:left;transform:scaleX(0);transition:transform 1200ms var(--ease)}
html[dir="rtl"] .hbar .bf{transform-origin:right;border-radius:4px 0 0 4px}
.hbar .bf.go{transform:scaleX(1)}
.donut-wrap{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center}
@media (max-width:560px){.donut-wrap{grid-template-columns:1fr;justify-items:center}}

/* Flow diagram */
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:14px;counter-reset:fl}
.flow .st{position:relative;padding:18px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-300);display:grid;gap:8px}
.flow .st .ic-tile{inline-size:44px;block-size:44px;border-radius:12px}
.flow .st b{font-size:14.5px;color:var(--forest-900)}
.flow .st::after{content:"";position:absolute;inset-inline-end:-12px;top:36px;inline-size:10px;block-size:10px;border-block-start:2px solid var(--gold-400);border-inline-end:2px solid var(--gold-400);transform:rotate(45deg)}
html[dir="rtl"] .flow .st::after{transform:rotate(-45deg)}
.flow .st:last-child::after{display:none}

/* Timeline */
.timeline{position:relative;display:grid;gap:26px;padding-inline-start:30px}
.timeline::before{content:"";position:absolute;inset-block:6px;inset-inline-start:8px;inline-size:2px;background:var(--gray-300)}
.timeline .ti{position:relative;display:grid;gap:4px}
.timeline .ti::before{content:"";position:absolute;inset-inline-start:-28px;top:6px;inline-size:16px;block-size:16px;border-radius:50%;background:var(--white);border:3px solid var(--emerald-800)}
.timeline .yr{font:600 14px/1 var(--font-display);color:var(--gold-700)}

/* Accordion */
.acc{border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--white);overflow:hidden}
.acc details{border-block-end:1px solid var(--gray-100)} .acc details:last-child{border:0}
.acc summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:600;color:var(--forest-900)}
.acc summary::-webkit-details-marker{display:none}
.acc summary .ico{transition:transform 260ms var(--ease);color:var(--emerald-800)} .acc details[open] summary .ico{transform:rotate(45deg)}
.acc .ans{padding:0 22px 20px;color:var(--gray-700);animation:fadein 300ms var(--ease)}

/* Article */
.prose{display:grid;gap:20px;font-size:17.5px;line-height:1.8;color:var(--gray-900)}
.prose h2{font-size:28px;margin-block-start:12px} .prose h3{font-size:21px;margin-block-start:6px}
.prose ul{margin:0;padding-inline-start:22px;display:grid;gap:8px}
.prose blockquote{margin:0;padding:18px 22px;border-inline-start:3px solid var(--gold-400);background:var(--white);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:19px;color:var(--forest-900)}
.art-meta{display:flex;gap:18px;flex-wrap:wrap;color:#cfdad4;font-size:14px} .art-meta span{display:inline-flex;gap:6px;align-items:center}
.toc{display:grid;gap:8px;font-size:14px} .toc a{color:var(--gray-700);text-decoration:none;padding:6px 10px;border-inline-start:2px solid var(--gray-300);transition:all 180ms} .toc a:hover{color:var(--emerald-800);border-color:var(--emerald-800)}
.legal{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
@media (max-width:860px){.legal{grid-template-columns:1fr}.legal .toc{display:none}}

/* Portal */
.portal{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:900px){.portal{grid-template-columns:1fr}}
.side{position:sticky;top:110px;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);padding:14px;display:grid;gap:4px}
@media (max-width:900px){.side{position:static;display:flex;overflow-x:auto}}
.side button{display:flex;gap:10px;align-items:center;padding:11px 12px;border:0;background:none;border-radius:var(--radius-md);font:600 14px/1.3 var(--f-body);color:var(--gray-700);cursor:pointer;text-align:start;white-space:nowrap;transition:all 180ms}
.side button[aria-selected="true"]{background:var(--emerald-100);color:var(--emerald-800)} .side button:hover{color:var(--emerald-800)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.kpi{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);padding:20px;display:grid;gap:6px}
.kpi .v{font:600 28px/1.1 var(--font-display);color:var(--forest-900);font-variant-numeric:tabular-nums}
.kpi .k{font-size:13px;color:var(--gray-700);display:flex;gap:6px;align-items:center}
.login{max-inline-size:440px;margin-inline:auto}

/* Footer */
footer.site{background:var(--forest-950);color:#c9d6cf;position:relative;overflow:hidden;isolation:isolate}
footer.site::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--tile-gold);background-size:110px;opacity:.06}
.fcta{border-block-end:1px solid rgba(201,169,106,.25)}
.fcta .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-block:44px}
.fcta h2{color:var(--ivory-50);font-size:clamp(24px,3vw,32px)}
.news-form{display:flex;gap:10px;flex-wrap:wrap;min-inline-size:min(100%,420px)}
.news-form input{flex:1;min-inline-size:200px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:var(--white)}
.news-form input::placeholder{color:#a9b9b1}
.fcols{display:grid;gap:36px;grid-template-columns:1.4fr repeat(3,1fr);padding-block:56px 36px}
@media (max-width:900px){.fcols{grid-template-columns:1fr 1fr}} @media (max-width:520px){.fcols{grid-template-columns:1fr}}
footer.site h4{color:var(--gold-400);font:500 13px/1.4 var(--font-display);letter-spacing:.16em;text-transform:uppercase;margin-block-end:16px}
html[dir="rtl"] footer.site h4{letter-spacing:0;font-family:inherit;font-size:16px}
footer.site a{color:#c9d6cf;text-decoration:none;transition:color 160ms} footer.site a:hover{color:var(--white)}
footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14.5px}
.flogo{background:var(--white);border-radius:var(--radius-md);padding:12px 14px;display:inline-flex;inline-size:max-content}
.flogo img{height:86px;width:auto}
.social{display:flex;gap:10px}
.social a{inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);transition:all 200ms var(--ease)}
.social a:hover{background:var(--gold-400);color:var(--forest-950);border-color:var(--gold-400);transform:translateY(-2px)}
.fbottom{border-block-start:1px solid rgba(201,169,106,.2);padding-block:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.fbottom nav{display:flex;gap:18px;flex-wrap:wrap}

/* Overlays */
.toTop{position:fixed;inset-inline-end:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;inline-size:48px;block-size:48px;border-radius:50%;border:0;background:var(--emerald-800);color:var(--white);display:grid;place-items:center;box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;transform:translateY(16px);pointer-events:none;transition:all 300ms var(--ease)}
.toTop.on{opacity:1;transform:none;pointer-events:auto} .toTop:hover{background:var(--emerald-900);transform:translateY(-3px)}
.overlay{position:fixed;inset:0;z-index:150;background:rgba(16,41,31,.55);backdrop-filter:blur(4px);display:grid;place-items:start center;padding:calc(env(safe-area-inset-top,0px) + 80px) 16px 16px;opacity:0;visibility:hidden;transition:opacity 220ms var(--ease),visibility 0s 220ms}
.overlay.on{opacity:1;visibility:visible;transition:opacity 220ms var(--ease)}
.overlay .box{inline-size:min(100%,640px);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:20px;transform:translateY(-10px) scale(.98);transition:transform 260ms var(--ease);max-block-size:80vh;overflow:auto}
.overlay.on .box{transform:none}
.sres{display:grid;gap:4px;margin-block-start:12px}
.sres a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);text-decoration:none;color:var(--gray-900)} .sres a:hover{background:var(--ivory-50)}
.toast{position:fixed;z-index:160;inset-inline:0;margin-inline:auto;bottom:calc(24px + env(safe-area-inset-bottom,0px));inline-size:max-content;max-inline-size:calc(100% - 32px);background:var(--forest-950);color:var(--white);padding:12px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;gap:10px;align-items:center;font-size:14px;transform:translateY(120px);transition:transform 360ms var(--ease)}
.toast.on{transform:none}
main{min-height:60vh;display:block}
.page{animation:fadein 420ms var(--ease) both}
.list-check{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.list-check li{display:flex;gap:12px;align-items:flex-start}
.list-check li .ico{color:var(--emerald-800);margin-block-start:4px}
.kv{display:grid;gap:0;font-size:14.5px} .kv>div{display:flex;justify-content:space-between;gap:16px;padding-block:11px;border-block-end:1px solid var(--gray-100)} .kv>div:last-child{border:0}
.kv span:first-child{color:var(--gray-700)} .kv b{text-align:end}
.updates{display:grid;gap:18px}
.chairman{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
@media (max-width:860px){.chairman{grid-template-columns:1fr}}
.org{display:grid;gap:18px;justify-items:center}
.org .lvl{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;position:relative}
.org .node{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:12px 18px;text-align:center;min-inline-size:170px;box-shadow:var(--shadow-sm)}
.org .node.top{background:var(--forest-900);color:var(--ivory-50);border-color:var(--forest-900)} .org .node.top b{color:var(--gold-400)}
.org .node b{display:block;color:var(--forest-900);font-size:14.5px} .org .node span{font-size:12.5px;color:inherit;opacity:.85}
.org .con{inline-size:2px;block-size:22px;background:var(--gold-400)}
.map{position:relative;aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;background:#e7efe9;border:1px solid var(--gray-300)}
.map svg{inline-size:100%;block-size:100%;display:block}
.pin{position:absolute;left:52%;top:46%;transform:translate(-50%,-100%);color:var(--danger);animation:bob 3s ease-in-out infinite}
.pin .ico{inline-size:44px;block-size:44px;fill:var(--white);stroke-width:2}
.res-item{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);transition:all 220ms var(--ease)}
.res-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:transparent}
.res-item .fic{inline-size:52px;block-size:60px;border-radius:6px;background:var(--emerald-100);color:var(--emerald-800);display:grid;place-items:center;flex:none;position:relative;font:700 10px/1 var(--font-sans)}
.res-item .fic span{position:absolute;bottom:6px}
.empty{padding:40px;text-align:center;color:var(--gray-700);border:1px dashed var(--gray-500);border-radius:var(--radius-lg)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv.armed{opacity:1;transform:none}.fill,.hbar .bf{transform:none}}

/* v3 additions */
.band .stat .ico,.band .kpi .ico{color:var(--gold-400)}
.band .stat{background:rgba(255,255,255,.07)!important}
.band .stat .ico{inline-size:30px;block-size:30px;padding:6px;box-sizing:content-box;border-radius:10px;background:rgba(201,169,106,.18)}
/* custom select */
.csel{position:relative}
.csel-btn{inline-size:100%;min-block-size:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid var(--gray-500);border-radius:var(--radius-md);background:var(--white);font:inherit;font-size:16px;color:var(--gray-900);cursor:pointer;text-align:start;transition:border-color 160ms var(--ease),box-shadow 160ms var(--ease)}
.csel-btn:hover{border-color:var(--emerald-800)}
.csel.open .csel-btn,.csel-btn:focus-visible{outline:none;border-color:var(--emerald-800);box-shadow:0 0 0 4px var(--emerald-100)}
.csel-btn .chev{color:var(--emerald-800);transition:transform 220ms var(--ease)} .csel.open .chev{transform:rotate(180deg)}
.csel-list{position:absolute;z-index:40;inset-inline:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-block-size:260px;overflow:auto;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 180ms var(--ease),transform 200ms var(--ease),visibility 0s 200ms}
.csel.open .csel-list{opacity:1;visibility:visible;transform:none;transition:opacity 180ms var(--ease),transform 200ms var(--ease)}
.csel-list li{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:15px;color:var(--gray-900);outline:none}
.csel-list li .tick{opacity:0;color:var(--emerald-800)} .csel-list li[aria-selected="true"]{background:var(--emerald-100);color:var(--emerald-800);font-weight:600} .csel-list li[aria-selected="true"] .tick{opacity:1}
.csel-list li:hover,.csel-list li:focus{background:var(--ivory-50)} .csel-list li[aria-selected="true"]:focus{background:var(--emerald-100);box-shadow:inset 0 0 0 2px var(--emerald-800)}
/* custom checkbox */
.check-row input[type=checkbox]{appearance:none;-webkit-appearance:none;inline-size:22px;block-size:22px;min-block-size:22px;padding:0;border:1.5px solid var(--gray-500);border-radius:6px;background:var(--white);display:grid;place-items:center;cursor:pointer;flex:none;transition:all 160ms var(--ease)}
.check-row input[type=checkbox]::after{content:"";inline-size:6px;block-size:11px;border:solid var(--white);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);margin-block-start:-2px;transition:transform 160ms var(--ease)}
.check-row input[type=checkbox]:checked{background:var(--emerald-800);border-color:var(--emerald-800)} .check-row input[type=checkbox]:checked::after{transform:rotate(45deg) scale(1)}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield} input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
/* footer brand */
.fbrand{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.fbrand .fsym{height:78px;width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.25))}
.fname{display:grid;gap:4px;padding-inline-start:14px;border-inline-start:1px solid rgba(201,169,106,.4)}
.fname img{height:34px;width:auto} .fname .fur{height:40px}
/* header name on mobile */
@media (max-width:640px){ .brand .wm{display:block;height:22px} .brand .wm-ur{height:32px} .brand .sym{height:44px} .hdr-act .search-btn{display:none} .lang a{min-inline-size:34px;padding:0 7px} }
@media (max-width:400px){ .brand .wm{display:none} }
/* quick donate */
.hero .wrap{padding-block-end:clamp(110px,10vw,150px)}
.qd-wrap{position:relative;z-index:5;margin-block-start:-72px;margin-block-end:28px}
.qd{display:grid;grid-template-columns:auto minmax(200px,1.2fr) minmax(260px,1.4fr) auto;gap:20px;align-items:end;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:22px 24px;border:1px solid var(--gray-300)}
.qd-h{display:flex;gap:12px;align-items:center;align-self:center} .qd-h b{display:block;color:var(--forest-900);font-size:16px}
.qd .chips{flex-wrap:nowrap} .qd .chip{min-block-size:48px;padding:10px 12px;font-size:14px}
.qd-go{min-block-size:48px}
@media (max-width:1060px){.qd{grid-template-columns:1fr 1fr}.qd-h{grid-column:1/-1}.qd .chips{flex-wrap:wrap}}
@media (max-width:620px){.qd{grid-template-columns:1fr}}
.ticker{margin-block-start:0}
/* about */
.subnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 68px);z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-block-end:1px solid var(--gray-300)}
.subnav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-block:8px}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{flex:none;padding:9px 14px;border-radius:var(--radius-pill);color:var(--gray-700);text-decoration:none;font-weight:600;font-size:14px;transition:all 200ms var(--ease)}
.subnav a:hover{color:var(--emerald-800);background:var(--emerald-100)} .subnav a[aria-current]{background:var(--emerald-800);color:var(--white)}
[id^="ab-"]{scroll-margin-top:150px}
.mini-stats{display:flex;gap:28px;flex-wrap:wrap;padding-block-start:8px;border-block-start:1px solid var(--gray-300)}
.mini-stats div{display:grid;gap:2px} .mini-stats b{font:600 30px/1.1 var(--font-display);color:var(--forest-900)} .mini-stats span{font-size:13px;color:var(--gray-700)}
.collage{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:14px;aspect-ratio:1/1;max-inline-size:520px;justify-self:center;inline-size:100%}
.collage>div{overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)} .collage svg{inline-size:100%;block-size:100%;display:block;transition:transform 700ms var(--ease)} .collage>div:hover svg{transform:scale(1.06)}
.collage .c1{grid-row:1/3;border-start-start-radius:var(--radius-arch);border-start-end-radius:var(--radius-arch)}
.mv{padding:clamp(24px,3vw,36px)} .mv-t{font:500 clamp(19px,1.8vw,23px)/1.5 var(--f-head);color:var(--forest-900)}
.value{text-align:start}
.chair-quote{margin:36px 0 0;display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;padding:28px;border-radius:var(--radius-lg);background:var(--forest-900);color:var(--ivory-50);background-image:var(--tile-gold);background-size:120px;background-blend-mode:soft-light}
.chair-quote .cq-av{inline-size:96px;block-size:96px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px var(--gold-400)}
.chair-quote blockquote{margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.7} .chair-quote figcaption{margin-block-start:10px;font-size:14px;color:var(--gold-400)} .chair-quote figcaption b{color:var(--white)}
@media (max-width:560px){.chair-quote{grid-template-columns:1fr}}
.vol-strip{margin-block-start:32px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:20px 24px;border-radius:var(--radius-lg);background:var(--ivory-50);border:1px solid var(--gray-300)}
.vol-strip p{flex:1;min-inline-size:220px;color:var(--gray-700)} .vol-strip b{color:var(--forest-900)}
.faces{display:flex} .faces>span{inline-size:46px;block-size:46px;border-radius:50%;overflow:hidden;border:3px solid var(--white);margin-inline-start:-12px;box-shadow:var(--shadow-sm);transition:transform 200ms var(--ease)} .faces>span:first-child{margin-inline-start:0} .faces>span:hover{transform:translateY(-4px)}
.faces .more{display:grid;place-items:center;background:var(--emerald-800);color:var(--white);font-size:12px;font-weight:700}
.hjourney{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:18px;overflow-x:auto;padding-block:20px 6px;position:relative}
.hjourney::before{content:"";position:absolute;inset-inline:0;top:28px;block-size:2px;background:rgba(201,169,106,.5)}
.hj{position:relative;display:grid;gap:6px;padding-block-start:22px} .hj .dot{position:absolute;top:0;inset-inline-start:0;inline-size:18px;block-size:18px;border-radius:50%;background:var(--gold-400);box-shadow:0 0 0 5px rgba(201,169,106,.25)}
.hj b{color:var(--gold-400);font:600 20px/1 var(--font-display)} .hj h4{color:var(--ivory-50)} .hj p{color:#cfdad4}
.link-row{display:flex;gap:12px;align-items:center;padding:12px;border-radius:var(--radius-md);text-decoration:none;color:var(--forest-900);font-weight:600;border:1px solid var(--gray-100);transition:all 200ms var(--ease)}
.link-row span{flex:1} .link-row:hover{background:var(--emerald-100);border-color:transparent;transform:translateX(3px)} html[dir="rtl"] .link-row:hover{transform:translateX(-3px)}
.link-row .ico:first-child{color:var(--emerald-800)}
html[lang|="en"] .fname .fur{display:none} html:not([lang|="en"]) .fname img:not(.fur){display:none}

.pc-star{position:relative;inline-size:72px;block-size:72px;margin-block-start:-56px;display:grid;place-items:center;color:var(--emerald-800)}
.pc-star svg{position:absolute;inset:0;inline-size:100%;block-size:100%;filter:drop-shadow(0 4px 10px rgba(23,59,45,.15));transition:transform 500ms var(--ease)}
.pc-star .bg{fill:var(--white)} .pc-star .ln{fill:none;stroke:var(--gold-400);stroke-width:7;stroke-linejoin:miter}
.pc-star .ico{position:relative;inline-size:26px;block-size:26px;transition:color 300ms var(--ease)}
.card.hov:hover .pc-star svg{transform:rotate(45deg)} .card.hov:hover .pc-star .bg{fill:var(--emerald-800)} .card.hov:hover .pc-star .ico{color:var(--white)}
.pc-star .bg{transition:fill 300ms var(--ease)}

/* v4: letterhead ornament, a11y */
.skip{position:fixed;z-index:300;inset-inline-start:12px;top:-60px;background:var(--emerald-800);color:var(--white);padding:10px 16px;border-radius:var(--radius-md);font-weight:600;transition:top 200ms var(--ease)} .skip:focus{top:calc(env(safe-area-inset-top,0px) + 12px)}
.sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero .orn,.phead::after,footer.site::after{content:"";position:absolute;inset-block:0;inline-size:46px;background-image:var(--orn-gold);background-size:46px auto;background-repeat:repeat-y;opacity:.32;pointer-events:none}
.phead::after{inset-inline-start:max(4px,calc((100vw - 1240px)/2 - 64px));z-index:-1}
footer.site::after{inset-inline-end:max(4px,calc((100vw - 1240px)/2 - 64px));opacity:.18;z-index:-1}
html[dir="rtl"] .phead::after,html[dir="rtl"] footer.site::after{transform:scaleX(-1)}
.hero .orn{inset-inline-start:max(4px,calc((100vw - 1240px)/2 - 64px));z-index:0}
@media (max-width:1300px){.phead::after,.hero .orn{inset-inline-start:0;opacity:.18;inline-size:32px;background-size:32px auto} footer.site::after{display:none}}
.receipt{position:relative;padding-inline-start:44px;overflow:hidden}
.receipt::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:30px;background-image:var(--orn-teal);background-size:30px auto;background-repeat:repeat-y;border-inline-end:1px solid var(--gray-300)}

#chrome{display:contents}
@media (max-width:1260px){ .mnav{z-index:95;height:calc(100dvh - 80px - env(safe-area-inset-top,0px));inset:calc(env(safe-area-inset-top,0px) + 80px) 0 auto 0} header.site.scrolled .mnav{height:calc(100dvh - 68px - env(safe-area-inset-top,0px));top:calc(env(safe-area-inset-top,0px) + 68px)} }
.subnav{top:calc(env(safe-area-inset-top,0px) + 68px);z-index:70}
.portal>*{min-width:0}
@media (max-width:900px){.split[style*="grid-template-columns"]{grid-template-columns:1fr!important}.sticky-side{position:static}}
#pbody>.page{grid-template-columns:minmax(0,1fr)} #pbody>.page.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
/* v5: Urdu alignment — Nastaliq for reading text (headings, leads, paragraphs); the Naskh-style Noto Sans Arabic for compact interface text so it sits on the same line as icons, Latin and Arabic */
.lang a[lang|="ur"]{font:600 14px/1 var(--font-arabic)!important;padding-block-start:0!important}
html[lang|="ur"] :is(.util,.mnav,.mega,.btn,.chip,.tabs button,.badge,.status,.subnav a,.csel-btn,.csel-list li,label,.lbl,.role,.eyebrow,.crumbs,.meta,.xs,.small,.side button,.kpi .k,.tlink,.steps li,.hero-meta,.float,.ticker,.sample-pill,.fbottom,footer.site ul,footer.site h4,th,td,.stat .l,.kv,.summary,.link-row,.res-item,.toc a,.notice,.mini-stats span,.org .node,.flow .st b,.card-foot,.icon-btn,.toast,.pc-star,.qd-h,.hj p,.receipt,.legend,.sres a){font-family:var(--font-arabic);line-height:1.6}
html[lang|="ur"] :is(.btn,.chip,.tabs button,.badge,.status,.subnav a,.mnav>.it>a,.mnav>.it>button,.tlink,.side button){font-weight:600;line-height:1.4}
html[lang|="ur"] .mnav>.it>a,html[lang|="ur"] .mnav>.it>button{font-size:15px}
html[lang|="ur"] .eyebrow{font-size:14px;letter-spacing:0}
html[lang|="ur"] .small,html[lang|="ur"] .xs{line-height:1.75}
html[lang|="ur"] .btn{padding-block:10px}
html[lang|="ur"] :is(.mnav>.it>a,.mnav>.it>button,.mega b,.mega .d,.mega a,.qd .lbl,.field .lbl,.check-row,.card-foot a,.dots,.copy,.subnav a){font-family:var(--font-arabic)!important}
html[lang|="ur"] .mnav>.it>a,html[lang|="ur"] .mnav>.it>button{line-height:1.4!important;font-weight:600}

/* ===================== WordPress adapter ===================== */
/* Block-theme wrappers must not create containing blocks (sticky header, fixed menus). */
.nuq-chrome,.wp-block-template-part.nuq-chrome{display:contents}
.wp-site-blocks{padding:0}
body{margin:0}
main.site-main{display:block;min-block-size:40vh}
figure{margin:0}
.wp-block-group{box-sizing:border-box}
:where(.wp-block-group.is-layout-flow)>*{margin-block:0}
[hidden]{display:none!important}
.hp{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none;inset-block-start:0;inset-inline-start:0}
.screen-reader-text{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed;z-index:999;inset-block-start:8px;inset-inline-start:8px;background:var(--white);padding:10px 14px;border-radius:var(--radius-md);clip-path:none;inline-size:auto;block-size:auto}
body.admin-bar header.site{top:32px} @media (max-width:782px){body.admin-bar header.site{top:46px}} @media (max-width:600px){body.admin-bar header.site{top:0}}

/* Animations only run once the script has armed them (content stays visible without JS). */
html:not(.js) .fill,html:not(.js) .hbar .bf{transform:none}
html.js .chart .bar{transform:scaleY(0);transform-box:fill-box;transform-origin:50% 100%;transition:transform 900ms var(--ease)}
html.js .chart .bar.go{transform:none}
@media (prefers-reduced-motion:reduce){html.js .chart .bar{transform:none}}

/* Hero ornament: the letterhead border strip, full hero height, left of the content column.
   (.hero::after is the prototype's bottom shade, so the strip lives on the inner .wrap.) */
.hero>.wrap::before{content:"";position:absolute;inset-block:0;inset-inline-start:max(-64px,min(0px,calc((1240px - 100vw) / 2)));inline-size:46px;background-image:var(--orn-gold);background-size:46px auto;background-repeat:repeat-y;background-position:center top;opacity:.32;pointer-events:none;z-index:-1}
html[dir="rtl"] .hero>.wrap::before{transform:scaleX(-1)}
@media (max-width:1300px){.hero>.wrap::before{opacity:.18;inline-size:32px;background-size:32px auto}}
.hero .wrap{position:relative;z-index:1}

/* Images rendered as <img> instead of inline SVG. */
.arch .slide img,.card-img>img,.arch-img img,.avatar img,.collage img,.person .ph>img,.q-av img,.cq-av img,.ph-art img,.chair-photo img{inline-size:100%;block-size:100%;display:block;object-fit:cover}
.card-img>img{transition:transform 700ms var(--ease)} .card.hov:hover .card-img>img{transform:scale(1.06)}
.collage img{transition:transform 700ms var(--ease)} .collage>div:hover img{transform:scale(1.06)}
.q-av{inline-size:48px;block-size:48px;border-radius:50%;overflow:hidden;flex:none;display:block}
.wp-block-image.arch-img{overflow:hidden}
.wp-block-image.arch-img img{aspect-ratio:3/4;block-size:auto}
.chair-photo{max-inline-size:420px} .side-art{max-inline-size:380px;justify-self:center;inline-size:100%} .side-art.sm{max-inline-size:320px;justify-self:start}

/* Layout helpers used by the page content. */
.stack{display:grid;gap:22px;align-content:start} .stack>.sec-head,.stack-sm>.sec-head{margin:0}
.stack-sm{display:grid;gap:14px;align-content:start}
section.pt-0{padding-block-start:0}
.wide-main{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.details-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:start}
.details-grid>.grid{gap:clamp(16px,2vw,24px)}
.explore-panel{display:grid;gap:10px;align-content:start}
@media (max-width:900px){.wide-main,.details-grid{grid-template-columns:1fr}}
.cta-panel{display:grid;gap:16px;align-content:start;padding:clamp(24px,4vw,44px)}
.cta-panel.cta-dark{background:var(--emerald-800);border-color:transparent;color:var(--white)}
.cta-panel.cta-dark h2{color:var(--white)} .cta-panel.cta-dark p:not(.ic-tile){color:#dcebe4}
.cta-panel.cta-dark .ic-tile{background:rgba(255,255,255,.15);color:var(--white)}
.signature{color:var(--gray-700);font-size:15px} .signature b{color:var(--forest-900)}
.chair-msg{font-size:17px}
.note-lock{margin-block-start:18px}
.sec-row>.btn-row{margin:0}
.sec-row .kpis{min-inline-size:min(100%,520px)}
.share-row{border-block-start:1px solid var(--gray-300);padding-block-start:22px;margin-block-start:10px}
.post-hero{margin-block-end:40px;border-radius:var(--radius-lg);overflow:hidden} .post-hero img{inline-size:100%;block-size:auto;aspect-ratio:21/9;object-fit:cover;display:block}
.article-wrap{max-inline-size:1100px}

/* Icon classes for core blocks: <p class="ic-tile i-hands"></p>, or .ic-b for an inline icon. */
p.ic-tile{margin:0}
p.ic-tile[class*=" i-"]::before,.ic-b::before{content:"";inline-size:26px;block-size:26px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ic-b::before{display:inline-block;inline-size:1.15em;block-size:1.15em;vertical-align:-.2em;margin-inline-end:.4em}

/* Pressed state for radio/checkbox chips (quick donate, availability). */
.chip:has(input:checked){background:var(--emerald-800);border-color:var(--emerald-800);color:var(--on-primary)}
.chip:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}
fieldset.field{border:0;padding:0;margin:0;min-inline-size:0} fieldset.field legend{padding:0;margin-block-end:8px}
select.nuq-select{inline-size:100%;min-block-size:48px;border:1.5px solid var(--gray-300);border-radius:var(--radius-md);padding:10px 14px;background:var(--white);font:inherit;color:var(--gray-900)}
.csel select.sr{position:absolute}
.form .notice{margin-block-end:6px}

/* Accordion from the core Details block. */
.acc .wp-block-details{border-block-end:1px solid var(--gray-100);margin:0} .acc .wp-block-details:last-child{border:0}
.acc .wp-block-details summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:600;color:var(--forest-900)}
.acc .wp-block-details summary::-webkit-details-marker{display:none}
.acc .wp-block-details summary::after{content:"";flex:none;inline-size:20px;block-size:20px;background:var(--emerald-800);-webkit-mask:var(--i-plus) center/contain no-repeat;mask:var(--i-plus) center/contain no-repeat;transition:transform 260ms var(--ease)}
.acc .wp-block-details[open] summary::after{transform:rotate(45deg)}
.acc .wp-block-details>:not(summary){padding:0 22px 20px;color:var(--gray-700);animation:fadein 300ms var(--ease)}

/* Long-form content (articles, policies, programme text). */
.prose>*{margin:0}
.prose .wp-block-list{margin:0;padding-inline-start:22px;display:grid;gap:8px}
.prose .wp-block-quote{margin:0;padding:18px 22px;border-inline-start:3px solid var(--gold-400);background:var(--white);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:19px;color:var(--forest-900)}
html[dir="rtl"] .prose .wp-block-quote{border-radius:var(--radius-md) 0 0 var(--radius-md)}
.prose h2{scroll-margin-top:120px}
.prose .wp-block-image img{border-radius:var(--radius-lg);block-size:auto}
.prose .notice{display:block}
.entry-intro{display:grid;gap:22px;margin-block-end:28px}
.entry-intro .lead{max-inline-size:none}
.toc a[aria-current="page"]{color:var(--emerald-800);border-color:var(--emerald-800);font-weight:600}

/* Core buttons, in case editors add them. */
.wp-block-button__link{display:inline-flex;align-items:center;gap:8px;min-block-size:48px;padding:12px 24px;border-radius:var(--radius-md);background:var(--emerald-800);color:var(--on-primary);font:600 16px/22px var(--f-body);text-decoration:none;transition:all 200ms var(--ease)}
.wp-block-button__link:hover{background:var(--emerald-900);transform:translateY(-2px)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--emerald-800);box-shadow:inset 0 0 0 1.5px var(--emerald-800)}

/* Archive and search lists built with the Query Loop block. */
.wp-block-post-template.grid{list-style:none;margin:0;padding:0}
.wp-block-post-template.grid>li{display:flex}
.wp-block-post-template.grid>li>.card{inline-size:100%}
.card .wp-block-post-featured-image{aspect-ratio:4/3;overflow:hidden;background:var(--emerald-100)}
.card .wp-block-post-featured-image img{inline-size:100%;block-size:100%;object-fit:cover}
.card .wp-block-post-title{font-size:19px} .card .wp-block-post-title a{color:inherit;text-decoration:none}
.card .wp-block-post-date{font-size:12.5px;color:var(--gray-700)}
.wp-block-query-pagination{display:flex;gap:10px;justify-content:center;margin-block-start:40px;flex-wrap:wrap}
.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{display:inline-grid;place-items:center;min-inline-size:44px;min-block-size:44px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--gray-300);background:var(--white);text-decoration:none;color:var(--forest-900)}
.wp-block-query-pagination .current{background:var(--emerald-800);color:var(--white);border-color:var(--emerald-800)}
.search-list{display:grid;gap:12px}
.search-list .wp-block-post{list-style:none}
.wp-block-search__inside-wrapper{display:flex;gap:10px} .wp-block-search__input{flex:1;min-block-size:48px;border:1.5px solid var(--gray-300);border-radius:var(--radius-md);padding:10px 14px;font:inherit}
.wp-block-search__button{min-block-size:48px;border:0;border-radius:var(--radius-md);background:var(--emerald-800);color:var(--white);padding:0 20px;font:600 15px var(--f-body);cursor:pointer}

/* GiveWP (legacy/onpage forms) themed with the site tokens. */
.give-wrap{font:inherit}
.give-wrap form[id*=give-form] .give-donation-amount .give-currency-symbol,.give-wrap .give-donation-amount .give-currency-symbol{background:var(--emerald-100)!important;color:var(--emerald-800)!important;border-color:var(--gray-300)!important}
.give-wrap .give-btn,.give-wrap .give-donation-level-btn{border-radius:var(--radius-md)!important;font:600 15px var(--f-body)!important;min-block-size:46px}
.give-wrap .give-donation-level-btn{background:var(--white)!important;border:1.5px solid var(--gray-300)!important;color:var(--forest-900)!important}
.give-wrap .give-donation-level-btn.give-default-level{background:var(--emerald-800)!important;border-color:var(--emerald-800)!important;color:var(--white)!important}
.give-wrap .give-submit,.give-wrap .give-btn-modal{background:var(--emerald-800)!important;color:var(--white)!important;border:0!important;padding:12px 24px!important}
.give-wrap input[type=text],.give-wrap input[type=email],.give-wrap input[type=tel],.give-wrap select,.give-wrap textarea{border:1.5px solid var(--gray-300)!important;border-radius:var(--radius-md)!important;min-block-size:46px;padding:10px 14px!important;font:inherit!important}
.give-wrap legend,.give-wrap label{font-family:inherit;color:var(--forest-900)}
.give-wrap iframe{inline-size:100%;border:0}
.portal-wrap{min-block-size:420px}

/* Editor: show dynamic blocks at full width and keep animation off. */
.editor-styles-wrapper .rv.armed{opacity:1;transform:none}
.editor-styles-wrapper .fill,.editor-styles-wrapper .hbar .bf{transform:none}
.editor-styles-wrapper p.ic-tile:empty{min-block-size:56px}

/* Donate button inside the mobile menu only. */
.mnav .nav-donate{display:none}
@media (max-width:1260px){.mnav .nav-donate{display:flex;justify-content:center;margin:18px 16px 8px}}
img{height:auto}
.faces>span img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.crumbs [aria-current]{color:#e5ece8;opacity:.85}
.grid+p.notice,.grid+.notice{margin-block-start:28px}
@media (max-width:560px){.acc-kpis[style*="repeat(2"]{grid-template-columns:1fr 1fr!important}}
.prose .wp-block-post-content{display:grid;gap:20px}
.prose .wp-block-post-content>*{margin:0}
.post-hero .card-img{aspect-ratio:21/9;border-radius:var(--radius-lg);overflow:hidden}
.prose .wp-block-post-excerpt__excerpt{margin:0}
.ur-address{font-family:var(--font-urdu);line-height:2.3;color:var(--brand-teal-deep);text-align:start;font-size:15px}
.mega .feat .d{color:#cfdad4}

/* ---------- 404 ---------- */
.nf{padding-block:clamp(40px,6vw,80px) clamp(56px,8vw,104px);position:relative;overflow:hidden}
.nf::before{content:"";position:absolute;inset:0;background-image:var(--tile-teal);background-size:120px;opacity:.06;pointer-events:none}
.nf-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center;position:relative}
.nf-copy{display:grid;gap:18px;justify-items:start}
.nf-code{display:inline-flex;align-items:center;gap:.04em;font:700 clamp(84px,13vw,150px)/.9 var(--font-display);color:var(--forest-900);letter-spacing:-.04em}
.nf-code svg{inline-size:.78em;block-size:.78em;fill:var(--gold-400);stroke:var(--forest-900);stroke-width:8;animation:spin 40s linear infinite}
.nf h1{font-size:clamp(30px,4vw,46px)}
.nf-search{inline-size:min(100%,520px);max-inline-size:none}
.nf-search .btn{margin-inline-start:auto}
.nf-art .arch-img{max-inline-size:400px;margin-inline:auto}
.nf-art .arch-img img{aspect-ratio:4/5;object-fit:cover}
.nf-links{margin-block-start:clamp(40px,6vw,72px)}
@media (max-width:860px){.nf-grid{grid-template-columns:1fr}.nf-art{display:none}}
.center-stack{display:grid;gap:18px;justify-items:center;text-align:center}
.center-stack .wp-block-image{max-inline-size:260px}

/* ---------- Maintenance / coming soon ---------- */
body.nuq-mode{margin:0;min-block-size:100vh;background:var(--forest-900)}
.mode-page{min-block-size:100vh;display:grid;place-items:center;align-content:center;gap:22px;padding:40px 16px;position:relative;isolation:isolate;color:var(--ivory-50);overflow:hidden}
.mode-page::before{content:"";position:absolute;inset:-10%;z-index:-1;background-image:var(--tile-gold);background-size:120px;opacity:.14;animation:drift 160s linear infinite}
.mode-page::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:46px;background-image:var(--orn-gold);background-size:46px auto;background-repeat:repeat-y;opacity:.3;z-index:-1}
.mode-card{inline-size:min(100%,680px);display:grid;gap:18px;justify-items:center;text-align:center;padding:clamp(28px,5vw,56px);border-radius:var(--radius-lg);background:rgba(16,41,31,.72);border:1px solid rgba(201,169,106,.35);box-shadow:var(--shadow-lg);backdrop-filter:blur(2px)}
.mode-brand{display:flex;align-items:center;gap:18px}
.mode-sym{block-size:104px;inline-size:auto}
.mode-names{display:grid;gap:8px;padding-inline-start:18px;border-inline-start:1px solid rgba(201,169,106,.45)}
.mode-names img{block-size:40px;inline-size:auto}.mode-names img+img{block-size:46px}
.mode-card .divider{inline-size:100%;margin:0}
.mode-card .eyebrow{color:var(--gold-400)}
.mode-card h1{color:var(--ivory-50);font-size:clamp(30px,5vw,48px)}
.mode-card .lead{color:#d8e3dd;margin-inline:auto}
.mode-until{display:inline-flex;gap:8px;align-items:center;padding:8px 16px;border-radius:var(--radius-pill);background:rgba(201,169,106,.16);color:var(--gold-400);font-weight:600}
.mode-contact{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;font-size:14.5px}
.mode-contact a,.mode-contact span{display:inline-flex;gap:8px;align-items:center;color:#e5ece8;text-decoration:none}
.mode-contact a:hover{color:var(--gold-400)}
.mode-contact .ico{color:var(--gold-400)}
.mode-bank{display:grid;gap:2px;padding:12px 18px;border-radius:var(--radius-md);background:rgba(255,255,255,.06);font-size:14px;color:#d8e3dd}
.mode-bank b{color:var(--ivory-50)}
.mode-foot{font-size:12.5px;color:#a9b9b1}
@media (max-width:560px){.mode-brand{flex-direction:column}.mode-names{border:0;padding:0;justify-items:center}}

/* ---------- Balanced grids at tablet widths (no 5+1 or 3+2 orphans) ---------- */
@media (min-width:701px) and (max-width:1100px){
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:700px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---------- Donation flow ---------- */
.dflow{display:grid;gap:0}
.dflow .pane{border:0;margin:0;padding:0;display:grid;gap:20px;min-inline-size:0}
.dflow .pane+.pane{margin-block-start:36px;padding-block-start:28px;border-block-start:1px solid var(--gray-100)}
.dflow.js-flow .pane+.pane{margin:0;padding:0;border:0}
.dflow .pane[hidden]{display:none}
.dflow legend{padding:0;margin-block-end:4px;float:left;inline-size:100%}
.dflow legend h2{font-size:clamp(22px,2.4vw,27px);outline:none}
.dflow .pane>legend+*{clear:both}
.dflow .chip.big{flex-direction:row;align-items:center;gap:10px;min-inline-size:0;flex:1 1 220px;text-align:start;padding:14px 16px}
.dflow .chip.big .ico{inline-size:22px;block-size:22px;color:var(--emerald-800);flex:none}
.dflow .chip.big:has(input:checked) .ico{color:var(--white)}
.dflow .chip.big b{display:block}
.dflow .chip.big .xs{display:block;font-weight:400;color:inherit;opacity:.8}
.dflow .cause-chips .chip.prog{flex-basis:200px;font-size:14px;padding:10px 14px;min-block-size:44px}
.dflow .amt-chips .chip{flex:1 1 110px;justify-content:center}
.impact-now{display:flex;gap:8px;align-items:center;font-size:14.5px;color:var(--gray-700)}
.impact-now .ico{color:var(--gold-700)} .impact-now b{color:var(--forest-900)}
.d-err{color:var(--danger);min-block-size:0;margin:0}
.d-err:empty{display:none}
.impact-panel{background:var(--forest-900);color:var(--ivory-50);border:0;display:grid;gap:6px;position:relative;overflow:hidden;isolation:isolate}
.impact-panel::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--tile-gold);background-size:90px;opacity:.12}
.impact-panel .eyebrow{color:var(--gold-400)}
.impact-amt{font:600 30px/1.2 var(--font-display);margin:4px 0}
.impact-panel p{color:#d2ddd7} .impact-panel b{color:var(--gold-400)}
.done-pane{display:grid;gap:18px;justify-items:center;text-align:center}
.done-pane .checkmark{inline-size:72px;block-size:72px;border-radius:50%;display:grid;place-items:center;background:var(--emerald-100);color:var(--emerald-800)}
.done-pane .checkmark .ico{inline-size:38px;block-size:38px;stroke-width:2.4}
.done-pane .receipt{inline-size:100%;max-inline-size:460px;text-align:start}
.give-head{display:flex;gap:12px;align-items:center;margin-block-end:18px}
.admin-hint{margin-block-start:16px;color:var(--warning)}
.help-panel .btn-row{gap:8px}
.receipt .rh img{block-size:40px;inline-size:auto}
.nf-search{display:flex;align-items:center;gap:8px;flex:none;padding:6px;border:1.5px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white)}
.nf-search input{flex:1;min-inline-size:0;border:0!important;box-shadow:none!important;min-block-size:40px;background:transparent;font:inherit;outline:none}
.nf-search:focus-within{border-color:var(--emerald-800);box-shadow:0 0 0 3px var(--emerald-100)}
.nf-search .btn{margin:0;flex:none}
.donate-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
@media (max-width:900px){.donate-layout{grid-template-columns:1fr}}
.dflow .amt-chips .chip{flex:1 1 88px;padding-inline:10px}
.dflow .steps{gap:6px 4px} .dflow .steps li+li::before{inline-size:14px}
@media (max-width:560px){.dflow .steps li:not(.on){font-size:0;gap:0}.dflow .steps li:not(.on) .n{font-size:13px}}

/* ---------- "How we work" journey: numbered stations on a line that draws in, then a shimmer runs along it ---------- */
.flow{position:relative;padding-block-start:58px;gap:18px}
.flow::before,.flow::after{content:"";position:absolute;inset-block-start:25px;inset-inline:calc(100% / var(--n,6) / 2);block-size:3px;border-radius:3px}
.flow::before{background:rgba(201,169,106,.28)}
.flow::after{background:linear-gradient(90deg,var(--gold-400) 0%,var(--gold-400) 40%,#fff3cf 50%,var(--gold-400) 60%,var(--gold-400) 100%);background-size:300% 100%;transform-origin:left center}
html[dir="rtl"] .flow::after{transform-origin:right center}
html.js .flow::after{transform:scaleX(0);transition:transform 1800ms var(--ease)}
html.js .flow.go::after{transform:scaleX(1);animation:flowshine 3.2s linear 1.9s infinite}
@keyframes flowshine{from{background-position:100% 0}to{background-position:-200% 0}}
.flow{counter-reset:fl}
.flow .st{counter-increment:fl;transition:transform 260ms var(--ease),box-shadow 260ms var(--ease),border-color 260ms var(--ease)}
.flow .st::after{display:none}
.flow .st::before{content:counter(fl);position:absolute;inset-block-start:-48px;inset-inline-start:50%;translate:-50% 0;inline-size:34px;block-size:34px;border-radius:50%;display:grid;place-items:center;background:var(--ivory-50);border:2px solid var(--gold-400);color:var(--forest-900);font:700 14px/1 var(--font-display);z-index:1;transition:background-color 400ms var(--ease),color 400ms var(--ease),transform 400ms var(--ease)}
html[dir="rtl"] .flow .st::before{translate:50% 0}
.flow .st:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-400)}
.flow .st:hover .ic-tile{transform:rotate(-8deg) scale(1.06);background:var(--emerald-800);color:var(--white)}
html.js .flow .st .ic-tile{transform:scale(.6);opacity:0}
html.js .flow.go .st .ic-tile{animation:flowpop 520ms var(--ease) both}
html.js .flow.go .st::before{animation:flowbadge 600ms var(--ease) both}
.flow .st:nth-child(1) .ic-tile,.flow .st:nth-child(1)::before{animation-delay:150ms!important}
.flow .st:nth-child(2) .ic-tile,.flow .st:nth-child(2)::before{animation-delay:450ms!important}
.flow .st:nth-child(3) .ic-tile,.flow .st:nth-child(3)::before{animation-delay:750ms!important}
.flow .st:nth-child(4) .ic-tile,.flow .st:nth-child(4)::before{animation-delay:1050ms!important}
.flow .st:nth-child(5) .ic-tile,.flow .st:nth-child(5)::before{animation-delay:1350ms!important}
.flow .st:nth-child(6) .ic-tile,.flow .st:nth-child(6)::before{animation-delay:1650ms!important}
@keyframes flowpop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:none;opacity:1}}
@keyframes flowbadge{0%{background:var(--ivory-50);color:var(--forest-900)}60%{transform:scale(1.18)}100%{background:var(--gold-400);color:var(--forest-950);transform:none}}
.band .flow .st::before{background:var(--forest-900);color:var(--ivory-50)}
.band .flow::before{background:rgba(201,169,106,.25)}
/* stacked on small screens: vertical line on the start side */
@media (max-width:700px){
  .flow{padding-block-start:0;padding-inline-start:52px;grid-template-columns:1fr!important}
  .flow::before,.flow::after{inset-block:8px;inset-inline:18px auto;inline-size:3px;block-size:auto}
  .flow::after{transform-origin:center top;background:linear-gradient(180deg,var(--gold-400),var(--gold-400))}
  html.js .flow::after{transform:scaleY(0)} html.js .flow.go::after{transform:scaleY(1);animation:none}
  .flow .st::before{inset-block-start:16px;inset-inline-start:-52px;translate:0 0}
  html[dir="rtl"] .flow .st::before{translate:0 0}
}
@media (prefers-reduced-motion:reduce){html.js .flow::after{transform:none}html.js .flow .st .ic-tile{transform:none;opacity:1}}
@media (min-width:701px){.flow{grid-template-columns:repeat(var(--n,6),minmax(0,1fr))}}
@media (min-width:701px) and (max-width:1100px){.flow .st{padding:14px}.flow .st .small{font-size:13px}}

/* Footer lock-up: the symbol's visual weight sits low (open book), so the name is aligned to it optically, not geometrically. */
.fbrand{align-items:center}
.fbrand .fname{position:relative;inset-block-start:9px;padding-block:2px}
.fbrand .fname img{block-size:36px}
.mode-names{position:relative;inset-block-start:10px}
.social .ico.soc{fill:currentColor;stroke:none}
/* Consecutive card grids in one section (e.g. mission/vision above values) */
.wrap>.grid+.grid,.wrap>.grid+.kpis,.wrap>.kpis+.grid{margin-block-start:clamp(20px,2.6vw,28px)}
.feature.mv{align-content:start}

/* ---------- Initiatives ---------- */
.init-card{text-decoration:none;color:inherit}
.init-card .card-body{position:relative;padding-block-start:34px}
.init-ic{position:absolute;inset-block-start:-26px;inset-inline-start:20px;inline-size:52px;block-size:52px;border-radius:14px;display:grid;place-items:center;background:var(--forest-900);color:var(--gold-400);box-shadow:0 0 0 4px var(--white),var(--shadow-sm);transition:transform 300ms var(--ease)}
.init-ic .ico{inline-size:24px;block-size:24px}
.init-card:hover .init-ic{transform:rotate(-8deg) scale(1.06)}
.init-native{display:block;font-family:var(--font-urdu);font-size:18px;line-height:2;color:var(--brand-teal-deep);text-align:start}
.init-native.big{font-size:26px;line-height:2.1;text-align:center;margin-block-end:6px}
.init-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-block-start:auto}
.init-host{display:inline-flex;gap:6px;align-items:center}
.init-card .card-img .badge{position:absolute;inset-block-start:14px;inset-inline-start:14px}
.init-card.big .card-img{aspect-ratio:16/10}
.init-card.big h3{font-size:clamp(22px,2.4vw,28px)}
.init-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:stretch}
.init-stack{display:grid;gap:14px;align-content:start}
.init-row{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--gray-300);text-decoration:none;color:inherit;transition:transform 260ms var(--ease),box-shadow 260ms var(--ease),border-color 260ms var(--ease)}
.init-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--gold-400)}
.init-thumb{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--emerald-100)}
.init-thumb img{inline-size:100%;block-size:100%;object-fit:cover;display:block;transition:transform 700ms var(--ease)}
.init-row:hover .init-thumb img{transform:scale(1.07)}
.init-txt{display:grid;gap:2px}
.init-txt b{font:600 17px/1.35 var(--f-head);color:var(--forest-900)}
.init-txt .init-native{font-size:15px;line-height:1.9}
.init-row .go-ico{color:var(--emerald-800);inline-size:20px;block-size:20px;transition:transform 260ms var(--ease)}
.init-row:hover .go-ico{transform:translateX(4px)} html[dir="rtl"] .init-row:hover .go-ico{transform:translateX(-4px) scaleX(-1)}
@media (max-width:900px){.init-feature{grid-template-columns:1fr}}
@media (max-width:520px){.init-row{grid-template-columns:96px minmax(0,1fr)}.init-row .go-ico{display:none}}
.init-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.init-layout>.init-intro{grid-column:1}
.init-detail{display:contents}
.init-main{grid-column:1;display:grid;gap:22px}
.init-layout aside{grid-column:2;grid-row:1/span 2}
.init-facts{display:grid;gap:14px}
.init-facts .kv .ico{inline-size:16px;block-size:16px;vertical-align:-3px;color:var(--gold-700)}
.init-actions{display:grid;gap:10px}
.init-actions .btn{justify-content:center}
.init-hl{columns:2;column-gap:28px} .init-hl li{break-inside:avoid;margin-block-end:8px}
@media (max-width:900px){.init-layout{grid-template-columns:1fr}.init-layout aside{grid-column:1;grid-row:auto}.init-hl{columns:1}}
html[lang|="ur"] .init-txt b,html[lang|="ur"] .init-card h3{font-family:var(--font-urdu);line-height:1.9}
.ticker .track{background:none;block-size:auto;border-radius:0;overflow:visible;inline-size:auto}
.flow .st{align-content:start}
.init-rows{display:grid;gap:clamp(56px,8vw,104px)}
.init-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.init-story.flip .init-story-img{order:2}
.init-story-img{position:relative;display:block;max-inline-size:460px;inline-size:100%;justify-self:center}
.init-story-img .arch-img{display:block}
.init-story-img .arch-img img{inline-size:100%;block-size:100%;object-fit:cover;aspect-ratio:4/5;transition:transform 700ms var(--ease)}
.init-story-img:hover .arch-img img{transform:scale(1.05)}
.init-num{position:absolute;inset-block-end:-18px;inset-inline-end:-10px;font:700 64px/1 var(--font-display);color:var(--gold-400);text-shadow:0 2px 0 var(--ivory-50),0 0 24px rgba(250,246,238,.9)}
.init-story-txt{display:grid;gap:16px;justify-items:start}
.init-story-txt h2{font-size:clamp(28px,3.4vw,40px)}
.init-ic.static{position:static;box-shadow:none}
.init-native.big-start{font-size:24px;line-height:2;margin-block-start:-6px}
.init-story .init-hl{columns:2;column-gap:24px;inline-size:100%}
@media (max-width:860px){.init-story{grid-template-columns:1fr}.init-story.flip .init-story-img{order:0}.init-story .init-hl{columns:1}.init-story-img{max-inline-size:340px}}
.sec-row .kpis .kpi{display:flex;flex-direction:column-reverse;gap:4px}
.campaign-layout .post-hero{margin-block-end:4px}
.campaign-layout .post-hero .card-img{aspect-ratio:16/9}
.program-details .sticky-side{display:grid;gap:16px}
.feature-post{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));margin-block-end:40px;text-decoration:none;color:inherit}
.feature-post .card-img{aspect-ratio:auto;min-block-size:280px}
.feature-post .card-body{padding:clamp(22px,4vw,44px);align-content:center;gap:14px}
.feature-post h2{font-size:clamp(24px,3vw,34px)}
.mega.edge{inset-inline-start:auto;inset-inline-end:-12px}

/* Designer credit (inline in the copyright line) */
.fcredit{white-space:nowrap;unicode-bidi:isolate}
.fcredit a{color:inherit;font-weight:600;text-decoration:none}
.fcredit a:hover,.fcredit a:focus-visible{color:var(--gold-400);text-decoration:underline}

/* Icon masks for core-block content (class i-<name>). */
:root{--i-plus:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgNXYxNE01IDEyaDE0Ii8+PC9zdmc+")}
.i-heart{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAuOCA1LjZhNSA1IDAgMDAtNy4xIDBMMTIgNy4zbC0xLjctMS43YTUgNSAwIDAwLTcuMSA3LjFMMTIgMjEuNWw4LjgtOC44YTUgNSAwIDAwMC03LjF6Ii8+PC9zdmc+")}
.i-hands{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTEgMTRoMmEyIDIgMCAwMDAtNGgtM2MtLjYgMC0xLjEuMi0xLjQuNkwzIDE2Ii8+PHBhdGggZD0iTTcgMjBsMS42LTEuNGMuMy0uNC44LS42IDEuNC0uNmg0YzEuMSAwIDIuMS0uNCAyLjgtMS4ybDQuNi00LjRhMiAyIDAgMDAtMi44LTIuOGwtNC4yIDMuOSIvPjxwYXRoIGQ9Ik0yIDE1bDYgNiIvPjxwYXRoIGQ9Ik0xOS41IDguNWMuNy0uNyAxLjUtMS42IDEuNS0yLjdBMi43IDIuNyAwIDAwMTYuNSA0YTIuOCAyLjggMCAwMC0yLjUgMS40QTIuOCAyLjggMCAwMDExLjUgNCAyLjcgMi43IDAgMDA5IDUuOGMwIDEuMS44IDIgMS41IDIuN0wxNCAxMnoiLz48L3N2Zz4=")}
.i-book{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMiA0aDZhNCA0IDAgMDE0IDR2MTNhMyAzIDAgMDAtMy0zSDJ6Ii8+PHBhdGggZD0iTTIyIDRoLTZhNCA0IDAgMDAtNCA0djEzYTMgMyAwIDAxMy0zaDd6Ii8+PC9zdmc+")}
.i-quran{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgN3YxNCIvPjxwYXRoIGQ9Ik0zIDE4YTEgMSAwIDAxLTEtMVY0YTEgMSAwIDAxMS0xaDVhNCA0IDAgMDE0IDQgNCA0IDAgMDE0LTRoNWExIDEgMCAwMTEgMXYxM2ExIDEgMCAwMS0xIDFoLTZhMyAzIDAgMDAtMyAzIDMgMyAwIDAwLTMtM3oiLz48cGF0aCBkPSJNNiA4aDJNNiAxMmgyTTE2IDhoMk0xNiAxMmgyIi8+PC9zdmc+")}
.i-steth{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNC44IDIuM0EuMy4zIDAgMTA1IDJINGEyIDIgMCAwMC0yIDJ2NWE2IDYgMCAwMDYgNiA2IDYgMCAwMDYtNlY0YTIgMiAwIDAwLTItMmgtMWEuMi4yIDAgMTAuMy4zIi8+PHBhdGggZD0iTTggMTV2MWE2IDYgMCAwMDYgNiA2IDYgMCAwMDYtNnYtNCIvPjxjaXJjbGUgY3g9IjIwIiBjeT0iMTAiIHI9IjIiLz48L3N2Zz4=")}
.i-food{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAydjdjMCAxLjEuOSAyIDIgMmg0YTIgMiAwIDAwMi0yVjIiLz48cGF0aCBkPSJNNyAydjIwIi8+PHBhdGggZD0iTTIxIDE1VjJhNSA1IDAgMDAtNSA1djZjMCAxLjEuOSAyIDIgMmgzem0wIDB2NyIvPjwvc3ZnPg==")}
.i-child{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjUiIHI9IjIuNSIvPjxwYXRoIGQ9Ik05IDIxdi02bC0yLTEgMS41LTVoN0wxNyAxNGwtMiAxdjYiLz48cGF0aCBkPSJNMTAgMjFoNCIvPjwvc3ZnPg==")}
.i-elder{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjQiIHI9IjIiLz48cGF0aCBkPSJNMTEgN3Y2bC0zIDgiLz48cGF0aCBkPSJNMTEgMTNsMiA4Ii8+PHBhdGggZD0iTTggOWwzLTIgMyAzIi8+PHBhdGggZD0iTTE3IDEydjEwIi8+PHBhdGggZD0iTTE3IDEyYTIgMiAwIDAwLTItMiIvPjwvc3ZnPg==")}
.i-shield{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMjJzOC00IDgtMTBWNWwtOC0zLTggM3Y3YzAgNiA4IDEwIDggMTB6Ii8+PC9zdmc+")}
.i-sheild_check{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMjJzOC00IDgtMTBWNWwtOC0zLTggM3Y3YzAgNiA4IDEwIDggMTB6Ii8+PHBhdGggZD0iTTkgMTJsMiAyIDQtNCIvPjwvc3ZnPg==")}
.i-relief{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMnY0TTQuOSA0LjlsMi44IDIuOE0yIDEyaDRNMTkuMSA0LjlsLTIuOCAyLjhNMjIgMTJoLTQiLz48cGF0aCBkPSJNNiAxOGgxMk04IDIyaDgiLz48cGF0aCBkPSJNOCAxNGE0IDQgMCAwMTggMHY0SDh6Ii8+PC9zdmc+")}
.i-community{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTcgMjF2LTJhNCA0IDAgMDAtNC00SDVhNCA0IDAgMDAtNCA0djIiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNyIgcj0iNCIvPjxwYXRoIGQ9Ik0yMyAyMXYtMmE0IDQgMCAwMC0zLTMuOU0xNiAzLjFhNCA0IDAgMDEwIDcuOCIvPjwvc3ZnPg==")}
.i-users{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTYgMjF2LTJhNCA0IDAgMDAtNC00SDZhNCA0IDAgMDAtNCA0djIiLz48Y2lyY2xlIGN4PSI5IiBjeT0iNyIgcj0iNCIvPjxwYXRoIGQ9Ik0yMiAyMXYtMmE0IDQgMCAwMC0zLTMuOU0xNiAzLjFhNCA0IDAgMDEwIDcuOCIvPjwvc3ZnPg==")}
.i-user{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjQiLz48cGF0aCBkPSJNNCAyMWE4IDggMCAwMTE2IDAiLz48L3N2Zz4=")}
.i-home{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAxMGw5LTcgOSA3djEwYTIgMiAwIDAxLTIgMkg1YTIgMiAwIDAxLTItMnoiLz48cGF0aCBkPSJNOSAyMlYxMmg2djEwIi8+PC9zdmc+")}
.i-file{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTQgMkg2YTIgMiAwIDAwLTIgMnYxNmEyIDIgMCAwMDIgMmgxMmEyIDIgMCAwMDItMlY4eiIvPjxwYXRoIGQ9Ik0xNCAydjZoNk0xNiAxM0g4TTE2IDE3SDhNMTAgOUg4Ii8+PC9zdmc+")}
.i-download{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjEgMTV2NGEyIDIgMCAwMS0yIDJINWEyIDIgMCAwMS0yLTJ2LTRNNyAxMGw1IDUgNS01TTEyIDE1VjMiLz48L3N2Zz4=")}
.i-calendar{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSI0IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHJ4PSIyIi8+PHBhdGggZD0iTTE2IDJ2NE04IDJ2NE0zIDEwaDE4Ii8+PC9zdmc+")}
.i-clock{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Ik0xMiA2djZsNCAyIi8+PC9zdmc+")}
.i-pin{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjEgMTBjMCA3LTkgMTMtOSAxM3MtOS02LTktMTNhOSA5IDAgMDExOCAweiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTAiIHI9IjMiLz48L3N2Zz4=")}
.i-phone{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjIgMTYuOXYzYTIgMiAwIDAxLTIuMiAyIDE5LjggMTkuOCAwIDAxLTguNi0zLjEgMTkuNSAxOS41IDAgMDEtNi02QTE5LjggMTkuOCAwIDAxMi4xIDQuMiAyIDIgMCAwMTQuMSAyaDNhMiAyIDAgMDEyIDEuN2MuMS45LjQgMS44LjcgMi43YTIgMiAwIDAxLS41IDIuMUw4IDkuOGExNiAxNiAwIDAwNiA2bDEuMy0xLjNhMiAyIDAgMDEyLjEtLjRjLjkuMyAxLjguNiAyLjcuN2EyIDIgMCAwMTEuNyAyeiIvPjwvc3ZnPg==")}
.i-mail{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIyIiB5PSI0IiB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHJ4PSIyIi8+PHBhdGggZD0iTTIyIDZsLTEwIDdMMiA2Ii8+PC9zdmc+")}
.i-globe{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Ik0yIDEyaDIwTTEyIDJhMTUuMyAxNS4zIDAgMDEwIDIwTTEyIDJhMTUuMyAxNS4zIDAgMDAwIDIwIi8+PC9zdmc+")}
.i-search{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PHBhdGggZD0iTTIxIDIxbC00LjMtNC4zIi8+PC9zdmc+")}
.i-menu{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyA2aDE4TTMgMTJoMThNMyAxOGgxOCIvPjwvc3ZnPg==")}
.i-x{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTggNkw2IDE4TTYgNmwxMiAxMiIvPjwvc3ZnPg==")}
.i-chev{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNiA5bDYgNiA2LTYiLz48L3N2Zz4=")}
.i-right{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOSAxOGw2LTYtNi02Ii8+PC9zdmc+")}
.i-arrow{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNSAxMmgxNE0xMiA1bDcgNy03IDciLz48L3N2Zz4=")}
.i-up{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMTlWNU01IDEybDctNyA3IDciLz48L3N2Zz4=")}
.i-check{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAgNkw5IDE3bC01LTUiLz48L3N2Zz4=")}
.i-checkc{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Ik04IDEybDMgMyA1LTYiLz48L3N2Zz4=")}
.i-plus{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgNXYxNE01IDEyaDE0Ii8+PC9zdmc+")}
.i-star{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMmwzLjEgNi4zIDYuOSAxLTUgNC45IDEuMiA2LjhMMTIgMTcuOCA1LjggMjFsMS4yLTYuOC01LTQuOSA2LjktMXoiLz48L3N2Zz4=")}
.i-lock{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSIxMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjExIiByeD0iMiIvPjxwYXRoIGQ9Ik03IDExVjdhNSA1IDAgMDExMCAwdjQiLz48L3N2Zz4=")}
.i-card{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIyIiB5PSI1IiB3aWR0aD0iMjAiIGhlaWdodD0iMTQiIHJ4PSIyIi8+PHBhdGggZD0iTTIgMTBoMjAiLz48L3N2Zz4=")}
.i-mobile{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSI1IiB5PSIyIiB3aWR0aD0iMTQiIGhlaWdodD0iMjAiIHJ4PSIyIi8+PHBhdGggZD0iTTEyIDE4aC4wMSIvPjwvc3ZnPg==")}
.i-bank{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAyMWgxOE0zIDEwaDE4TTUgNmw3LTMgNyAzTTQgMTB2MTFNMjAgMTB2MTFNOCAxNHYzTTEyIDE0djNNMTYgMTR2MyIvPjwvc3ZnPg==")}
.i-gift{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjAgMTJ2MTBINFYxMk0yIDdoMjB2NUgyek0xMiAyMlY3TTEyIDdINy41YTIuNSAyLjUgMCAwMTAtNUMxMSAyIDEyIDcgMTIgN3pNMTIgN2g0LjVhMi41IDIuNSAwIDAwMC01QzEzIDIgMTIgNyAxMiA3eiIvPjwvc3ZnPg==")}
.i-droplet{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgMi43bDUuNyA1LjZhOCA4IDAgMTEtMTEuNCAweiIvPjwvc3ZnPg==")}
.i-info{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Ik0xMiAxNnYtNE0xMiA4aC4wMSIvPjwvc3ZnPg==")}
.i-alert{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTAuMyAzLjlMMS44IDE4YTIgMiAwIDAwMS43IDNoMTdhMiAyIDAgMDAxLjctM0wxMy43IDMuOWEyIDIgMCAwMC0zLjQgMHoiLz48cGF0aCBkPSJNMTIgOXY0TTEyIDE3aC4wMSIvPjwvc3ZnPg==")}
.i-chart{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMyAzdjE4aDE4Ii8+PHBhdGggZD0iTTcgMTZ2LTVNMTIgMTZWOE0xNyAxNnYtOSIvPjwvc3ZnPg==")}
.i-pie{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjEuMiAxNS45QTEwIDEwIDAgMTE4IDIuOCIvPjxwYXRoIGQ9Ik0yMiAxMkExMCAxMCAwIDAwMTIgMnYxMHoiLz48L3N2Zz4=")}
.i-eye{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMSAxMnM0LTggMTEtOCAxMSA4IDExIDgtNCA4LTExIDgtMTEtOC0xMS04eiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiLz48L3N2Zz4=")}
.i-receipt{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCAydjIwbDMtMiAyIDIgMy0yIDMgMiAyLTIgMyAyVjJsLTMgMi0yLTItMyAyLTMtMi0yIDJ6Ii8+PHBhdGggZD0iTTggOGg4TTggMTJoOE04IDE2aDUiLz48L3N2Zz4=")}
.i-refresh{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjMgNHY2aC02TTEgMjB2LTZoNiIvPjxwYXRoIGQ9Ik0zLjUgOWE5IDkgMCAwMTE0LjktMy40TDIzIDEwTTEgMTRsNC42IDQuNEE5IDkgMCAwMDIwLjUgMTUiLz48L3N2Zz4=")}
.i-logout{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOSAyMUg1YTIgMiAwIDAxLTItMlY1YTIgMiAwIDAxMi0yaDRNMTYgMTdsNS01LTUtNU0yMSAxMkg5Ii8+PC9zdmc+")}
.i-settings{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIzIi8+PHBhdGggZD0iTTE5LjQgMTVhMS43IDEuNyAwIDAwLjMgMS44bC4xLjFhMiAyIDAgMTEtMi44IDIuOGwtLjEtLjFhMS43IDEuNyAwIDAwLTEuOC0uMyAxLjcgMS43IDAgMDAtMSAxLjVWMjFhMiAyIDAgMDEtNCAwdi0uMWExLjcgMS43IDAgMDAtMS4xLTEuNSAxLjcgMS43IDAgMDAtMS44LjNsLS4xLjFhMiAyIDAgMTEtMi44LTIuOGwuMS0uMWExLjcgMS43IDAgMDAuMy0xLjggMS43IDEuNyAwIDAwLTEuNS0xSDNhMiAyIDAgMDEwLTRoLjFhMS43IDEuNyAwIDAwMS41LTEuMSAxLjcgMS43IDAgMDAtLjMtMS44bC0uMS0uMWEyIDIgMCAxMTIuOC0yLjhsLjEuMWExLjcgMS43IDAgMDAxLjguM0g5YTEuNyAxLjcgMCAwMDEtMS41VjNhMiAyIDAgMDE0IDB2LjFhMS43IDEuNyAwIDAwMSAxLjUgMS43IDEuNyAwIDAwMS44LS4zbC4xLS4xYTIgMiAwIDExMi44IDIuOGwtLjEuMWExLjcgMS43IDAgMDAtLjMgMS44VjlhMS43IDEuNyAwIDAwMS41IDFIMjFhMiAyIDAgMDEwIDRoLS4xYTEuNyAxLjcgMCAwMC0xLjUgMXoiLz48L3N2Zz4=")}
.i-grid{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iNyIgaGVpZ2h0PSI3Ii8+PHJlY3QgeD0iMTQiIHk9IjMiIHdpZHRoPSI3IiBoZWlnaHQ9IjciLz48cmVjdCB4PSIxNCIgeT0iMTQiIHdpZHRoPSI3IiBoZWlnaHQ9IjciLz48cmVjdCB4PSIzIiB5PSIxNCIgd2lkdGg9IjciIGhlaWdodD0iNyIvPjwvc3ZnPg==")}
.i-news{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNCAyMmgxNmEyIDIgMCAwMDItMlY0YTIgMiAwIDAwLTItMkg4YTIgMiAwIDAwLTIgMnYxNmEyIDIgMCAwMS0yIDJ6bTAgMGEyIDIgMCAwMS0yLTJ2LTljMC0xLjEuOS0yIDItMmgyIi8+PHBhdGggZD0iTTE4IDE0aC04TTE1IDE4aC01TTEwIDZoOHY0aC04eiIvPjwvc3ZnPg==")}
.i-bulb{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOSAxOGg2TTEwIDIyaDRNMTIgMmE3IDcgMCAwMC00IDEyLjdWMTdoOHYtMi4zQTcgNyAwIDAwMTIgMnoiLz48L3N2Zz4=")}
.i-scale{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTYgMTZsMy04IDMgOGMtLjkuNy0xLjkgMS0zIDFzLTIuMS0uMy0zLTF6TTIgMTZsMy04IDMgOGMtLjkuNy0xLjkgMS0zIDFzLTIuMS0uMy0zLTF6TTcgMjFoMTBNMTIgM3YxOE0zIDdoMmMyIDAgNS0xIDctMiAyIDEgNSAyIDcgMmgyIi8+PC9zdmc+")}
.i-briefcase{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSIyIiB5PSI3IiB3aWR0aD0iMjAiIGhlaWdodD0iMTQiIHJ4PSIyIi8+PHBhdGggZD0iTTE2IDIxVjVhMiAyIDAgMDAtMi0yaC00YTIgMiAwIDAwLTIgMnYxNiIvPjwvc3ZnPg==")}
.i-share{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxOCIgY3k9IjUiIHI9IjMiLz48Y2lyY2xlIGN4PSI2IiBjeT0iMTIiIHI9IjMiLz48Y2lyY2xlIGN4PSIxOCIgY3k9IjE5IiByPSIzIi8+PHBhdGggZD0iTTguNiAxMy41bDYuOCA0TTE1LjQgNi41bC02LjggNCIvPjwvc3ZnPg==")}
.i-play{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Ik0xMCA4bDYgNC02IDR6Ii8+PC9zdmc+")}
.i-sparkle{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTIgM2wxLjkgNS44TDIwIDExbC02LjEgMi4yTDEyIDE5bC0xLjktNS44TDQgMTFsNi4xLTIuMnoiLz48L3N2Zz4=")}
.i-hand{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTggMTFWNmEyIDIgMCAwMC00IDB2NU0xNCAxMFY0YTIgMiAwIDAwLTQgMHY2TTEwIDEwLjVWNmEyIDIgMCAwMC00IDB2OCIvPjxwYXRoIGQ9Ik0xOCA4YTIgMiAwIDAxNCAwdjZhOCA4IDAgMDEtOCA4aC0yYy0yLjggMC00LjUtLjktNi0yLjRsLTMuNi0zLjZhMiAyIDAgMDEyLjgtMi44TDcgMTUiLz48L3N2Zz4=")}
.i-target{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjYiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIyIi8+PC9zdmc+")}
.i-award{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciLz48cGF0aCBkPSJNOC4yIDEzLjlMNyAyM2w1LTMgNSAzLTEuMi05LjEiLz48L3N2Zz4=")}
.i-copy{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cmVjdCB4PSI5IiB5PSI5IiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHJ4PSIyIi8+PHBhdGggZD0iTTUgMTVINGEyIDIgMCAwMS0yLTJWNGEyIDIgMCAwMTItMmg5YTIgMiAwIDAxMiAydjEiLz48L3N2Zz4=")}
.i-filter{--i:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjIgM0gybDggOS41VjE5bDQgMnYtOC41eiIvPjwvc3ZnPg==")}