.demo-safa{color:#17383b;background:#fff}.safa-nav{grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.2rem 2rem;display:grid}.safa-nav b{font:700 1.6rem Readex Pro,Alexandria}.safa-nav span{font:.65rem Geist}.safa-hero{grid-template-columns:.8fr 1.2fr;align-items:center;gap:4rem;min-height:90vh;padding:clamp(2rem,5vw,5rem);display:grid;position:relative}.safa-copy>span{color:#00cdbd;font:.65rem Geist}.safa-copy h1{margin:1rem 0;font:600 clamp(4rem,8vw,8rem)/.95 Readex Pro,Alexandria}.safa-copy h1 em{color:#00cdbd;font-style:normal}.safa-copy p{line-height:1.8}.clean-compare{max-width:44rem}.safa-pixel{background:#dffff7!important;border:0!important;border-radius:2rem!important;width:100%!important}.unclear-scene,.clear-scene{background:radial-gradient(circle at 30% 40%,#fff 0 10%,#8fcbc7 10% 35%,#dffff7 35%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.unclear-scene{filter:blur(13px)saturate(.6)}.clear-scene{background:linear-gradient(135deg,#dffff7,#46a8ff)}.unclear-scene:before,.clear-scene:before{content:"";background:#fff;border-radius:40% 60% 50% 50%;width:55%;height:65%;box-shadow:5rem 2rem #00cdbd}.unclear-scene span,.clear-scene span{z-index:2;font-weight:700;position:absolute;inset:1rem auto auto 1rem}.clear-scene i{font:.65rem Geist;position:absolute;inset:auto 1rem 1rem}.safa-services{background:#dffff7;grid-template-columns:repeat(4,1fr);display:grid}.safa-services article{border-inline-start:1px solid #8ad6ce;min-height:20rem;padding:3rem 1.5rem}.safa-services span{color:#00a99e}.safa-services h2{margin-block-start:6rem;font:600 1.6rem Readex Pro}.safa-before-after{grid-template-columns:1fr auto 1fr;min-height:34rem;display:grid}.safa-before-after>div{position:relative!important}.compare-label{color:#fff;background:#17383b;flex-direction:column;justify-content:center;gap:1rem;padding:1rem;display:flex!important}@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}.rusukh-hero,.safa-hero,.mazaq-hero,.rihla-chapter,.shift-focus,.ronq-hero,.ronq-look,.namaq-hero{grid-template-columns:1fr}.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)}.madar-layers,.wasl-services,.safa-services,.luma-specialties{grid-template-columns:repeat(2,1fr)}.safa-before-after{grid-template-columns:1fr;min-height:80rem}.compare-label{flex-direction:row!important}}@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}.madar-layers,.wasl-services,.safa-services,.luma-specialties{grid-template-columns:1fr}.safa-services article,.wasl-services article,.luma-specialties article{min-height:13rem}}.safa-image{position:absolute;inset:0;overflow:hidden}.safa-image img{object-fit:cover}.safa-image.is-before img{filter:blur(8px)saturate(.55);scale:1.05}.safa-image span,.safa-image i{z-index:2;color:#17383b;background:#fff;padding:.45rem .6rem;font-weight:700;position:absolute;inset:1rem auto auto 1rem}.safa-image i{font:700 .65rem Geist,monospace;inset:auto 1rem 1rem auto}.safa-icon-rail{border-block:1px solid #17383b22;grid-template-columns:repeat(3,1fr);display:grid}.safa-icon-rail span{border-inline-start:1px solid #17383b22;justify-content:center;align-items:center;gap:.65rem;padding:1.25rem;font-weight:700;display:flex}.safa-icon-rail svg{color:#00cdbd;width:1.2rem}@media (max-width:900px){.safa-icon-rail{grid-template-columns:1fr 1fr 1fr}}@media (max-width:520px){.safa-icon-rail{grid-template-columns:1fr}.safa-icon-rail span{justify-content:flex-start;padding-inline:1.2rem}}.demo-safa{font-family:Tajawal,Arial,sans-serif}