@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--green:#173f35;--deep:#102e28;--gold:#d7b77c;--paper:#faf9f5;--muted:#748078}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{background:var(--paper);color:var(--green);margin:0;font-family:Noto Sans Arabic,Tahoma,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{transition:all .2s}button:disabled{opacity:.5;cursor:wait}a:hover{color:#aa8447}button:hover{filter:brightness(1.07)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b18c50}h1,h2,h3,p{margin:0}p{line-height:1.95}h2{font-family:Amiri,serif;font-size:42px;font-weight:400;line-height:1.5}h3{font-size:20px}svg{flex-shrink:0}small{font-size:12px}.topline{background:var(--deep);color:#e6d8bc;text-align:center;letter-spacing:.3px;justify-content:space-between;padding:9px 6%;font-size:11px;display:flex}.navigation{background:#fffdf8;justify-content:space-between;align-items:center;gap:22px;height:98px;padding:0 6%;display:flex}.brand{align-items:center;gap:11px;font-family:Amiri,serif;font-size:24px;font-weight:700;line-height:1.45;display:flex}.brand small{letter-spacing:.6px;margin-top:5px;font-family:Noto Sans Arabic,sans-serif;font-size:9px;font-weight:400;display:block}.brand-symbol{color:#b08a49;border:1px solid #bb9b60;border-radius:28px 28px 3px 3px;place-items:center;width:45px;height:53px;font-size:39px;font-weight:400;display:grid}.navigation nav{gap:29px;font-size:12px;display:flex}.button,.outline{background:var(--green);color:#fff;border:0;border-radius:5px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:13px 23px;font-size:13px;font-weight:500;display:inline-flex}.gold{background:var(--gold);color:#1a352c}.outline{color:var(--green);background:0 0;border:1px solid #d0d8d1}.menu-button{display:none}.hero{color:#fff;background:#102e28;height:620px;position:relative;overflow:hidden}.hero>img{object-fit:cover;object-position:center 57%;width:100%;height:100%;position:absolute}.hero-shade{background:linear-gradient(270deg,#07221cf2,#081d19b8 40%,#0412111f 80%),linear-gradient(#0000 65%,#00140f99);position:absolute;inset:0}.hero-content{z-index:1;max-width:750px;margin-right:8%;padding:74px 0 40px;position:relative}.eyebrow{color:#e3cb9e;align-items:center;gap:9px;margin-bottom:25px;font-size:12px;display:flex}.eyebrow span{background:var(--gold);border-radius:50%;width:6px;height:6px}.hero h1{max-width:650px;font-family:Amiri,serif;font-size:64px;font-weight:400;line-height:1.5}.hero em{color:#e1c28d;font-style:normal}.hero-content>p{color:#e0e8e2;max-width:455px;margin-top:17px;font-size:14px;line-height:2.1}.hero-actions{align-items:center;gap:30px;margin-top:29px;display:flex}.hero-link{color:#fff;background:0 0;border:0;align-items:center;gap:12px;font-size:12px;display:flex}.hero-note{color:#d3dcd4;align-items:center;gap:9px;margin-top:28px;font-size:10px;display:flex}.hero-bottom{color:#f3f0e8;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:24px;left:6%;right:8%}.hero-bottom span{align-items:center;gap:6px;display:flex}.promise-strip{border-bottom:1px solid #e3e5dc;grid-template-columns:repeat(3,1fr);max-width:1160px;margin:auto;padding:27px 0;display:grid}.promise-strip>div{border-left:1px solid #e1e4da;justify-content:center;align-items:center;gap:17px;font-size:13px;display:flex}.promise-strip>div:last-child{border:0}.promise-strip svg{color:#9d804b;width:25px;height:25px}.promise-strip small{color:#7f857a;margin-top:5px;font-size:10px;display:block}.section{max-width:1160px;margin:auto;padding:75px 0}.section-heading{justify-content:space-between;align-items:center;display:flex}.overline{letter-spacing:.6px;color:#9a7e4b;margin-bottom:10px;font-size:11px;display:block}.section-heading p,.story-copy>p,.faq>div>p{color:#7b8178;margin-top:8px;font-size:13px}.filters{border:1px solid #e5e5dc;border-radius:7px;gap:6px;padding:5px;display:flex}.filters button{color:#69756c;background:0 0;border:0;border-radius:4px;padding:9px 19px;font-size:11px}.filters .active{background:var(--green);color:#fff}.demo-note{color:#8b795a;background:#f2eee4;border-radius:4px;margin:22px 0;padding:8px 12px;font-size:11px}.cards{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:26px;display:grid}.trip-card{background:#fff;border:1px solid #e6e8df;border-radius:9px;transition:all .25s;overflow:hidden}.trip-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #173f350d}.trip-image{height:220px;position:relative;overflow:hidden}.trip-image img{object-fit:cover;object-position:50% 70%;width:100%;height:100%;transition:all .5s}.trip-image.medina img{object-position:70% 70%;transform:scale(1.3)}.trip-image.hajj img{filter:sepia(.2)}.trip-badge{background:#fffdf1e8;border-radius:3px;padding:5px 10px;font-size:10px;position:absolute;top:15px;right:15px}.duration{color:#fff;background:#173f35d9;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;display:flex;position:absolute;bottom:15px;left:15px}.trip-body{padding:22px}.trip-body>small{color:#8a8f82;align-items:center;gap:4px;font-size:10px;display:flex}.trip-body h3{margin:10px 0;font-family:Amiri,serif;font-size:27px;font-weight:400}.trip-body p{color:#7d8379;font-size:11px}.trip-footer{border-top:1px solid #eeeee5;justify-content:space-between;align-items:center;margin-top:20px;padding-top:17px;font-size:12px;display:flex}.trip-footer button{width:37px;height:37px;color:var(--green);background:#f6f7f0;border:1px solid #d6ddce;border-radius:50%;place-items:center;display:grid}.trip-footer strong{font-weight:500}.trip-footer small{display:block}.story{grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-top:30px;display:grid}.story-photo{border-radius:180px 180px 8px 8px;height:550px;margin-left:20px;position:relative;overflow:hidden}.story-photo>img{object-fit:cover;width:100%;height:100%}.story-photo>div{color:#fff;text-align:center;background:linear-gradient(#0000,#102e28);padding:65px 25px 28px;font-family:Amiri,serif;font-size:36px;position:absolute;bottom:0;left:0;right:0}.story-photo small{margin-top:5px;font-family:Noto Sans Arabic,sans-serif;font-size:10px;display:block}.story h2{font-size:39px}.steps{margin-top:25px}.steps>div{gap:17px;margin:20px 0;display:flex}.steps>div>span{color:#ab8b50;border:1px solid #e0d7c1;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:11px;display:grid}.steps h3{font-size:13px;font-weight:500}.steps p{color:#83877d;margin-top:5px;font-size:11px}.faq{border-top:1px solid #e6e6dd;grid-template-columns:1fr 1.5fr;gap:100px;display:grid}.faq a{align-items:center;gap:8px;margin-top:23px;font-size:12px;display:flex}.faq details{border-bottom:1px solid #dddfd4;padding:22px 0}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:13px;list-style:none;display:flex}.faq details p{color:#7b8379;padding-top:15px;font-size:12px}.closing{background:var(--green);color:#fff;text-align:center;background-image:radial-gradient(at top,#2b5748,#0000 75%);padding:57px 20px 62px;position:relative}.closing>svg{color:var(--gold);margin-bottom:15px}.closing>p{color:#d3cbb2;font-size:11px}.closing h2{margin:12px 0 24px;font-size:37px}.closing>small{color:#b7c8be;margin-top:16px;font-size:10px;display:block}footer{background:#f3f2ea;grid-template-columns:2fr 1fr 1fr;gap:25px;padding:50px 8% 20px;display:grid}footer p{color:#7c8479;margin-top:16px;font-size:11px}footer h4{margin:5px 0 17px;font-size:12px}footer>div:not(:first-child)>a{color:#758070;margin-bottom:10px;font-size:11px;display:block}.footer-bottom{color:#858a7e;border-top:1px solid #dedfd3;grid-column:1/-1;justify-content:space-between;margin-top:25px;padding-top:20px;font-size:10px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081e18ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fffdf8;border-radius:14px;width:min(620px,100%);max-height:90dvh;padding:38px;position:relative;overflow:auto;box-shadow:0 20px 70px #0003}.modal h2{font-size:35px}.modal>p{color:#697569;margin:15px 0;font-size:13px}.close{color:var(--green);background:#e9ede4;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:13px;left:13px}.modal ul{padding:0;list-style:none}.modal li{align-items:center;gap:8px;margin:12px 0;display:flex}.two{grid-template-columns:1fr 1fr;gap:15px;display:grid}label{margin:16px 0 0;font-size:12px;display:block}input,select,textarea{width:100%;color:var(--green);background:#fff;border:1px solid #d7ddcf;border-radius:5px;outline:none;margin-top:7px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#8f9f7e;box-shadow:0 0 0 3px #b2be9b26}textarea{resize:vertical;min-height:85px}.check{align-items:center;gap:9px;font-size:11px;line-height:1.8;display:flex}.check input{width:16px;height:16px;accent-color:var(--green);flex-shrink:0;margin:0}form>.button{width:100%;margin-top:24px}.notice{color:#33563e;overflow-wrap:anywhere;background:#edf2e6;border:1px solid #d3ddc6;border-radius:7px;margin:18px 0;padding:13px;font-size:12px}.whatsapp{color:#fff;z-index:5;background:#246e4b;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 15px #0002}.admin{min-height:100vh;display:flex}.admin aside{background:var(--green);color:#fff;flex-shrink:0;width:260px;padding:27px 20px;position:fixed;top:0;bottom:0}.admin aside .brand{font-size:19px}.admin aside>button{color:#d2dfd5;text-align:right;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;margin:6px 0;padding:16px;font-size:13px;display:flex}.admin aside>button.active{color:#f0d3a5;background:#ffffff18}.admin aside>button svg{width:19px}.admin-caption{color:#a7bfae;margin:50px 15px 20px;font-size:11px}.admin aside>a:not(.brand){gap:10px;padding:20px 16px;font-size:12px;display:flex}.admin aside>p{color:#9fb6a7;font-size:11px;position:absolute;bottom:25px}.admin main{width:calc(100% - 260px);margin-right:260px;padding:0 40px 40px}.admin-top{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf9f5f5;border-bottom:1px solid #e4e7dc;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px 0;display:flex;position:sticky;top:0}.admin-top h1{margin-top:8px;font-size:25px}.admin-top small{color:#7d8778}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0;display:grid}.stats>div{background:#fff;border:1px solid #e1e7d9;border-radius:10px;padding:25px}.stats small{color:#788273}.stats strong{margin-top:14px;font-size:32px;display:block}.panel{background:#fff;border:1px solid #e1e7d9;border-radius:10px;margin-top:20px;padding:27px}.panel h2{font-size:26px}.empty{text-align:center;color:#87917d;padding:65px 20px}.empty svg{margin-bottom:20px}.empty h3{font-size:20px}.empty p{margin-top:10px;font-size:12px}.request{border-top:1px solid #e6eadd;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 0;display:flex}.request h3{font-size:16px}.request p{font-size:12px}.request select{max-width:150px}.request small{color:#8b9484}.settings{max-width:750px}.muted{color:#8a927f;font-size:12px}.edit-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin main>p{margin-bottom:15px}@media (width>=1500px){.hero-content{margin-right:max(8%,50vw - 580px)}}@media (width<=1200px){.section,.promise-strip{margin-left:6%;margin-right:6%}.navigation{padding:0 4%}.navigation nav{gap:18px}.brand{font-size:21px}.story,.faq{gap:50px}.hero h1{font-size:56px}.hero-content{max-width:650px}}@media (width<=760px){.topline{justify-content:center}.topline>span{display:none}.navigation{height:83px;padding:0 5%}.brand{font-size:19px}.brand-symbol{width:34px;height:43px;font-size:30px}.brand small{font-size:8px}.nav-cta{display:none}.menu-button{color:var(--green);background:0 0;border:0;display:block}.navigation nav{display:none}.navigation nav.open{z-index:10;background:#fffdf8;flex-direction:column;padding:22px 7%;display:flex;position:absolute;top:117px;left:0;right:0}.hero{height:625px}.hero-content{margin:0 7%;padding:65px 0 30px}.hero h1{font-size:44px}.hero-content>p{max-width:330px;font-size:13px}.hero-shade{background:linear-gradient(270deg,#09291be8,#0a241a86),linear-gradient(#0000,#112d25ad)}.eyebrow{font-size:10px}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.hero-bottom{font-size:8px;left:7%;right:7%}.hero-note{margin-top:21px}.promise-strip{gap:10px;margin:0 5%;padding:22px 0}.promise-strip>div{text-align:center;flex-direction:column;gap:9px;font-size:10px}.promise-strip small{font-size:8px}.promise-strip svg{width:21px}.section{padding:50px 0}.section-heading{display:block}.filters{margin-top:22px;display:inline-flex}.cards{grid-template-columns:1fr;gap:23px}.trip-image{height:230px}.trip-body{padding:22px}.story,.faq{grid-template-columns:1fr;gap:30px}.story-photo{height:420px;margin:0 15px}.story-copy h2{font-size:36px}.faq{padding-top:45px}.faq h2 br{display:none}.faq>div>p{font-size:12px}.faq details{padding:18px 0}.closing h2{font-size:30px}.closing{padding:45px 6%}footer{grid-template-columns:1fr 1fr;padding:40px 6% 20px}footer>div:first-child{grid-column:1/-1;margin-bottom:17px}.footer-bottom{font-size:8px}.modal{padding:35px 22px}.two{grid-template-columns:1fr;gap:0}.admin{display:block}.admin aside{flex-wrap:wrap;gap:7px;width:100%;padding:18px;display:flex;position:static}.admin aside .brand{width:100%;margin-bottom:10px}.admin aside>button{width:auto;padding:10px;font-size:11px}.admin aside>button svg,.admin-caption,.admin aside>p{display:none}.admin aside>a:not(.brand){padding:10px;font-size:10px}.admin main{width:100%;margin:0;padding:0 18px 30px}.admin-top h1{font-size:20px}.admin-top .button{gap:5px;padding:10px;font-size:11px}.stats{gap:8px}.stats>div{padding:14px 10px}.stats small{font-size:9px}.edit-grid{grid-template-columns:1fr}.panel{padding:20px}.request select{max-width:120px}.request h3{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.hero>img{object-position:center 92%}