/* islamiccontent.org — design system CSS generated from the approved design (Public/dist). */
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/cairo/arabic.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/cairo/arabic.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/cairo/arabic.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/cairo/arabic.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/cairo/arabic.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/cairo/arabic.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/cairo/latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Thmanyah Serif Display';src:url("/assets/fonts/ThmanyahSerifDisplay-300.woff2") format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url("/assets/fonts/ThmanyahSerifDisplay-400.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url("/assets/fonts/ThmanyahSerifDisplay-500.woff2") format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url("/assets/fonts/ThmanyahSerifDisplay-700.woff2") format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Thmanyah Serif Display';src:url("/assets/fonts/ThmanyahSerifDisplay-900.woff2") format('woff2');font-weight:900;font-display:swap}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes zoomIn{from{opacity:0;transform:translate(-50%,-50%) scale(0.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes shine{0%{left:-70%}55%,100%{left:130%}}
[data-om-reveal]{opacity:0;transform:translateY(28px);will-change:opacity,transform;transition:opacity .78s cubic-bezier(.22,.61,.36,1),transform .78s cubic-bezier(.22,.61,.36,1)}
[data-om-reveal].om-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-om-reveal]{opacity:1 !important;transform:none !important;transition:none !important}}
@media (max-width:1024px){
[data-m="layout"]{display:block !important;padding:20px 16px 0 !important}
[data-m="side"]{display:block !important;position:sticky !important;top:69px !important;z-index:60;margin:0 -16px}
[data-m="side"] .bc{display:none !important}
.side-dd{display:flex !important}
.side-card{display:none !important;position:absolute;top:100%;right:0;left:0;border:0 !important;border-bottom:1px solid #E5E7EB !important;border-radius:0 0 14px 14px !important;box-shadow:0 24px 48px rgba(17,24,39,0.14) !important;padding:8px 12px 12px !important;max-height:calc(100vh - 140px);overflow-y:auto}
.side-card.open{display:grid !important}
.side-card a{font-size:14px !important;white-space:normal !important}
.side-card>div>div{display:none !important}
.side-video{display:none !important}
[data-m="content"]{padding:0 !important;max-width:100% !important}
}
@media (max-width:890px){
[data-m="stats"]{grid-template-columns:1fr 1fr !important;gap:28px 20px !important}
}
@media (max-width:767px){
[data-m="vchain"]{grid-template-columns:1fr 1fr !important;gap:10px !important}
[data-m="vchain"]>div:nth-child(even){display:none !important}
[data-m="vchain"]>div{padding:16px 12px !important;gap:9px !important}
[data-m="vchain"]>div>div:first-child{width:34px !important;height:34px !important}
[data-m="vchain"]>div>div:last-child{font-size:12.5px !important;line-height:1.8 !important}
[data-m="vchain"] svg{width:17px !important;height:17px !important}
[data-m="vrow"]{grid-template-columns:1fr !important;gap:10px !important}
[data-m="vals"]{grid-template-columns:1fr 1fr !important}
[data-m="goals"]{grid-template-columns:1fr !important;gap:30px !important}
[data-m="aud"]{grid-template-columns:1fr 1fr !important;gap:12px !important}
[data-m="aud"]>div{padding:18px 16px !important;gap:10px !important}
[data-m="aud"] p{font-size:13px !important;line-height:1.9 !important}
[data-m="aud"] svg{width:26px !important;height:26px !important}
[data-m="chal"]{grid-template-columns:repeat(3,1fr) !important;gap:10px !important}
[data-m="chal"]>div{padding:16px 14px !important;gap:10px !important}
[data-m="chal"]>div>div{font-size:15px !important}
[data-m="chal"] p{font-size:12px !important;line-height:1.9 !important}
[data-m="chal"] svg{width:24px !important;height:24px !important}
[data-m="method"]{grid-template-columns:1fr !important;gap:30px !important}
[data-m="zigwrap"]{grid-template-columns:repeat(3,1fr) !important;gap:10px !important;align-items:stretch !important}
[data-m="zig"]{display:block !important;margin-top:0 !important;height:100% !important}
[data-m="zig"]>div:nth-child(2){display:none !important}
[data-m="zig"]>div:empty{display:none !important}
[data-m="zig"]>div{display:block !important;height:100% !important}
[data-m="zig"]>div>div{max-width:none !important;padding:14px 14px !important;height:100% !important;box-sizing:border-box !important}
[data-m="zig"] p{font-size:12px !important;line-height:1.9 !important}
[data-m="zig"]>div>div>div>div{font-size:13.5px !important}
[data-m="stats"]{grid-template-columns:1fr 1fr !important;gap:28px 20px !important}
[data-m="axes"]{grid-template-columns:1fr !important}
}
@media (max-width:900px) and (min-width:601px){
[data-m="why"]{gap:16px !important}
[data-m="why"]>div:nth-child(odd){padding:16px 20px 16px 62px !important}
[data-m="why"]>div:nth-child(even){padding:16px 62px 16px 20px !important}
[data-m="why"]>div:nth-child(1){border-radius:16px 16px 16px 78px !important}
[data-m="why"]>div:nth-child(2){border-radius:16px 16px 78px 16px !important}
[data-m="why"]>div:nth-child(3){border-radius:78px 16px 16px 16px !important}
[data-m="why"]>div:nth-child(4){border-radius:16px 78px 16px 16px !important}
[data-m="why"]>div>div{font-size:15px !important}
[data-m="why"] p{font-size:12.5px !important;line-height:1.9 !important}
[data-m="whylogo"]{width:142px !important;height:142px !important}
[data-m="whylogo"]>div{width:110px !important;height:110px !important}
[data-m="whylogo"] img{width:70px !important}
}
@media (max-width:600px){
[data-m="chal"]{grid-template-columns:1fr 1fr !important}
[data-m="chal"]>div:nth-child(3){grid-column:1 / -1 !important}
[data-m="zigwrap"]{grid-template-columns:1fr 1fr !important;gap:10px !important}
[data-m="why"]{grid-template-columns:1fr 1fr !important;gap:10px !important}
[data-m="whylogo"]{display:none !important}
[data-m="why"]>div{padding:14px 13px !important;border-radius:14px !important;min-height:0 !important;gap:8px !important;align-content:start !important}
[data-m="why"]>div>div{font-size:13.5px !important;gap:7px !important}
[data-m="why"]>div>div svg{width:17px !important;height:17px !important}
[data-m="why"] p{font-size:11.5px !important;line-height:1.85 !important}
}
@media (max-width:440px){
[data-m="stats"]{gap:22px 14px !important;padding:24px 20px !important}
[data-m="stats"]>div>div:first-child{font-size:23px !important}
[data-m="stats"]>div>div:last-child{font-size:11px !important;line-height:1.75 !important}
}
@media (max-width:470px){
[data-m="vchain"]{grid-template-columns:1fr !important}
[data-m="chal"]{grid-template-columns:1fr !important}
[data-m="chal"]>div:nth-child(3){grid-column:auto !important}
[data-m="zigwrap"]{grid-template-columns:1fr !important}
[data-m="why"]{grid-template-columns:1fr !important;gap:12px !important}
[data-m="why"]>div{padding:16px 16px !important}
[data-m="why"]>div>div{font-size:15px !important}
[data-m="why"] p{font-size:13px !important;line-height:1.95 !important}
}
@media (max-width:770px){
[data-m="nav"]{padding:8px 14px !important}
[data-m="links"]{display:none !important}
[data-m="donate"]{display:none !important}
[data-m="burger"]{display:flex !important}
}
@media (max-width:1380px){
[data-m="aboutrow"]{flex-direction:column !important;align-items:flex-start !important;text-align:right !important;gap:20px !important}
}
@media (max-width:720px){
html,body{overflow-x:clip}
[data-m="hero"]{padding:32px 16px 28px !important}
[data-m="layout"]{display:block !important;padding:20px 16px 0 !important}
[data-m="content"]{min-width:0;max-width:100% !important}
[data-m="content"] section{min-width:0;max-width:100%}
h2{overflow-wrap:anywhere}
[data-m="side"]{display:block !important;position:sticky !important;top:69px !important;z-index:60;margin:0 -16px}
[data-m="side"] .bc{display:none !important}
.side-dd{display:flex !important}
.side-card{display:none !important;position:absolute;top:100%;right:0;left:0;border:0 !important;border-bottom:1px solid #E5E7EB !important;border-radius:0 0 14px 14px !important;box-shadow:0 24px 48px rgba(17,24,39,0.14) !important;padding:8px 12px 12px !important;max-height:calc(100vh - 140px);overflow-y:auto}
.side-card.open{display:grid !important}
.side-card a{font-size:14px !important;white-space:normal !important}
.side-card>div>div{display:none !important}
.side-video{display:none !important}
[data-m="content"]{padding:0 !important}
[data-m="vrow"]{grid-template-columns:1fr !important;gap:10px !important}
[data-m="vals"]{grid-template-columns:1fr 1fr !important}
[data-m="goals"]{grid-template-columns:1fr !important;gap:30px !important}
[data-m="aud"]{grid-template-columns:1fr 1fr !important;gap:10px !important}
[data-m="aud"]>div{padding:14px 13px !important;gap:8px !important}
[data-m="aud"] p{font-size:12px !important;line-height:1.85 !important}
[data-m="aud"] svg{width:22px !important;height:22px !important}
[data-m="method"]{grid-template-columns:1fr !important;gap:30px !important}
[data-m="stats"]{grid-template-columns:1fr 1fr !important;gap:28px 18px !important;padding:26px 20px !important}
[data-m="axes"]{grid-template-columns:1fr !important}
[data-m="footer"]{grid-template-columns:1fr !important;gap:28px !important;padding:36px 16px 28px !important}
h1{font-size:27px !important}
h2{font-size:26px !important}
}
@media (max-width:390px){
h2{font-size:22px !important}
}
html{scroll-behavior:smooth}body{margin:0;background:#fff;font-family:'Cairo',sans-serif}a{color:#B98E2C;text-decoration:none}a:hover{color:#8F6C1E}*{box-sizing:border-box}

/* extracted element styles */
.c1{display:flex;align-items:center;gap:10px;background:#C7A14E;color:#1A2B45;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:700;text-decoration:none;flex-shrink:0;transition:background .25s ease}
.c1:hover{background:#D9B563;color:#fff}
.c1 svg{stroke:#fff}
.c2{background:linear-gradient(160deg,#2A3D5C 0%,#1A2B45 75%);border:1px solid rgba(199,161,78,0.25);border-radius:14px;padding:24px 22px;display:grid;gap:14px;align-content:start;transition:box-shadow .2s}
.c2:hover{box-shadow:0 10px 24px rgba(26,43,69,0.25)}
.c3{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 24px}
.c4{height:52px;width:auto;display:block;flex-shrink:0}
.c5{display:flex;gap:22px;font-size:13px;color:#374151}
.c6{cursor:pointer}
.c7{color:#8A6A1F;font-weight:700;cursor:pointer}
.c8{color:#374151;font-weight:400}
.c9{background:#C7A14E;color:#1A2B45;font-weight:700;font-size:14px;padding:7px 22px;border-radius:8px;cursor:pointer;flex-shrink:0;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.c9:hover{background:#D9B563;transform:translateY(-2px);box-shadow:0 12px 26px rgba(199,161,78,0.35)}
.c9:active{transform:translateY(0);box-shadow:none}
.c10{display:none;flex-direction:column;gap:5px;padding:10px 6px;cursor:pointer;flex-shrink:0}
.c11{width:22px;height:2px;background:#1A2B45;border-radius:2px}
.c12{display:grid;gap:0;padding:4px 16px 16px;border-top:1px solid #F3F4F6;position:absolute;top:100%;right:0;left:0;background:#fff;box-shadow:0 24px 48px rgba(17,24,39,0.14);max-height:calc(100vh - 90px);overflow-y:auto;z-index:95}
.c13{padding:12px 4px;font-size:16px;color:#374151;border-bottom:1px solid #F3F4F6;cursor:pointer}
.c14{padding:12px 4px;font-size:16px;color:#8A6A1F;font-weight:700;border-bottom:1px solid #F3F4F6;cursor:pointer}
.c15{padding:12px 4px;font-size:16px;color:#374151;font-weight:400;border-bottom:1px solid #F3F4F6}
.c16{margin-top:14px;background:#C7A14E;color:#1A2B45;font-weight:700;font-size:14px;padding:9px 22px;border-radius:8px;cursor:pointer;text-align:center}
.c17{background:#FBF8F0;border-bottom:1px solid #E3D3A8;position:relative}
.c18{max-width:1180px;margin:0 auto;padding:44px 24px 40px;position:relative}
@media (max-width:860px){.c18>img{display:none !important}}
.c19{color:#111827;font-size:34px;margin:0 0 8px;font-weight:700;font-family:'Thmanyah Serif Display',serif}
.c20{color:#6B7280;font-size:14.5px;margin:0}
.c21{padding:20px 32px 0;display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.c22{display:grid;gap:2px;padding:4px 16px 6px 0}
.c23{width:100%;max-width:none;margin:0;padding:0}
.c24{scroll-margin-top:64px;padding:54px 0 10px}
.c25{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:22px}
.c26{margin:0;font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:32px;color:#111827}
.c27{max-width:940px;margin:0 auto;padding:0 24px}
.c28{margin:0;font-size:15.5px;line-height:1.8;color:#1A2B45;text-wrap:pretty;text-align:right}
.c29{margin-top:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;border-top:1px solid #E3D3A8;padding-top:16px;text-align:right}
.c30{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#4A5470}
@media (max-width:1024px){.side-video{display:none !important}}
.c31{flex-shrink:0}
.c32{scroll-margin-top:64px;padding:54px 0 10px;max-width:1000px;margin:0 auto}
.c33{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:48px}
.c34{position:relative;overflow:hidden;background:#FBF8F0;border-radius:18px;padding:44px 46px}
.c35{position:absolute;left:-40px;bottom:-50px;height:320px;width:auto;opacity:0.05;pointer-events:none}
.c36{display:grid;gap:32px;position:relative}
.c37{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start}
.c38{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:22px;color:#1A2B45;display:flex;align-items:center;gap:10px;justify-content:flex-start;margin-right:-12px}
.c38 svg{width:24px;height:24px;flex:0 0 24px}
.c39{margin:0;font-size:14.5px;line-height:2.2;color:#3D4763;text-wrap:pretty}
.c40{height:1px;background:#E3D3A8}
.c41{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px}
.c42{display:flex;align-items:center;gap:8px;font-size:12px;color:#3D4763}
.c43{width:7px;height:7px;background:#C7A14E;border-radius:2px;transform:rotate(45deg);flex-shrink:0}
.c44{max-width:960px}
.c45{display:grid;grid-template-columns:repeat(2,1fr);gap:0 44px;align-items:start}
.c46{display:grid;align-content:start;gap:30px}
.c47{position:relative;padding-right:28px;border-right:1px solid #E3D3A8}
.c48{position:absolute;right:-7px;top:8px;width:13px;height:13px;background:#C7A14E;border-radius:4px;transform:rotate(45deg);border:3px solid #fff;box-shadow:0 0 0 1px #E3D3A8}
.c49{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:16px;color:#8A6A1F;margin-bottom:6px}
.c50{margin:0;font-size:15px;line-height:2.05;color:#3D4763;max-width:820px;text-wrap:pretty}
.c51{position:relative;max-width:900px;margin:0 auto}
.c52{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.c53{background:#FBF8F0;border-radius:16px 16px 16px 110px;padding:22px 28px 22px 90px;display:grid;gap:10px;align-content:center;min-height:0}
.c54{display:flex;align-items:center;gap:10px;font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:18px;color:#1A2B45}
.c55{margin:0;font-size:14px;line-height:2.05;color:#4A5470;text-wrap:pretty}
.c56{background:#FBF8F0;border-radius:16px 16px 110px 16px;padding:22px 90px 22px 28px;display:grid;gap:10px;align-content:center;min-height:0}
.c57{background:#FBF8F0;border-radius:110px 16px 16px 16px;padding:22px 28px 22px 90px;display:grid;gap:10px;align-content:center;min-height:0}
.c58{background:#FBF8F0;border-radius:16px 110px 16px 16px;padding:22px 90px 22px 28px;display:grid;gap:10px;align-content:center;min-height:0}
.c59{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:212px;height:212px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.c60{position:relative;width:166px;height:166px;border-radius:50%;border:1.5px dashed #C7A14E;background:radial-gradient(circle,#FDFBF5 0%,#fff 78%);display:flex;align-items:center;justify-content:center}
.c61{width:108px;height:auto;animation:breathe 6s ease-in-out infinite}
.c62{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}
.c63{position:absolute;top:-25%;bottom:-25%;width:38%;left:-70%;transform:rotate(18deg);background:linear-gradient(105deg,rgba(255,255,255,0) 15%,rgba(199,161,78,0.1) 45%,rgba(255,255,255,0.28) 55%,rgba(255,255,255,0) 85%);animation:shine 3.8s ease-in-out infinite}
.c64{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.c65{display:grid;place-items:start}
.c66{margin:0;font-size:13.5px;line-height:2;color:#DCE1EA;text-wrap:pretty}
.c67{display:grid;gap:8px}
.c68{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center}
.c69{display:flex;justify-content:flex-end}
.c70{background:#FBF8F0;border:1px solid #E3D3A8;border-radius:14px;padding:16px 20px;text-align:center;width:100%;min-height:130px;display:flex;flex-direction:column;justify-content:center}
.c71{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:5px}
.c72{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:15px;color:#8A6A1F}
.c73{margin:0;font-size:13.5px;line-height:2.05;color:#3D4763;text-wrap:pretty}
.c74{display:grid;justify-items:center;height:100%;position:relative}
.c75{position:absolute;top:0;bottom:0;width:1px;background:#E3D3A8;right:50%}
.c76{width:28px;height:28px;background:#fff;border:1px solid #E3D3A8;border-radius:8px;transform:rotate(45deg);display:grid;place-items:center;align-self:center;position:relative}
.c77{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:11.5px;color:#C7A14E;transform:rotate(-45deg)}
.c78{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center;margin-top:-2.5rem}
.c79{display:flex;justify-content:flex-start}
.c80{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:16px}
.c81{margin:0 auto 36px;max-width:640px;text-align:center;font-size:14px;line-height:2.1;color:#6B7280;text-wrap:pretty}
.c82{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.c83{background:linear-gradient(160deg,#fff 0%,#fff 55%,#FBF7EC 100%);border:1px solid rgba(26,43,69,0.14);border-radius:18px;padding:32px 28px 34px;display:grid;gap:14px;align-content:start;box-shadow:0 8px 22px -18px rgba(26,43,69,0.35)}
.c84{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:20px;color:#1A2B45}
.c85{margin:0;font-size:14px;line-height:2.1;color:#3D4763;text-wrap:pretty}
.c86{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.c87{display:grid;gap:28px}
.c88{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:16.5px;color:#8A6A1F}
.c89{margin:0;font-size:14.5px;line-height:2.15;color:#3D4763;text-wrap:pretty}
.c90{height:1px;background:#EEE9DA}
.c91{background:linear-gradient(160deg,#2A3D5C 0%,#1A2B45 75%);border-radius:16px;padding:30px 30px}
.c92{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:16.5px;color:#fff;margin-bottom:22px;position:relative}
.c93{display:grid}
.c94{display:flex;gap:16px;align-items:start;position:relative;padding-bottom:26px}
.c95{position:absolute;right:16px;top:36px;bottom:0;width:1px;background:rgba(199,161,78,0.42)}
.c96{width:33px;height:33px;flex-shrink:0;background:rgba(199,161,78,0.16);border:1px solid rgba(199,161,78,0.55);color:#E4CE96;border-radius:50%;display:grid;place-items:center;font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:13.5px;color:#8A6A1F;position:relative;z-index:1}
.c97{margin:4px 0 0;font-size:13.5px;line-height:2.05;color:#DCE1EA;text-wrap:pretty}
.c98{display:flex;gap:16px;align-items:start;position:relative;padding-bottom:0}
.c99{margin-top:44px;border:1px solid #E5E7EB;border-radius:14px;overflow:hidden;background:#faf9f5}
.c100{height:400px;overflow:hidden;position:relative}
.c101{position:absolute;top:0;right:0;width:1600px;height:1500px;border:0;transform:scale(0.34);transform-origin:top right}
.c102{padding:56px 0 64px;max-width:1000px;margin:0 auto}
.c103{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.c104{width:9px;height:9px;background:#C7A14E;transform:rotate(45deg)}
.c105{margin:0;font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:23px;color:#111827}
.c106{margin:0 0 26px;font-size:14px;color:#6B7280}
.c107{margin-top:26px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:0;max-width:1100px}
.c108{background:#1A2B45;border-radius:14px;padding:26px 20px;display:grid;gap:12px;align-content:start;justify-items:center;text-align:center}
.c109{width:44px;height:44px;border-radius:50%;background:rgba(199,161,78,0.18);display:flex;align-items:center;justify-content:center}
.c110{font-size:14px;font-weight:700;color:#F2E9D4;line-height:1.8}
.c111{display:flex;align-items:center;padding:0 6px}
.c112{background:#24385B;border-radius:14px;padding:26px 20px;display:grid;gap:12px;align-content:start;justify-items:center;text-align:center}
.c113{background:#A07E2B;border-radius:14px;padding:26px 20px;display:grid;gap:12px;align-content:start;justify-items:center;text-align:center}
.c114{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.22);display:flex;align-items:center;justify-content:center}
.c115{font-size:14px;font-weight:700;color:#fff;line-height:1.8}
.c116{background:#C7A14E;border-radius:14px;padding:26px 20px;display:grid;gap:12px;align-content:start;justify-items:center;text-align:center}
.c117{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center}
.c118{display:grid;justify-items:center;gap:6px;margin-bottom:48px}
.c119{margin:0;font-size:14px;color:#6B7280}
.c120{background:#1A2B45;border-radius:16px;padding:34px 36px;display:grid;grid-template-columns:repeat(4,1fr);gap:72px 34px;margin-bottom:22px}
.c121{display:grid;gap:6px;align-content:start;justify-items:center;text-align:center}
.c122{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:34px;color:#C7A14E}
.c123{font-size:12.5px;color:#DCE1EA;line-height:1.9}
.c124{background:#1A2B45;border-radius:16px;padding:34px 36px;margin-bottom:54px}
.c125{display:grid;grid-template-columns:290px 1fr;gap:32px;align-items:start}
.c126{display:grid;gap:2px}
.c127{font-size:13px;line-height:1.8}
.c128{display:grid;gap:0;align-content:start}
.c129{display:grid;grid-template-columns:auto 1fr;gap:18px}
.c130{display:grid;justify-items:center;grid-template-rows:42px 1fr}
.c131{align-self:center;width:30px;height:30px;background:rgba(199,161,78,0.14);border:1px solid rgba(199,161,78,0.5);border-radius:8px;transform:rotate(45deg);display:grid;place-items:center}
.c132{transform:rotate(-45deg);font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:12.5px;color:#C7A14E}
.c133{padding-bottom:26px}
.c134{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:42px}
.c135{flex:1;font-weight:700;font-size:14px;color:#F2E9D4}
.c131.on{background:#C7A14E;border-color:#C7A14E;box-shadow:0 0 0 4px rgba(199,161,78,0.18)}
.c131.on .c132{color:#1A2B45}
.c135.on{color:#C7A14E}
.c131,.c132,.c135{transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.c136{border:1px dashed rgba(199,161,78,0.4);border-radius:12px;padding:22px;font-size:13px;color:#AEB6C6;text-align:center}
.c137{background:#111827;color:#C7CDD6}
.c138{max-width:1180px;margin:0 auto;padding:48px 24px 36px;display:grid;grid-template-columns:1.3fr 0.7fr 1fr 1.2fr;gap:36px}
.c139{height:48px;width:auto;display:block;margin-bottom:18px}
.c140{margin:0;font-size:13px;line-height:2;color:#8E97A6;text-wrap:pretty}
.c141{margin:0 0 16px;color:#fff;font-family:'Thmanyah Serif Display',serif;font-size:15px}
.c142{display:grid;gap:10px;font-size:13px}
.c143{color:#C7CDD6}
.c144{display:grid;gap:10px;font-size:13px;color:#8E97A6}
.c145{margin:0 0 14px;font-size:12.5px;color:#8E97A6}
.c146{display:flex;gap:8px}
.c147{flex:1;background:#1F2937;border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:10px 14px;color:#fff;font-size:13px;font-family:'Cairo',sans-serif;outline:none}
.c148{background:#C7A14E;color:#111827;font-weight:700;font-size:13px;padding:10px 18px;border-radius:8px;cursor:pointer}
.c149{border-top:1px solid rgba(255,255,255,0.08)}
.c150{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;gap:20px;font-size:12.5px;color:#8E97A6;flex-wrap:wrap}
.c151{display:block;color:#4B5563;font-size:13.5px;font-weight:600;padding:10px 14px;border-radius:8px;white-space:nowrap}
.c151:hover{background:#F5F1E6;color:#1A2B45}
.c152{background:#fff;border:1px solid #EFE5D0;border-radius:12px;padding:15px 18px;display:flex;align-items:center;justify-content:center;text-align:center}
.c152:hover{border-color:#C7A14E}
.c153{background:rgba(255,255,255,0.05);border:1px solid rgba(199,161,78,0.26);border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:center;text-align:center}
.c153:hover{background:rgba(255,255,255,0.09);border-color:rgba(199,161,78,0.55)}
.c154{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid #E5E7EB}
.c155{color:#8A6A1F;font-weight:700}
.c156{padding:12px 4px;font-size:14px;color:#8A6A1F;font-weight:700;border-bottom:1px solid #F3F4F6}
.c157{background:#FBF8F0;border-bottom:1px solid #E3D3A8}
.c158{max-width:1180px;margin:0 auto;padding:44px 24px 40px}
.c159{position:sticky;top:93px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 6px 18px rgba(17,24,39,0.06);padding:10px;display:grid;gap:2px}
.c160{display:block;background:#1A2B45;color:#fff;font-weight:700;font-size:13.5px;padding:10px 14px;border-radius:8px;white-space:nowrap;border-right:3px solid #C7A14E}
.c161{width:100%;max-width:1000px;margin:0 auto;padding:12px 0 30px}
.c162{display:grid;gap:22px;margin-bottom:22px}
.c163{background:#FBF8F0;border-radius:16px;padding:34px 32px;order:2}
.c164{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:18px}
.c165{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:22px;color:#111827}
.c166{width:48px;height:2px;background:#C7A14E}
.c167{max-width:820px;margin:0 auto 26px;text-align:center;font-size:13.5px;line-height:2.1;color:#4B5563;text-wrap:pretty}
.c168{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:12px}
.c169{font-size:14px;font-weight:600;color:#1A2B45;line-height:1.85;text-wrap:pretty}
.c170{background:#1A2B45;border-radius:16px;padding:34px 32px;order:1;position:relative;overflow:hidden}
.c171{position:relative}
.c172{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:24px}
.c173{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:22px;color:#fff}
.c174{max-width:480px;margin:0 auto 26px;background:linear-gradient(160deg,rgba(199,161,78,0.16),rgba(199,161,78,0.04));border:1px solid rgba(199,161,78,0.45);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
.c175{font-size:11px;font-weight:700;letter-spacing:2.5px;color:#C7A14E}
.c176{font-family:'Thmanyah Serif Display',serif;font-size:19px;font-weight:700;color:#fff;line-height:1.7}
.c177{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.c178{font-size:14px;font-weight:600;color:#F3F4F6;line-height:1.8;text-wrap:pretty}
.c179{display:flex;justify-content:center;padding:26px 0 50px}
.c180{font-size:14px;font-weight:700}

.ddw{position:relative;display:inline-flex;align-items:center}
.ddt{color:#8A6A1F;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.ddp{position:absolute;top:100%;right:-10px;width:342px;padding-top:14px;z-index:60;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.ddw:hover .ddp,.ddp:hover{opacity:1;visibility:visible;transform:translateY(0)}
.ddc{background:#fff;border:1px solid #E3D3A8;border-radius:14px;box-shadow:0 18px 40px rgba(26,43,69,0.16);padding:8px}
.ddwm{position:absolute;left:-10px;top:50%;transform:translateY(-50%);height:74px;width:auto;pointer-events:none;opacity:0;transition:opacity .22s ease}
.ddi:hover .ddwm{opacity:0.16}
.ddi-on .ddwm{opacity:0.16}
.ddi{position:relative;overflow:hidden;display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:9px;color:#1A2B45;text-decoration:none;transition:background .18s ease,color .18s ease}
.ddi:hover{background:#FBF8F0;color:#1A2B45}
.ddbox{width:32px;height:32px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;background:rgba(199,161,78,0.14);border:1px solid #E3D3A8;transition:background .18s ease,border-color .18s ease}
.ddi:hover .ddbox{background:#fff;border-color:#C7A14E}
.ddbox svg{stroke:#A07E2B;transition:stroke .18s ease,stroke-width .18s ease}
.ddi:hover .ddbox svg{stroke:#C7A14E;stroke-width:2}
.ddtx{display:flex;flex-direction:column;gap:3px;padding-top:2px}
.ddttl{font-size:13.5px;font-weight:700;color:inherit}
.ddsub{font-size:11.5px;line-height:1.6;color:#6B7280;transition:color .18s ease}
.ddi:hover .ddsub{color:#8A8266}
.ddm{display:grid;gap:2px;padding:4px 0 8px;margin-right:10px;border-right:2px solid #E3D3A8}
.ddm a{font-size:15px;color:#4B5563;padding:7px 12px;text-decoration:none}
.ddm a:hover{color:#8A6A1F}
@media (max-width:1024px){.ddp{display:none}}

#why .c53,#why .c56,#why .c57,#why .c58{background:#fff;border:1px solid #E3D3A8}

.g-list{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(251,248,240,0) 0%,rgba(251,248,240,0.85) 42%,rgba(251,248,240,0) 100%);border-radius:18px;padding:20px 34px 26px}
.g-wm{position:absolute;left:-70px;bottom:-90px;height:360px;width:auto;opacity:0.05;filter:grayscale(1) brightness(0.4);pointer-events:none;z-index:0}
@media (max-width:720px){.g-wm{height:220px;left:-50px;bottom:-60px}}
.g-row{position:relative;z-index:1}
.g-row{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #EFE7D4}
.g-row:first-of-type{border-top:0}
.g-num{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:20px;line-height:1;color:#C7A14E;letter-spacing:-1px;display:flex;align-items:center;justify-content:center}
.g-txt{display:grid;grid-template-columns:210px 1fr;gap:6px 0;align-items:center}
.g-ttl{padding-left:14px;border-left:1px solid #E3D3A8}
.g-desc{padding-right:14px}
.g-ttl{font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:16px;color:#1A2B45;line-height:1.5}
.g-desc{margin:0;font-size:14px;line-height:2.05;color:#3D4763;text-wrap:pretty}
@media (max-width:860px){.g-txt{grid-template-columns:1fr;gap:5px}.g-ttl{padding-left:0;border-left:0}.g-desc{padding-right:0}}
@media (max-width:600px){.g-list{padding:6px 12px 12px !important;border-radius:12px}.g-row{grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:14px 0}.g-num{font-size:22px;line-height:1.5;align-self:start}.g-ttl{font-size:16px}.g-desc{font-size:14px;line-height:1.9}}

.aud-card{background:#FBF8F0;border-radius:14px;padding:20px 20px;display:flex;gap:13px;align-items:flex-start}
.aud-ico{flex-shrink:0;padding-top:2px;display:grid;place-items:center}
.aud-txt{margin:0;font-size:13.5px;line-height:1.95;color:#3D4763;text-wrap:pretty}

.bc-wrap{max-width:1000px;margin:0 auto;padding:18px 24px 0}
.bc{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#6B7280;flex-wrap:wrap}
.bc a{color:#6B7280;text-decoration:none}
.bc a:hover{color:#8A6A1F}
.bc-sep{color:#D6CDB6}
.bc-cur{color:#1A2B45;font-weight:700}
.side-members{display:block;padding:10px 14px;color:#374151;font-size:13.5px;text-decoration:none;white-space:nowrap}
.side-members:hover{color:#1A2B45}


.ddi-on{background:#F6EEDC;color:#1A2B45}
.ddi-on .ddttl{color:#1A2B45}
.ddi-on .ddsub{color:#8A8266}
.ddi-on .ddbox{background:#fff;border-color:#C7A14E}
.ddi-on .ddbox svg{stroke:#C7A14E}

.tab-hide{display:none!important}

@keyframes tabIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
[data-m="content"]>section{animation:tabIn 0.4s ease both}
.side-link{transition:background 0.18s ease,color 0.18s ease,border-color 0.18s ease}
.side-link:not(.on):hover{background:#F5F1E6 !important;color:#1A2B45 !important;border-right-color:#C7A14E !important}

.aboutGrid{max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,44%);gap:56px;align-items:center}
.aboutVideo{order:2;position:relative;align-self:center;padding:24px 0}
.aboutVideo video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#1A2B45}
.aboutText{order:1;min-width:0}
@media (max-width:820px){.aboutGrid{grid-template-columns:1fr;gap:24px}.aboutVideo{order:1;padding:16px 0 8px}.aboutText{order:2}}
@media (max-width:720px){.c27.aboutGrid{padding:0 !important}.aboutVideo{padding:8px 0 4px}.aboutVideo>div:first-child{inset:-12px}.aboutVideo [role="button"]{border-radius:14px !important}.about-play{width:56px !important;height:56px !important}.about-play svg{width:22px;height:22px}}

/* محاور العمل — الجوال */
@media (max-width: 900px){
  .axgrid{grid-template-columns:minmax(0,1fr) !important;gap:14px !important}
  .axside{display:none !important}
  .axdrop{display:block !important}
  .axhead{padding:12px 16px !important;gap:12px !important}
  .axhead span{font-size:24px !important}
  .axhead h3{font-size:15px !important;line-height:1.7 !important;font-weight:700 !important}
  .axrow{padding:14px 16px !important}
  .axrow h4{font-size:13.5px !important}
  .axrow p{font-size:12.5px !important}
}

/* طريقة عملنا — أسهم متدرجة */
.mwgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 0;align-items:stretch}
.mwchv{grid-row:2;clip-path:polygon(100% 0,calc(100% - 30px) 50%,100% 100%,30px 100%,0 50%,30px 0);margin-inline-start:-22px;transition:filter .25s ease}
.mwchv.first{clip-path:polygon(100% 0,100% 100%,30px 100%,0 50%,30px 0);margin-inline-start:0;padding-right:28px !important}
.mwchv:hover{filter:brightness(1.06)}
.mwchv.mw1{grid-column:1}.mwchv.mw2{grid-column:2}.mwchv.mw3{grid-column:3}.mwchv.mw4{grid-column:4}
.mwlbl{grid-row:1}
.mwlbl.mwl1{grid-column:1/3;margin-inline-start:0;margin-inline-end:31px}
.mwlbl.mwl2{grid-column:3/5;margin-inline-start:-22px;margin-inline-end:30px}
@media (max-width:900px){
  .mwsec{padding:64px 20px !important}
  .mwwm{display:none}
  .mwgrid{grid-template-columns:1fr !important;grid-auto-flow:row;gap:0 !important}
  .mwgrid .mwchv,.mwgrid .mwlbl,.mwgrid .mwchv.mw1,.mwgrid .mwchv.mw2,.mwgrid .mwchv.mw3,.mwgrid .mwchv.mw4,.mwgrid .mwlbl.mwl1,.mwgrid .mwlbl.mwl2{grid-row:auto !important;grid-column:1 !important;margin:0 !important;width:100%;box-sizing:border-box}
  .mwgrid .mwlbl{padding:12px 18px !important;margin-bottom:12px !important}
  .mwlbl h3{font-size:19px !important}
  .mwgrid .mwlbl.mwl1{order:1}.mwgrid .mwchv.mw1{order:2}.mwgrid .mwchv.mw2{order:3}.mwgrid .mwlbl.mwl2{order:4;margin-top:28px !important}.mwgrid .mwchv.mw3{order:5}.mwgrid .mwchv.mw4{order:6}
  .mwgrid .mwchv{clip-path:polygon(0 0,50% 22px,100% 0,100% calc(100% - 22px),50% 100%,0 calc(100% - 22px)) !important;padding:36px 20px 40px !important;margin-top:-16px !important}
  .mwgrid .mwchv.first,.mwgrid .mwchv.mw3{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),50% 100%,0 calc(100% - 22px)) !important;padding:22px 20px 40px !important;margin-top:0 !important}
  .mwchv p{font-size:15px !important}
  .mwchv small{font-size:11.5px !important}
  .mwlbl span{font-size:12px !important}
}
@media (min-width:901px) and (max-width:1120px){
  .mwchv{padding:20px 38px 20px 30px !important}
  .mwchv.first{padding-right:22px !important}
  .mwchv p{font-size:14.5px !important}
  .mwchv small{font-size:11.5px !important}
  .mwlbl{padding:12px 16px !important;gap:10px !important}
  .mwlbl h3{font-size:18px !important}
  .mwlbl span{font-size:12px !important}
}
@media (max-width:480px){
  .mwsec h2{font-size:28px !important}
  .mwlbl h3{font-size:17px !important}
  .mwgrid .mwchv{padding:34px 16px 38px !important}
  .mwgrid .mwchv.first,.mwgrid .mwchv.mw3{padding:20px 16px 38px !important}
  .mwchv p{font-size:14.5px !important}
}

/* هيرو 2a — الجوال */
@media (max-width: 720px){
  .h2aw{padding:20px 16px 32px !important;gap:24px !important}
  .h2atx{gap:14px !important}
  .h2at1{font-size:23px !important}
  .h2at2{font-size:17px !important}
  .h2ap{font-size:13.5px !important}
  .h2atx a{font-size:14px !important;padding:8px 22px !important}
  .h2aplay{width:54px !important;height:54px !important}
  .h2aplay svg{width:20px !important;height:20px !important}
  .h2awm{display:none !important}
  .h2atx{text-align:center;justify-items:center}
  .h2atx>div{justify-content:center}
  .h2ap{max-width:none !important}
  .h2abadge{font-size:10.5px !important;padding:4px 10px !important;top:10px !important;right:10px !important}
}

/* scroll reveal */
html[data-rv-ready] [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1) var(--rv-d,0ms),transform .7s cubic-bezier(.22,.61,.36,1) var(--rv-d,0ms);will-change:opacity,transform}
html[data-rv-ready] [data-rv="in"]{opacity:1;transform:none;will-change:auto}
html[data-rv-ready] .g-wm[data-rv]{opacity:0.05;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1 !important;transform:none !important;transition:none !important}}

/* شاشات كبيرة (≥1600px): توسيع الحاوية العامة */
@media (min-width:1600px){
  .c3{max-width:1400px}
  [style*="max-width:1180px"],[style*="max-width: 1180px"]{max-width:1400px !important}
  [style*="max-width:1120px"],[style*="max-width: 1120px"]{max-width:1320px !important}
  [style*="max-width:1100px"],[style*="max-width: 1100px"]{max-width:1300px !important}
  [style*="max-width:1060px"],[style*="max-width: 1060px"]{max-width:1240px !important}
  [style*="max-width:1000px"],[style*="max-width: 1000px"]{max-width:1180px !important}
}

/* محاور — قائمة منسدلة على الجوال */
@media (max-width:720px){
.ax-ddw{display:block !important;position:sticky;z-index:6;transition:top .28s ease;min-width:0;background:#1A2B45;margin:-8px -16px 0;padding:8px 16px 10px}
.ax-dd{display:flex !important;min-width:0}
[data-m="axes"]{grid-template-columns:minmax(0,1fr) !important;gap:8px !important;min-width:0}
.c124{padding:22px 16px !important;overflow:visible}
.c128,.c133,.c135{min-width:0;overflow-wrap:anywhere}
.c135{white-space:normal !important}
.c126{display:none !important;position:absolute;top:calc(100% - 10px);right:16px;left:16px;z-index:6;background:#22375A;border:1px solid rgba(199,161,78,0.35);border-top:0;border-radius:0 0 10px 10px;padding:6px;box-shadow:0 20px 44px rgba(0,0,0,0.35)}
.c126.open{display:grid !important}
.ax-ddw:has(.c126.open) .ax-dd{border-radius:10px 10px 0 0 !important;border-bottom-color:rgba(199,161,78,0.15) !important}
.c126>div{padding:11px 14px !important}
}
@media (max-width:1100px){.svcgrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:860px){.svcgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.dsvgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:640px){.svcgrid,.dsvgrid{grid-template-columns:minmax(0,1fr) !important}.svchead h1{font-size:32px !important}}
.svc-card:hover::before{opacity:1 !important}
@keyframes fFadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes fFadeRight{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes fFadeLeft{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes fFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fPulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(240,180,41,0)}50%{box-shadow:0 0 20px 4px rgba(240,180,41,0.25)}}
@keyframes fArrowPulse{0%,100%{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.08)}}
@keyframes fShimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes fDrift{0%{transform:translateY(0) translateX(0) rotate(0)}50%{transform:translateY(-30px) translateX(15px) rotate(180deg)}100%{transform:translateY(0) translateX(0) rotate(360deg)}}
@keyframes prtL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes prtR{from{transform:translateX(-50%)}to{transform:translateX(0)}}

@media (max-width:860px){[data-ctinfo]{order:2}}
@media (max-width:640px){[data-ctsec]{padding-left:10px !important;padding-right:10px !important}[data-ctform]{padding:22px 16px !important;border-radius:16px !important}[data-ctinfo]{border-radius:16px !important}[data-ctinfo] > div:first-child{padding:24px 18px 16px !important}[data-ctinfo] > div:last-child{margin:0 10px 10px !important}}
@media (max-width:640px){[data-prthead]{flex-direction:column;align-items:center !important;text-align:center;gap:14px !important;margin-bottom:28px !important}[data-prthead] > div{justify-items:center;justify-content:center}[data-prthead] h2{font-size:28px !important}[data-prthead] p{font-size:14px !important}}
@media (max-width:1100px){.prjgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:560px){.prjgrid{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width:360px){.ptrack>div{width:104px !important;height:94px !important}.ptrack>div>img{width:76px !important;height:76px !important}}
@media (max-width:900px){.ftgrid{grid-template-columns:minmax(0,1fr) !important;gap:40px !important}.ftbar{flex-direction:column;gap:10px !important;text-align:center}}
@media (max-width:700px){.ptrack>div{width:120px !important;height:106px !important;padding:8px !important}.ptrack>div>img{width:86px !important;height:86px !important}.ptrack{gap:14px !important;padding-left:14px !important}}
@media (max-width:900px){.achwrap{grid-template-columns:minmax(0,1fr) !important;gap:36px !important}.achwrap .achtx{text-align:center;justify-items:center}.achcards{gap:10px !important}.achcards>div{padding:20px 12px !important}.achcards .achnum{font-size:32px !important}.achcards .achunit{font-size:19px !important}}
@media (max-width:860px){.mwsec>img{display:none !important}.mwrow2{flex-direction:column !important}.mwrow2 .mwarr{transform:rotate(-90deg);width:auto !important;padding:10px 0}[data-newsgrid]{grid-template-columns:minmax(0,1fr) !important}[data-newsitem]{grid-template-columns:minmax(0,1fr) !important}[data-newsitem] [data-newsthumb]{width:100% !important;height:170px !important;order:-1}}
@media (max-width:1100px){.svcgrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:860px){.svcgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.dsvgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:640px){.svcgrid,.dsvgrid{grid-template-columns:minmax(0,1fr) !important}.svchead h1{font-size:32px !important}}
@media (max-width:1100px){.wq-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:900px){.wq-intro{grid-template-columns:minmax(0,1fr) !important}.wq-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:560px){.wq-grid{grid-template-columns:minmax(0,1fr) !important}#waqfy{padding:36px 16px 64px !important}}
.svc-card:hover::before{opacity:1 !important}
@keyframes fFadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes fFadeRight{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes fFadeLeft{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes fFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fPulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(240,180,41,0)}50%{box-shadow:0 0 20px 4px rgba(240,180,41,0.25)}}
@keyframes fArrowPulse{0%,100%{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.08)}}
@keyframes fShimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes fDrift{0%{transform:translateY(0) translateX(0) rotate(0)}50%{transform:translateY(-30px) translateX(15px) rotate(180deg)}100%{transform:translateY(0) translateX(0) rotate(360deg)}}
@keyframes prtL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes prtR{from{transform:translateX(-50%)}to{transform:translateX(0)}}

@media (max-width:860px){[data-ctinfo]{order:2}}
@media (max-width:640px){[data-ctsec]{padding-left:10px !important;padding-right:10px !important}[data-ctform]{padding:22px 16px !important;border-radius:16px !important}[data-ctinfo]{border-radius:16px !important}[data-ctinfo] > div:first-child{padding:24px 18px 16px !important}[data-ctinfo] > div:last-child{margin:0 10px 10px !important}}
@media (max-width:640px){[data-prthead]{flex-direction:column;align-items:center !important;text-align:center;gap:14px !important;margin-bottom:28px !important}[data-prthead] > div{justify-items:center;justify-content:center}[data-prthead] h2{font-size:28px !important}[data-prthead] p{font-size:14px !important}}
@media (max-width:1100px){.prjgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:560px){.prjgrid{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width:360px){.ptrack>div{width:104px !important;height:94px !important}.ptrack>div>img{width:76px !important;height:76px !important}}
@media (max-width:900px){.ftgrid{grid-template-columns:minmax(0,1fr) !important;gap:40px !important}.ftbar{flex-direction:column;gap:10px !important;text-align:center}}
@media (max-width:700px){.ptrack>div{width:120px !important;height:106px !important;padding:8px !important}.ptrack>div>img{width:86px !important;height:86px !important}.ptrack{gap:14px !important;padding-left:14px !important}}
@media (max-width:900px){.achwrap{grid-template-columns:minmax(0,1fr) !important;gap:36px !important}.achwrap .achtx{text-align:center;justify-items:center}.achcards{gap:10px !important}.achcards>div{padding:20px 12px !important}.achcards .achnum{font-size:32px !important}.achcards .achunit{font-size:19px !important}}
@media (max-width:860px){.mwsec>img{display:none !important}.mwrow2{flex-direction:column !important}.mwrow2 .mwarr{transform:rotate(-90deg);width:auto !important;padding:10px 0}[data-newsgrid]{grid-template-columns:minmax(0,1fr) !important}[data-newsitem]{grid-template-columns:minmax(0,1fr) !important}[data-newsitem] [data-newsthumb]{width:100% !important;height:170px !important;order:-1}}
@media (max-width:1100px){.svcgrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:860px){.svcgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.dsvgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:640px){.svcgrid,.dsvgrid{grid-template-columns:minmax(0,1fr) !important}.svchead h1{font-size:32px !important}}
@media (max-width:1100px){.acc-funds{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.acc-banks{grid-template-columns:minmax(0,1fr) !important;max-width:640px;margin:0 auto;width:100%}}
@media (max-width:640px){
#accounts{padding:36px 16px 64px !important}
#accounts>div{gap:28px !important}
.acc-funds{display:flex !important;overflow-x:auto;gap:10px !important;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.acc-funds::-webkit-scrollbar{display:none}
.acc-funds>div{flex:0 0 180px;padding:14px 16px !important}
.acc-bank-head{padding:16px 16px !important;gap:12px !important}
.acc-bank-head>div:first-child{width:104px !important;height:44px !important}
.acc-bank-head h2{font-size:18px !important}
.acc-row{padding:12px 16px !important;gap:2px 10px !important}
.acc-row .acc-num{font-size:15.5px !important}
.acc-row button{padding:8px 10px !important;min-height:40px}
.acc-row button span.acc-btn-txt{display:none}
.acc-note{padding:16px 16px !important;gap:12px !important}
}
.svc-card:hover::before{opacity:1 !important}
@keyframes fFadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes fFadeRight{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes fFadeLeft{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes fFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fPulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(240,180,41,0)}50%{box-shadow:0 0 20px 4px rgba(240,180,41,0.25)}}
@keyframes fArrowPulse{0%,100%{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.08)}}
@keyframes fShimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes fDrift{0%{transform:translateY(0) translateX(0) rotate(0)}50%{transform:translateY(-30px) translateX(15px) rotate(180deg)}100%{transform:translateY(0) translateX(0) rotate(360deg)}}
@keyframes prtL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes prtR{from{transform:translateX(-50%)}to{transform:translateX(0)}}

@media (max-width:860px){[data-ctinfo]{order:2}}
@media (max-width:640px){[data-ctsec]{padding-left:10px !important;padding-right:10px !important}[data-ctform]{padding:22px 16px !important;border-radius:16px !important}[data-ctinfo]{border-radius:16px !important}[data-ctinfo] > div:first-child{padding:24px 18px 16px !important}[data-ctinfo] > div:last-child{margin:0 10px 10px !important}}
@media (max-width:640px){[data-prthead]{flex-direction:column;align-items:center !important;text-align:center;gap:14px !important;margin-bottom:28px !important}[data-prthead] > div{justify-items:center;justify-content:center}[data-prthead] h2{font-size:28px !important}[data-prthead] p{font-size:14px !important}}
@media (max-width:1100px){.prjgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:560px){.prjgrid{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width:360px){.ptrack>div{width:104px !important;height:94px !important}.ptrack>div>img{width:76px !important;height:76px !important}}
@media (max-width:900px){.ftgrid{grid-template-columns:minmax(0,1fr) !important;gap:40px !important}.ftbar{flex-direction:column;gap:10px !important;text-align:center}}
@media (max-width:700px){.ptrack>div{width:120px !important;height:106px !important;padding:8px !important}.ptrack>div>img{width:86px !important;height:86px !important}.ptrack{gap:14px !important;padding-left:14px !important}}
@media (max-width:900px){.achwrap{grid-template-columns:minmax(0,1fr) !important;gap:36px !important}.achwrap .achtx{text-align:center;justify-items:center}.achcards{gap:10px !important}.achcards>div{padding:20px 12px !important}.achcards .achnum{font-size:32px !important}.achcards .achunit{font-size:19px !important}}
@media (max-width:860px){.mwsec>img{display:none !important}.mwrow2{flex-direction:column !important}.mwrow2 .mwarr{transform:rotate(-90deg);width:auto !important;padding:10px 0}[data-newsgrid]{grid-template-columns:minmax(0,1fr) !important}[data-newsitem]{grid-template-columns:minmax(0,1fr) !important}[data-newsitem] [data-newsthumb]{width:100% !important;height:170px !important;order:-1}}
@media (max-width:900px){.exgrid{grid-template-columns:1fr 1fr !important}}
@media (max-width:640px){.exgrid{grid-template-columns:1fr !important}[data-m="excellence"]{padding:0 16px !important}[data-m="excellence"]>div:first-child{flex-direction:column;align-items:flex-start !important;gap:14px !important;padding:26px 24px !important}}
@media (max-width:860px){.axpanel .c126{display:none !important}.axpanel{grid-template-columns:minmax(0,1fr) !important}.c124{padding:22px 18px !important}}
@keyframes fFadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes fFadeRight{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes fFadeLeft{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes fFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fPulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(240,180,41,0)}50%{box-shadow:0 0 20px 4px rgba(240,180,41,0.25)}}
@keyframes fArrowPulse{0%,100%{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.08)}}
@keyframes fShimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes fDrift{0%{transform:translateY(0) translateX(0) rotate(0)}50%{transform:translateY(-30px) translateX(15px) rotate(180deg)}100%{transform:translateY(0) translateX(0) rotate(360deg)}}
@keyframes prtL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes prtR{from{transform:translateX(-50%)}to{transform:translateX(0)}}

@media (max-width:860px){[data-ctinfo]{order:2}}
@media (max-width:640px){[data-ctsec]{padding-left:10px !important;padding-right:10px !important}[data-ctform]{padding:22px 16px !important;border-radius:16px !important}[data-ctinfo]{border-radius:16px !important}[data-ctinfo] > div:first-child{padding:24px 18px 16px !important}[data-ctinfo] > div:last-child{margin:0 10px 10px !important}}
@media (max-width:640px){[data-prthead]{flex-direction:column;align-items:center !important;text-align:center;gap:14px !important;margin-bottom:28px !important}[data-prthead] > div{justify-items:center;justify-content:center}[data-prthead] h2{font-size:28px !important}[data-prthead] p{font-size:14px !important}}
@media (max-width:1100px){.prjgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:560px){.prjgrid{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width:360px){.ptrack>div{width:104px !important;height:94px !important}.ptrack>div>img{width:76px !important;height:76px !important}}
@media (max-width:900px){.ftgrid{grid-template-columns:minmax(0,1fr) !important;gap:40px !important}.ftbar{flex-direction:column;gap:10px !important;text-align:center}}
@media (max-width:700px){.ptrack>div{width:120px !important;height:106px !important;padding:8px !important}.ptrack>div>img{width:86px !important;height:86px !important}.ptrack{gap:14px !important;padding-left:14px !important}}
@media (max-width:900px){.achwrap{grid-template-columns:minmax(0,1fr) !important;gap:36px !important}.achwrap .achtx{text-align:center;justify-items:center}.achcards{gap:10px !important}.achcards>div{padding:20px 12px !important}.achcards .achnum{font-size:32px !important}.achcards .achunit{font-size:19px !important}}
@media (max-width:860px){.mwsec>img{display:none !important}.mwrow2{flex-direction:column !important}.mwrow2 .mwarr{transform:rotate(-90deg);width:auto !important;padding:10px 0}[data-newsgrid]{grid-template-columns:minmax(0,1fr) !important}[data-newsitem]{grid-template-columns:minmax(0,1fr) !important}[data-newsitem] [data-newsthumb]{width:100% !important;height:170px !important;order:-1}}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(199,161,78,0.55)}70%{box-shadow:0 0 0 9px rgba(199,161,78,0)}100%{box-shadow:0 0 0 0 rgba(199,161,78,0)}}
@keyframes statFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:900px){.lsgrid{grid-template-columns:minmax(0,1fr) !important}.lsinfo{grid-template-columns:minmax(0,1fr) !important;justify-items:start}.lstats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;padding:20px 18px !important;gap:10px !important}.lstabs{display:none !important}.lsdrop{display:block !important}.lshead{flex-direction:column-reverse !important;gap:10px !important}}
/* ---- site additions (interactive states driven by /assets/Js/design.js) ---- */
[hidden]{display:none !important}
[data-act]{-webkit-tap-highlight-color:transparent}
[role="button"]{user-select:none}
.side-link{display:block;color:#374151;font-size:13.5px;padding:10px 14px;border-radius:8px;white-space:nowrap;border-right:3px solid transparent;text-decoration:none}
.side-link.on{background:#1A2B45;color:#fff;font-weight:700;border-right-color:#C7A14E;font-family:'Thmanyah Serif Display',serif}
.ax-item{display:flex;gap:12px;align-items:start;border-right:3px solid transparent;border-radius:8px;padding:13px 16px;cursor:pointer;color:#AEB6C6;transition:background .2s ease,color .2s ease,border-color .2s ease}
.ax-item:hover{background:rgba(255,255,255,0.07)}
.ax-item.on{background:rgba(199,161,78,0.12);border-right-color:#C7A14E;color:#fff;font-weight:600}
.ax-num{width:24px;height:24px;flex-shrink:0;border:1px solid rgba(255,255,255,0.25);border-radius:50%;display:grid;place-items:center;font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:11.5px;color:#AEB6C6}
.ax-item.on .ax-num{background:#C7A14E;border-color:#C7A14E;color:#1A2B45}
.axd-item{color:#fff;background:transparent;border-top:1px solid rgba(199,161,78,0.22)}
.axd-item:first-child{border-top-color:transparent}
.axd-item.on{color:#1A2B45;background:#C7A14E}
.axd-mark{background:transparent}
.axd-item.on .axd-mark{background:#1A2B45}
.tr-chev{flex-shrink:0;display:grid;place-items:center;transition:transform .25s}
.tr-chev.on{transform:rotate(180deg)}
.tr-body{font-size:12.5px;line-height:2;color:#AEB6C6;text-wrap:pretty;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .25s ease}
.tr-body.on{max-height:400px;opacity:1;transition:max-height .4s ease,opacity .4s ease}
.tr-line{width:1px;background:rgba(199,161,78,0.35);margin:6px 0;min-height:20px}
.tr-line.last{display:none}
.ax-panel.tab-hide{display:none !important}
.copied{background:#1A2B45 !important;color:#fff !important;border-color:#1A2B45 !important}
.ic-check{display:none}
.copied .ic-copy{display:none}
.copied .ic-check{display:inline}
.ls-tab:focus-visible,[data-act]:focus-visible{outline:2px solid #C7A14E;outline-offset:2px}
img{max-width:100%}
.c4{max-width:none}

/* ---- content pages (news / governance / stats / errors) ---- */
.btn-gold{display:inline-flex;align-items:center;gap:8px;background:#C7A14E;color:#1A2B45;font-weight:700;font-size:14px;padding:10px 24px;border-radius:8px;text-decoration:none;border:0;font-family:inherit;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.btn-gold:hover{background:#D9B563;color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(199,161,78,0.35)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #D8CDB0;color:#1A2B45;font-weight:700;font-size:14px;padding:10px 20px;border-radius:8px;text-decoration:none;font-family:inherit;cursor:pointer;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn-outline:hover{border-color:#C7A14E;color:#1A2B45;background:#FFFDF7;transform:translateY(-2px);box-shadow:0 12px 26px rgba(199,161,78,0.2)}
.pg-state{text-align:center;padding:48px 20px;font-size:15px;color:#6B7280;background:#FBF8F0;border:1px dashed #E3D3A8;border-radius:16px}
.pg-state.err{color:#9F1239;background:#FFF5F5;border-color:#FECACA}
.nd-h1{font-size:30px;line-height:1.5;max-width:900px}
@media (max-width:640px){.nd-h1{font-size:22px !important}}
/* news list */
.nw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:1000px){.nw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.nw-grid{grid-template-columns:minmax(0,1fr)}}
.nw-card{display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid #E6D9B8;border-radius:20px;overflow:hidden;text-decoration:none;color:#111827;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.nw-card:hover{transform:translateY(-4px);border-color:#C7A14E;box-shadow:0 22px 50px rgba(26,43,69,0.12);color:#111827}
.nw-img{display:block;padding:14px 14px 0}
.nw-img span{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#F6EEDB}
.nw-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.nw-card:hover .nw-img img{transform:scale(1.04)}
.nw-img.ph img{object-fit:contain;padding:22%;opacity:.55}
.nw-body{display:grid;gap:10px;align-content:start;padding:18px 20px 22px}
.nw-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#6B7280}
.nw-tag{background:#FBF8F0;border:1px solid #E3D3A8;color:#8A6A1F;font-weight:700;padding:3px 10px;border-radius:999px;font-size:11.5px}
.nw-tag.main{background:#C7A14E;border-color:#C7A14E;color:#fff}
.nw-title{margin:0;font-family:'Thmanyah Serif Display',serif;font-size:17px;line-height:1.55;font-weight:600;color:#1A2B45;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-sum{margin:0;font-size:13.5px;line-height:1.85;color:#4B5563;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw-more{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#8A6A1F;padding-top:12px;border-top:1px solid #EFE6D2}
.nw-pages{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.nw-pg{min-width:40px;height:40px;padding:0 14px;border-radius:8px;border:1px solid #D8CDB0;background:#fff;color:#1A2B45;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.nw-pg:hover{border-color:#C7A14E;background:#FFFDF7}
.nw-pg.on{background:#1A2B45;color:#fff;border-color:#1A2B45}
.nw-pg[disabled]{opacity:.45;cursor:not-allowed}
/* news detail */
.nd-art{max-width:900px;margin:0 auto;background:#fff;border:1px solid #E6D9B8;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(26,43,69,0.06)}
.nd-img{padding:16px 16px 0}
.nd-img img{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:12px;background:#F6EEDB}
.nd-body{padding:26px 30px 30px}
@media (max-width:640px){.nd-body{padding:20px 18px 22px}}
.nd-content{font-size:16px;line-height:2;color:#374151}
.nd-content p{margin:0 0 1em}
.nd-content img{max-width:100%;height:auto;border-radius:12px;margin:1rem auto;display:block;box-shadow:0 8px 22px rgba(26,43,69,0.12)}
.nd-content ul,.nd-content ol{padding-right:1.5rem;margin:0 0 1em}
.nd-content ul{list-style:disc}
.nd-content ol{list-style:decimal}
.nd-content li{margin-bottom:.4em}
.nd-content a{color:#8A6A1F;font-weight:600;text-decoration:underline}
.nd-content a:hover{color:#8F6C1E}
.nd-content blockquote{border-right:4px solid #E3D3A8;padding:8px 16px;margin:0 0 1em;background:#FBF8F0;border-radius:8px;color:#4B5563}
.nd-content h1,.nd-content h2,.nd-content h3,.nd-content h4{font-family:'Thmanyah Serif Display',serif;color:#1A2B45;margin:1.4em 0 .6em;line-height:1.5}
.nd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid #EFE6D2}
/* governance */
.gv-group{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}
.gv-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;background:transparent;border:0;font:inherit;text-align:right;cursor:pointer;color:#1A2B45}
.gv-head:hover{background:#FDFBF5}
.gv-label{font-size:15.5px;font-weight:700;font-family:'Thmanyah Serif Display',serif}
.gv-count{font-size:12px;color:#6B7280;margin-right:auto;padding-right:12px}
.gv-head svg{flex-shrink:0;transition:transform .2s ease}
.gv-head[aria-expanded="true"] svg{transform:rotate(180deg)}
.gv-body{padding:16px 22px 20px;border-top:1px solid #F1EEE5;display:grid;gap:14px}
.gv-row{display:flex;flex-wrap:wrap;gap:10px}
.gv-row + .gv-row{border-top:1px solid #F1EEE5;padding-top:14px}
.gv-sub{width:100%;margin:0 0 2px;font-size:13px;font-weight:700;color:#8A6A1F}
.gv-chip{background:#FBF8F0;border:1px solid #E3D3A8;color:#1A2B45;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;line-height:1.7;transition:background .2s ease,color .2s ease,border-color .2s ease}
.gv-chip:hover{background:#1A2B45;color:#fff;border-color:#1A2B45}
.gd-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#FBF8F0;border:1px solid #E3D3A8;border-radius:14px;padding:14px 18px}
.gd-frame{border:1px solid #E6D9B8;border-radius:16px;overflow:hidden;background:#F3F4F6;height:78vh;min-height:520px}
.gd-frame iframe{display:block;width:100%;height:100%;border:0}
.gd-mobile{display:none;text-align:center;background:#FBF8F0;border:1px solid #E3D3A8;border-radius:16px;padding:26px 20px}
@media (max-width:767px){.gd-frame{display:none}.gd-mobile{display:block}}
/* stats */
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:960px){.st-grid{grid-template-columns:minmax(0,1fr)}}
.st-card{position:relative;overflow:hidden;border-radius:20px;padding:clamp(18px,3vw,26px);color:#fff;box-shadow:0 24px 60px rgba(26,43,69,0.16);display:grid;gap:20px;align-content:start}
.st-card::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 0%,rgba(255,255,255,0.09),transparent 55%);pointer-events:none}
.st-card>*{position:relative;z-index:1}
.st-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.st-logo{background:#fff;border-radius:12px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:62px}
.st-logo img{max-width:170px;max-height:46px;width:auto;height:auto;display:block}
.st-ttl{flex:1;min-width:160px;display:grid;gap:4px}
.st-ttl h2{margin:0;font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:#fff;text-wrap:balance}
.st-ttl p{margin:0;font-size:13px;line-height:1.8;color:rgba(255,255,255,0.72)}
.st-donate{display:inline-flex;align-items:center;color:#1A2B45;font-weight:700;font-size:13.5px;padding:9px 20px;border-radius:8px;white-space:nowrap;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.st-donate:hover{color:#1A2B45;transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,0.3);filter:brightness(0.93)}
.st-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.st-foot{display:flex;justify-content:flex-end}
.st-more{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,0.65);text-decoration:none;transition:color .2s ease}
.st-more:hover{color:#fff}
.st-card.failed .st-val{color:rgba(255,255,255,0.45)}
/* error pages */
.er-wrap{position:relative;overflow:hidden;background:#FBF8F0;padding:96px 24px;min-height:62vh;display:grid;place-items:center;color:#111827}
.er-wm{position:absolute;left:-90px;bottom:-110px;height:460px;opacity:0.05;filter:grayscale(1) brightness(0.4);pointer-events:none}
.er-box{position:relative;text-align:center;max-width:620px;display:grid;gap:14px;justify-items:center}
.er-code{font-family:'Thmanyah Serif Display',serif;font-weight:900;font-size:clamp(84px,16vw,140px);line-height:1;color:#C7A14E;letter-spacing:-2px}
.er-title{margin:0;font-family:'Thmanyah Serif Display',serif;font-weight:700;font-size:clamp(26px,4vw,36px);line-height:1.3;color:#1A2B45}
.er-msg{margin:0;font-size:15.5px;line-height:1.9;color:#4B5563}
.er-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}

/* ---- stat tiles: shared by the home live card (.ls-*) and the stats page (.st-*) ---- */
.ls-stat,.st-tile{background:rgba(255,255,255,0.055);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:18px 16px;display:grid;gap:5px;align-content:start;min-width:0;transition:border-color .25s ease}
.ls-stat:hover,.st-tile:hover{border-color:rgba(255,255,255,0.4)}
.ls-stat.in,.st-val.pulse{animation:statFade .45s ease both}
.ls-lbl,.st-lbl{font-size:12.5px;font-weight:600;line-height:1.6;color:rgba(255,255,255,0.72);text-wrap:balance}
.ls-val,.st-val{font-family:'Thmanyah Serif Display',serif;font-weight:900;font-size:clamp(19px,1.75vw,26px);line-height:1.2;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-0.2px;overflow:hidden;text-overflow:ellipsis}
.ls-bar,.st-bar{width:30px;height:2.5px;border-radius:2px;margin-top:4px}
.st-val.long{font-size:clamp(16px,1.35vw,21px);letter-spacing:-0.4px}
[data-ls="name"]{font-size:clamp(19px,2vw,24px) !important;text-wrap:balance}
@media (max-width:1180px) and (min-width:901px){
  .lsgrid{grid-template-columns:250px minmax(0,1fr) !important}
  .lstabs{padding:22px 14px !important}
  .ls-tab{font-size:13px !important;padding:10px 12px !important;gap:10px !important}
  .lstats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .ls-pane{padding:26px 24px !important}
}
@media (max-width:900px){
  .ls-pane{padding:22px 18px 20px !important;gap:18px !important}
  .lstats{padding:0 !important;gap:10px !important}
  .ls-val,.st-val{font-size:clamp(18px,5.6vw,24px)}
  .st-val.long{font-size:clamp(15px,4.6vw,20px)}
  .ls-stat,.st-tile{padding:14px 12px}
  .st-card{gap:16px}
}
@media (max-width:560px){
  .st-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
  .st-donate{grid-column:1 / -1;justify-content:center}
  .st-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .st-foot{justify-content:center}
  .st-logo{min-width:84px;min-height:56px;padding:6px 10px}
  .st-logo img{max-height:40px;max-width:130px}
}
@media (max-width:480px){
  .ls-actions{flex-direction:column;align-items:stretch !important}
  .ls-btns{display:grid !important;grid-template-columns:1fr 1fr}
  .ls-btns a,.ls-actions>a{display:inline-flex;justify-content:center;text-align:center}
  .lstats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:360px){
  .lstats,.st-tiles{grid-template-columns:minmax(0,1fr) !important}
}

/* ---- server-rendered fragments (see server/src/render/site.js) ---- */
/* burger from 1024px down: hover dropdowns are disabled there */
@media (max-width:1024px){[data-m="links"],[data-m="donate"]{display:none !important}[data-m="burger"]{display:flex !important}}
/* home news */
.hn-feat{display:grid;grid-template-rows:auto 1fr;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#243A5E 0%,#1A2B45 100%);color:#111827;text-decoration:none;box-shadow:0 24px 60px rgba(26,43,69,0.16);transition:transform .35s ease,box-shadow .35s ease}
.hn-feat:hover{transform:translateY(-4px);box-shadow:0 34px 80px rgba(26,43,69,0.22)}
.hn-item{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:20px;align-items:center;padding:26px 28px;border-bottom:1px solid #EFE6D2;color:#111827;text-decoration:none;transition:background .25s ease}
.hn-item:last-child{border-bottom-color:transparent}
.hn-item:hover{background:#FDFBF5;color:#111827}
/* partners */
.pt-tile{width:150px;height:130px;background:#FDFBF5;border:1px solid #E6D9B8;border-radius:16px;display:grid;place-items:center;padding:8px;flex:none;transition:background .3s ease,border-color .3s ease}
.pt-tile:hover{background:#fff;border-color:#C7A14E}
.pt-tile img{width:130px;height:110px;object-fit:contain}
/* achievements */
.ach-card{background:#fff;border:1px solid #EEE3C8;border-radius:16px;padding:28px 22px;display:grid;gap:6px;justify-items:center;text-align:center;box-shadow:0 14px 34px rgba(26,43,69,0.06)}
.ach-row{display:flex;align-items:baseline;justify-content:center;gap:6px;flex-wrap:wrap}
.ach-plus{font-size:26px;font-weight:800;color:#C7A14E}
.ach-card .achnum{font-family:'Thmanyah Serif Display',serif;font-size:42px;font-weight:900;line-height:1.1;color:#1A2B45;font-variant-numeric:tabular-nums}
.ach-card .achunit{font-family:'Thmanyah Serif Display',serif;font-size:24px;font-weight:700;color:#1A2B45}
.ach-lbl{font-size:15px;font-weight:700;color:#1A2B45}
.ach-desc{font-size:12.5px;color:#6B7280;line-height:1.7}
.achwrap.many{grid-template-columns:minmax(0,1fr) !important;gap:36px !important}
.achwrap.many .achtx{text-align:center;justify-items:center;max-width:720px;margin:0 auto}
.achcards.many{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
@media (max-width:900px){.achcards.many{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:420px){.achcards.many{grid-template-columns:minmax(0,1fr) !important}}
/* services */
.svc-item{position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:14px;background:#FDFBF5;border:1px solid #EEE3C8;border-radius:18px;padding:20px 20px 18px;text-decoration:none;color:#111827;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease}
.svc-item::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,#C7A14E,transparent);opacity:0;transition:opacity .35s ease}
.svc-item:hover{transform:translateY(-4px);border-color:#C7A14E;background:#fff;box-shadow:0 22px 50px rgba(26,43,69,0.12);color:#111827}
.svc-item:hover::before{opacity:1}
.svc-logo{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 14px;border-radius:12px;justify-self:start;background:#fff;border:1px solid #EEE3C8;box-shadow:0 6px 16px rgba(26,43,69,0.05)}
.svc-logo img{max-height:36px;max-width:130px;width:auto;height:auto;display:block;object-fit:contain}
.svc-item h3{margin:0;font-family:'Thmanyah Serif Display',serif;font-size:17px;line-height:1.5;font-weight:700;color:#1A2B45;text-wrap:pretty}
.svc-item p{margin:0;font-size:13px;line-height:1.8;color:#5B6373;text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.svc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #EFE6D2;font-size:13px;font-weight:700;color:#8A6A1F}
.svc-arrow{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #E3D3A8;display:grid;place-items:center;flex:none}
.dsv-item{display:grid;gap:14px;align-content:start;background:#fff;border:1px solid #E6D9B8;border-radius:16px;padding:20px;text-decoration:none;color:inherit;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.dsv-item:hover{border-color:#C7A14E;box-shadow:0 16px 36px rgba(26,43,69,0.1);transform:translateY(-3px);color:inherit}
.dsv-ico{width:44px;height:44px;border-radius:12px;background:#FBF8F0;border:1px solid #E3D3A8;display:grid;place-items:center}
.dsv-item h3{margin:0;font-size:15.5px;font-weight:700;color:#1A2B45;line-height:1.5}
.dsv-item p{margin:0;font-size:13px;line-height:1.8;color:#5B6373}
/* footer links */
.ft-link{color:#B9C2D2;font-size:14px;text-decoration:none;transition:color .2s ease}
.ft-link:hover{color:#C7A14E}
/* ---- track bodies carry sanitised HTML from the tawtheeq API ---- */
.tr-body p{margin:0 0 8px}.tr-body p:last-child{margin:0}.tr-body ul,.tr-body ol{margin:6px 0 8px;padding-right:20px}.tr-body li{margin:0 0 4px}.tr-body h4{margin:8px 0 4px;font-size:14px;font-weight:700}
/* footer social links (rendered per request from text.footer.social) */
.ft-social:hover{border-color:#C7A14E;color:#C7A14E;background:rgba(199,161,78,0.08)}

/* pseudo-state styles (from style-hover / style-active / style-focus / style-before) */
.hv-e75d89:hover{transform:translateY(-2px) !important;box-shadow:0 12px 26px rgba(199,161,78,0.35) !important;background:#B8923F !important}
.ac-3b6c97:active{transform:translateY(0) !important;box-shadow:none !important}
.hv-83fa6b:hover{transform:translateY(-2px) !important;border-color:#C7A14E !important;background:#FFFDF7 !important;box-shadow:0 12px 26px rgba(199,161,78,0.2) !important}
.hv-be6d55:hover{transform:translateY(-4px) !important;box-shadow:0 32px 70px rgba(26,43,69,0.3) !important}
.hv-c34069:hover{transform:translateY(-3px) !important;border-color:#C7A14E !important;box-shadow:0 6px 16px rgba(26,43,69,0.06) !important}
.hv-201093:hover{background:#C7A14E !important;border-color:#C7A14E !important;color:#fff !important}
.hv-1286c3:hover{transform:translateY(-2px) !important;box-shadow:0 12px 26px rgba(0,0,0,0.3) !important;filter:brightness(0.93) !important}
.hv-ca67bf:hover{transform:translateY(-2px) !important;border-color:#C7A14E !important;box-shadow:0 12px 26px rgba(0,0,0,0.25) !important}
.hv-1f6476:hover{color:#fff !important}
.hv-46eac2:hover{transform:translateY(-4px) !important;box-shadow:0 34px 80px rgba(26,43,69,0.22) !important}
.hv-53c61b:hover{background:#D9B563 !important}
.hv-d32fa7:hover{background:#1A2B45 !important;color:#fff !important}
.fc-f2e8aa:focus{border-color:#C7A14E !important;background:#fff !important}
.hv-dd4b8d:hover{background:#D9B563 !important;transform:translateY(-2px) !important;box-shadow:0 12px 26px rgba(199,161,78,0.35) !important}
.hv-59e0bd:hover{border-color:#C7A14E !important;color:#C7A14E !important;background:rgba(199,161,78,0.08) !important}
.hv-4e22a5:hover{color:#C7A14E !important}
.hv-f4597a:hover{transform:translateY(-2px) !important}
.hv-d1f5fb:hover{transform:translateY(-3px) !important;border-color:#C7A14E !important}
.hv-24bc12:hover{background:#1A2B45 !important;color:#fff !important;border-color:#1A2B45 !important}
.hv-1633ef:hover{border-color:#C7A14E !important}
.hv-b4c5b5:hover{transform:translateY(-4px) !important;border-color:#C7A14E !important;background:#fff !important;box-shadow:0 22px 50px rgba(26,43,69,0.12) !important}
.bf-697f55::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,#C7A14E,transparent);opacity:0;transition:opacity .35s ease}
.hv-99a145:hover{border-color:#C7A14E !important;box-shadow:0 16px 36px rgba(26,43,69,0.1) !important;transform:translateY(-3px) !important}
.hv-f5c907:hover{border-color:#C7A14E !important;transform:translateY(-2px) !important}
.hv-83ed73:hover{transform:translateY(-4px) !important;border-color:#C7A14E !important;box-shadow:0 22px 50px rgba(26,43,69,0.16) !important}
.hv-33b428:hover{background:rgba(255,255,255,0.1) !important;border-color:#C7A14E !important}