.demo-mizan{color:#10151c;background:#fff}.mizan-nav{border-block-end:1px solid #cfe5f3;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.2rem clamp(1.2rem,4vw,4rem);display:grid}.mizan-nav b{font:700 1.5rem IBM Plex Sans Arabic}.mizan-nav>span{font:600 .65rem Geist,monospace}.mizan-hero{flex-direction:column;justify-content:center;min-height:85vh;padding:clamp(2rem,6vw,6rem);display:flex;position:relative;overflow:hidden}.mizan-numbers{color:#eaf6ff;z-index:0;direction:ltr;grid-template-columns:repeat(4,1fr);align-items:center;font:800 22vw/1 Geist,monospace;display:grid;position:absolute;inset:0}.mizan-hero h1,.mizan-hero p{z-index:1;position:relative}.mizan-hero h1{max-width:1100px;font:600 clamp(4rem,9vw,10rem)/.92 IBM Plex Sans Arabic}.mizan-hero h1 em{color:#1264ff;font-style:normal}.mizan-hero p{max-width:30rem}.mizan-metrics{color:#fff;background:#1264ff;grid-template-columns:repeat(3,1fr);display:grid}.mizan-metrics>div{border-inline-start:1px solid #fff6;padding:3rem;display:grid}.mizan-metrics>div>span:first-child{font:700 clamp(4rem,10vw,9rem)/1 Geist,monospace}.mizan-services{padding:6rem clamp(1.2rem,5vw,6rem)}.mizan-services article{border-block-end:1px solid #bdd8e6;grid-template-columns:8rem 1fr auto;align-items:center;display:grid}.mizan-services b{color:#3dd6ff;font:700 4rem Geist}.mizan-services h2{margin:1.5rem 0;font:600 clamp(2rem,4vw,4rem) IBM Plex Sans Arabic}.mizan-services span{font:.65rem Geist,monospace}.mizan-report{background:#eaf6ff;padding:6rem}.mizan-report>span{font:600 .65rem Geist,monospace}.report-bars{align-items:end;gap:1rem;height:20rem;margin-block:3rem;display:flex}.report-bars i{height:var(--h,40%);background:#1264ff;flex:1}.report-bars i:nth-child(2){--h:80%}.report-bars i:nth-child(3){--h:57%}.report-bars i:nth-child(4){--h:95%}.report-bars i:nth-child(5){--h:68%}.mizan-report h2{font:600 clamp(2.5rem,5vw,5rem) IBM Plex Sans Arabic}@media (max-width:900px){.rusukh-nav div,.mithaq-margin,.mithaq-nav,.madmak-hero nav span,.madar-hero nav span,.wasl-hero nav>span,.mizan-nav>span,.rowa-hero nav span,.nasej-nav span,.masar-hero nav>span,.safa-nav span,.sanad-nav span,.athar-hero nav span,.luma-hero nav span,.rihla-hero nav span,.shift-nav span,.ronq-nav>div,.namaq-nav span{display:none}.madmak-copy h1,.madar-copy h1,.wasl-copy h1,.mizan-hero h1,.rowa-title,.nasej-title h1,.masar-copy h1,.safa-copy h1,.sanad-hero h1,.athar-copy h1,.nexa-copy h1,.mazaq-copy h1,.luma-copy h1,.rihla-title,.shift-copy h1,.ronq-copy h1,.namaq-copy h1{font-size:clamp(3.6rem,15vw,6.4rem)}.mizan-metrics,.nexa-wall,.athar-programs{grid-template-columns:1fr}}@media (max-width:520px){.rusukh-nav,.madmak-hero nav,.madar-hero nav,.wasl-hero nav,.mizan-nav,.rowa-hero nav,.nasej-nav,.masar-hero nav,.safa-nav,.sanad-nav,.athar-hero nav,.luma-hero nav,.rihla-hero nav,.shift-nav,.ronq-nav,.namaq-nav{grid-template-columns:1fr auto;padding-inline:1rem}.rusukh-hero,.mizan-hero,.safa-hero,.sanad-hero,.mazaq-hero,.namaq-hero{padding:1.5rem}.mizan-services article{grid-template-columns:4rem 1fr}.mizan-services span{display:none}}.demo-mizan{font-family:Noto Kufi Arabic,Arial,sans-serif}
