.demo-photo{background-color:#bbb;background-position:50%;background-size:cover;position:relative;overflow:hidden}.demo-photo:after{content:"";background:linear-gradient(135deg,#0000 40%,#0003);position:absolute;inset:0}.hotel-1{background:linear-gradient(#80d7dd 0 48%,#f8eee0 48% 63%,#063b57 63%)}.hotel-2{background:linear-gradient(120deg,#063b57 0 25%,#e9fcff 25% 65%,#ff7568 65%)}.hotel-3{background:linear-gradient(160deg,#33d4ce 0 45%,#083246 45% 70%,#fff 70%)}.madmak-projects .demo-photo{height:min(72vw,48rem)}.madmak-projects .demo-photo span,.madmak-projects .demo-photo i{z-index:2;color:#111;background:#ff5718;padding:.5rem;font:700 .65rem Geist;position:absolute;inset:1rem auto auto 1rem}.madmak-projects .demo-photo i{inset:auto 1rem 1rem auto}.madar-projects article:nth-child(2n) .demo-photo{grid-column:2}.madar-projects .demo-photo{height:40rem}.property-card .demo-photo{height:100%}.rowa-properties .demo-photo{height:32rem}.nasej-reel .demo-photo{height:65vh}.mazaq-story .demo-photo{min-height:70vh}.demo-rihla{color:#063b57;background:#e9fcff;font-family:Readex Pro}.rihla-hero{color:#fff;height:100svh;min-height:720px;position:relative;overflow:hidden}.rihla-hero>.demo-photo{position:absolute;inset:0}.rihla-hero>.demo-photo:after{background:linear-gradient(90deg,#063b57bb,#0000 65%)}.rihla-hero nav{grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.3rem 2rem;display:grid}.rihla-hero nav b{font:700 2rem Zain,Alexandria}.rihla-hero nav span{font:.65rem Geist}.rihla-hero nav button{color:#063b57;background:#33d4ce;border:0;padding:.7rem}.rihla-copy{max-width:800px;position:absolute;inset:50% clamp(1.5rem,6vw,7rem) auto auto;translate:0 -50%}.rihla-copy>span{color:#33d4ce;font:.65rem Geist}.rihla-title{margin:1rem 0;font:700 clamp(4rem,9vw,10rem)/.9 Zain,Alexandria}.rihla-down{position:absolute;inset:auto auto 2rem 2rem}.rihla-chapter{grid-template-columns:.7fr 1.3fr;align-items:center;gap:4rem;padding:8rem 4rem;display:grid}.rihla-chapter>span{color:#ff7568;font:.65rem Geist}.rihla-chapter h2{grid-column:1;font:700 clamp(3rem,6vw,6.5rem)/1 Zain}.rihla-chapter .demo-photo{grid-area:1/2/3;height:48rem}.rihla-rooms{color:#fff;background:#063b57;gap:1rem;padding:5rem 2rem;display:flex;overflow-x:auto}.rihla-rooms article{flex:0 0 38vw}.rihla-rooms .demo-photo{height:60vh}.rihla-rooms span{color:#33d4ce;font:.65rem Geist}.rihla-rooms h3{margin:.8rem 0;font:700 2rem Zain}.rihla-journal{grid-template-columns:1.2fr .8fr;min-height:70vh;display:grid}.rihla-journal .demo-photo{min-height:70vh}.rihla-journal p{align-self:center;padding:5rem;font:600 clamp(2rem,4vw,4rem)/1.4 Zain}.ronq-products .demo-photo{height:32rem}.ronq-look .demo-photo{min-height:80vh}@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-projects article:nth-child(2n) .demo-photo{grid-column:1}.nasej-reel .demo-photo{height:55vh}.rihla-chapter .demo-photo{grid-area:auto/1;height:30rem}.rihla-rooms article{flex-basis:80vw}.rihla-journal{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}.madmak-hero,.madar-hero,.rowa-hero,.masar-hero,.luma-hero,.rihla-hero,.shift-hero{min-height:680px}.madmak-projects .demo-photo,.madar-projects .demo-photo{height:24rem}.rihla-rooms article{flex-basis:88vw}}.demo-photo{background-position:50%;background-repeat:no-repeat;background-size:cover}.hotel-1{background-image:linear-gradient(#063b5722,#063b5722),url(/media/hotel-1.webp)!important}.hotel-2{background-image:linear-gradient(#063b5714,#063b5714),url(/media/hotel-2.webp)!important}.hotel-3{background-image:linear-gradient(#063b5714,#063b5714),url(/media/hotel-3.webp)!important}.hotel-4{background-image:linear-gradient(#063b5714,#063b5714),url(/media/hotel-4.webp)!important}.demo-photo{isolation:isolate}.demo-photo>*{z-index:2;position:relative}.demo-rihla{font-family:Readex Pro,Arial,sans-serif}