.demo-athar{color:#21174a;background:#fff}.athar-hero{min-height:100svh;padding:1.5rem clamp(1.2rem,4vw,4rem);position:relative;overflow:hidden}.athar-hero nav{grid-template-columns:1fr auto auto;align-items:center;gap:2rem;display:grid}.athar-hero nav b{font:700 1.5rem Alexandria}.athar-hero nav span{font:.65rem Geist}.athar-copy{z-index:2;position:absolute;inset:50% auto auto clamp(1.5rem,4vw,4rem);translate:0 -50%}.athar-copy>span{color:#6236ff;font:.65rem Geist}.athar-copy h1{margin:1rem 0;font:600 clamp(4rem,8vw,8.5rem)/.92 Alexandria}.athar-copy h1 em{color:#6236ff;font-style:normal}.athar-copy p{max-width:28rem}.athar-grid{z-index:2;grid-template-columns:repeat(2,1fr);display:grid;position:absolute;inset:8rem 48% 3rem 2rem}.athar-grid button{color:#fff;background:#6236ff;border:1px solid #fff;flex-direction:column;justify-content:space-between;padding:1.5rem;font:600 clamp(1.4rem,3vw,3rem) Alexandria;display:flex}.athar-grid button:nth-child(2n){color:#21174a;background:#ffd51f}.athar-grid span:first-child{align-self:flex-start;font:.65rem Geist}.athar-path{color:#fff;background:#21174a;padding:7rem clamp(1.2rem,5vw,6rem)}.athar-path>span{color:#ffd51f;font:.65rem Geist}.athar-path h2{margin:2rem 0 5rem;font:600 clamp(2.5rem,5vw,5rem) Alexandria}.athar-path>div{align-items:center;gap:1rem;display:flex}.athar-path i{background:#6236ff;flex:1;height:2px}.athar-programs{background:#eee8ff;grid-template-columns:repeat(3,1fr);display:grid}.athar-programs article{border-inline-start:1px solid #bbb2e4;min-height:22rem;padding:3rem}.athar-programs h3{margin-block-start:8rem;font:600 2rem Alexandria}@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}.athar-copy{margin-block:15vh 0;position:relative;inset:auto;translate:none}.athar-grid{min-height:35rem;margin-block:3rem;position:relative;inset:auto}}@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}.athar-grid{grid-template-columns:1fr 1fr}.athar-path>div{display:grid}.athar-path i{display:none}}.athar-copy{inset:50% clamp(1.5rem,4vw,4rem) auto auto}.demo-athar{font-family:Tajawal,Arial,sans-serif}