@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--deep:#10373e;--deep2:#0c2c32;--teal:#1c676a;--mint:#dbe9df;--cream:#f6f5ef;--white:#fff;--ink:#1c3538;--muted:#667a78;--line:#d9e1dc;--gold:#d6b989}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}img,svg{max-width:100%}a{color:inherit}button,input,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:106px 0}.skip-link{position:absolute;left:10px;top:-70px;background:#fff;padding:10px 18px;z-index:100}.skip-link:focus{top:10px}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.site-header:has(+main .page-hero-small){background:var(--deep)}.nav-wrap{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex:none;line-height:1}.brand img{width:44px;height:44px}.brand strong{display:block;font-size:26px;font-weight:700;letter-spacing:-1.5px}.brand small{display:block;margin-top:5px;font-size:8px;font-weight:700;letter-spacing:2.8px}.main-nav{display:flex;align-items:center;gap:38px}.main-nav>a{position:relative;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.03em}.main-nav>a:not(.nav-cta):after{content:'';position:absolute;height:2px;bottom:-8px;left:0;width:0;background:#fff;transition:width .2s}.main-nav>a.active:after,.main-nav>a:not(.nav-cta):hover:after{width:100%}.main-nav .nav-cta{margin-left:10px;padding:12px 18px;border:1px solid rgba(255,255,255,.75);border-radius:3px}.main-nav .nav-cta:hover{background:#fff;color:var(--deep)}.nav-cta span{margin-left:15px}.menu-toggle{display:none}.hero{min-height:750px;height:min(850px,100svh);position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;background:#122c35}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('makkah-hero.png') center/cover no-repeat}.hero-shade{background:linear-gradient(90deg,rgba(5,24,30,.8) 0%,rgba(9,35,42,.57) 34%,rgba(9,35,42,.08) 75%),linear-gradient(0deg,rgba(5,22,29,.45),transparent 30%)}.hero-content{position:relative;z-index:1;padding-top:80px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--teal);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2.2px;line-height:1.4}.eyebrow.light{color:#e1ebe4}.eyebrow-line{display:inline-block;width:25px;height:1px;background:currentColor}.hero h1,.page-hero h1{max-width:850px;margin:25px 0 26px;font:600 clamp(54px,7vw,99px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-3.8px}.hero h1 em,.page-hero h1 em,h2 em{font-weight:500}.hero p{max-width:545px;margin:0;color:#ecf2ef;font-size:18px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 22px;text-decoration:none;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:var(--deep)}.button-light:hover{background:#e8f1e9}.button-outline{border-color:#c8dad5;color:#fff}.button-outline:hover{background:#fff;color:var(--deep)}.button-dark{background:var(--deep);color:#fff}.button-dark:hover{background:#20525a}.text-link,.underlined-link{font-size:13px;font-weight:700;text-decoration:none}.text-link span,.underlined-link span{margin-left:10px}.light-link{color:#fff}.underlined-link{display:inline-block;border-bottom:1px solid var(--teal);padding-bottom:7px;color:var(--teal);margin-top:18px}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;z-index:1;color:#f0f4f1;font-size:10px;font-weight:700;letter-spacing:2.2px}.intro-section{background:#fbfbf8}.intro-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9%}.intro-grid h2,.section h2,.cta-band h2,.quote-section h2{margin:22px 0 0;font:600 clamp(37px,4.4vw,61px)/1.16 'Playfair Display',Georgia,serif;letter-spacing:-1.7px}.intro-grid p,.two-col p{color:#5b706e}.lead{font-size:19px;line-height:1.7;color:#2c4849!important}.offer-section{background:#eef2ec}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:45px}.section-heading p{max-width:330px;color:#607371;margin:0}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.offer-card{position:relative;min-height:295px;padding:30px;background:#fff;transition:transform .2s,box-shadow .2s}.offer-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #10373e13}.offer-number{font-size:12px;letter-spacing:2px;color:#8da9a2;font-weight:700}.icon-badge{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#e8f1eb;margin:27px 0 24px}.icon-badge svg{width:38px;height:38px;fill:none;stroke:var(--teal);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.offer-card h3,.steps h3,.values-grid h3{font:600 25px/1.2 'Playfair Display',Georgia,serif;margin:22px 0 10px}.offer-card p,.steps p,.values-grid p{font-size:14px;color:#657977;line-height:1.8;margin:0}.quote-section{background:var(--deep);color:#fff;overflow:hidden}.quote-grid{display:grid;grid-template-columns:46% 54%;min-height:535px}.quote-visual{min-height:520px;position:relative;background:linear-gradient(0deg,#102f38b8,#102f3844),url('makkah-hero.png') 70% center/cover}.quote-visual:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,#10373e66)}.arch{position:absolute;z-index:1;left:14%;right:14%;top:13%;bottom:0;border:1px solid #e7dcc154;border-radius:48% 48% 0 0}.quote-visual-label{position:absolute;bottom:30px;left:30px;z-index:2;font-size:10px;letter-spacing:2px}.quote-copy{padding:85px 8% 85px 12%;align-self:center}.quote-copy h2{font-size:clamp(36px,4.4vw,57px)}.quote-copy p{max-width:520px;color:#d4e2dd;margin:28px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.steps>div{border-top:1px solid #b8c9bf;padding-top:22px}.steps span,.values-grid span{font-size:12px;color:var(--teal);font-weight:700;letter-spacing:1px}.steps h3{margin-top:30px}.cta-band{background:#1e6063;color:#fff;padding:68px 0}.cta-inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(37px,4vw,56px)}.site-footer{background:#0b2d34;color:#d4e4df;padding:72px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.15fr 1.35fr;gap:35px}.site-footer .brand{color:#fff}.site-footer p{max-width:260px;font-size:13px;line-height:1.75}.site-footer h3{font-size:13px;color:#fff;margin:3px 0 24px}.site-footer .footer-grid>div>a:not(.brand){display:block;margin:0 0 13px;font-size:13px;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-cta{color:#fff;font-weight:700}.footer-cta span{margin-left:12px}.footer-bottom{border-top:1px solid #ffffff28;margin-top:65px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#a9c1ba}.page-hero{min-height:530px;padding:190px 0 90px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#0b2732d9,#0b273250),url('makkah-hero.png') center 56%/cover}.page-hero-about{background-position:center,center 37%}.page-hero-umrah{background-position:center,center 75%}.page-hero-contact{background-position:center,center 55%}.page-hero h1{font-size:clamp(49px,6vw,78px);margin:22px 0 18px}.page-hero p{max-width:600px;font-size:17px;color:#e6eee9}.page-hero-small{min-height:340px;background:var(--deep)}.page-hero-small h1{margin-bottom:0}.values-section{background:#eef2ec}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.values-grid article{border-top:1px solid #bed2c6;padding:25px 25px 10px 0}.values-grid h3{margin-top:30px}.faq-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.faq-layout>div>p{max-width:400px;color:#637876}.faq-list details{border-bottom:1px solid #d1ddd5;padding:20px 0}.faq-list summary{cursor:pointer;list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--teal);font-size:25px;font-weight:400;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#647873;margin:15px 0 0}.faq-list a,.prose a{color:var(--teal)}.contact-section{background:#f7f8f3}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.contact-info p{color:#657977;max-width:470px}.contact-note{margin-top:45px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:8px;font-size:13px}.contact-note strong{color:var(--deep)}.contact-note span{color:#687d76}.contact-form{background:#fff;padding:40px;box-shadow:0 20px 55px #113b4210}.form-heading h3{font:600 30px 'Playfair Display',Georgia,serif;margin:0}.form-heading p{margin:4px 0 25px;color:#6b7e78;font-size:13px}.contact-form label{display:block;font-size:12px;font-weight:700;color:var(--deep);margin-bottom:20px}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;border:1px solid #d7e0da;background:#fbfcf9;border-radius:2px;margin-top:8px;padding:11px 12px;min-height:46px;color:var(--ink);outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1c676a20}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check-line{display:flex!important;gap:10px;align-items:start;font-weight:400!important;line-height:1.5;color:#627772!important}.check-line input{margin-top:3px;accent-color:var(--teal)}.check-line a{color:var(--teal)}.hidden-field{position:absolute;left:-10000px}.form-small{font-size:11px;color:#869790;margin:18px 0 0}.form-small code{font-size:10px}.prose{max-width:760px}.prose h2{font-size:30px;margin:34px 0 8px}.prose p{color:#607471}.notice{padding:15px 20px;background:#e9f4ec;border-left:3px solid #399270;margin-bottom:25px}.notice.error{background:#fff0ed;border-color:#bc5548}::selection{background:#d6b989;color:#0b2d34}
@media(max-width:900px){.main-nav{gap:19px}.nav-wrap{height:80px}.main-nav>a{font-size:12px}.main-nav .nav-cta{padding:9px;margin-left:0}.offer-card{padding:22px}.quote-copy{padding:60px 7%}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.contact-grid{gap:4%}}
@media(max-width:700px){.shell{width:min(100% - 36px,1180px)}.section{padding:72px 0}.nav-wrap{height:72px}.brand strong{font-size:22px}.brand small{font-size:7px}.brand img{width:38px;height:38px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px;cursor:pointer}.menu-toggle span{width:23px;height:2px;background:#fff}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--deep);padding:24px 18px 30px;flex-direction:column;align-items:stretch;gap:20px;border-top:1px solid #ffffff36}.main-nav.open{display:flex}.main-nav>a{font-size:15px}.main-nav .nav-cta{margin:5px 0 0}.hero{height:auto;min-height:740px;align-items:center}.hero-image{background-position:64% center}.hero-shade{background:linear-gradient(90deg,#082731d9,#08273188 75%),linear-gradient(0deg,#071f27a8,transparent 40%)}.hero-content{padding-top:95px}.hero h1,.page-hero h1{font-size:clamp(46px,10vw,70px);letter-spacing:-2px}.hero p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom{font-size:8px}.intro-grid,.two-col,.contact-grid,.faq-layout,.quote-grid{grid-template-columns:1fr;gap:26px}.intro-grid h2,.section h2,.cta-band h2{font-size:clamp(36px,8vw,52px)}.section-heading{display:block}.section-heading p{margin-top:25px}.offer-grid,.steps,.values-grid{grid-template-columns:1fr;gap:12px}.offer-card{min-height:230px}.offer-card .icon-badge{margin:18px 0}.quote-visual{min-height:330px}.quote-copy{padding:65px 10px 75px}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.page-hero{min-height:460px;padding:150px 0 65px}.contact-form{padding:25px}.contact-info h2{margin-bottom:22px}}
@media(max-width:430px){.form-row{grid-template-columns:1fr;gap:0}.hero-bottom span:last-child{display:none}.contact-form{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
.awareness-section{background:#fbfbf8}.awareness-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.awareness-links a{position:relative;background:#eef2ec;min-height:150px;padding:25px;display:flex;flex-direction:column;text-decoration:none;border-bottom:3px solid #c6d8cc}.awareness-links a:hover{background:#e2ede4}.awareness-links strong{font:600 23px 'Playfair Display',Georgia,serif}.awareness-links span{font-size:13px;color:#647972;margin-top:8px;max-width:240px}.awareness-links b{position:absolute;right:22px;top:22px;color:var(--teal)}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ritual-grid article{background:#fff;padding:28px;min-height:215px}.ritual-grid span{font-size:12px;font-weight:700;color:var(--teal)}.ritual-grid h3{font:600 24px 'Playfair Display',Georgia,serif;margin:23px 0 8px}.ritual-grid p{font-size:14px;color:#657977;margin:0}.source-note{font-size:12px;color:#657977;margin:20px 0 0}.source-note a{color:var(--teal)}.visa-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}.visa-columns article{background:#eef2ec;padding:32px}.visa-columns h3{font:600 28px 'Playfair Display',Georgia,serif;margin:10px 0}.visa-columns p{color:#657977}.visa-columns .icon-badge{margin:0 0 20px}.official-strip{background:#e7eee7;padding:27px 0}.official-strip .shell{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.official-strip strong{color:var(--deep)}.official-strip a{font-size:13px;color:var(--teal)}.contact-form select{display:block;width:100%;border:1px solid #d7e0da;background:#fbfcf9;border-radius:2px;margin-top:8px;padding:11px 12px;min-height:46px;color:var(--ink)}.form-status{font-size:13px;color:var(--teal);margin:12px 0 0}.form-status.error{color:#b64238}.main-nav{gap:25px}.main-nav .nav-cta{margin-left:0}.page-hero-guide,.page-hero-hajj{background-position:center,center 65%}
@media(max-width:1050px){.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px;cursor:pointer}.menu-toggle span{width:23px;height:2px;background:#fff}.main-nav{display:none;position:absolute;top:94px;left:0;right:0;background:var(--deep);padding:24px max(24px,calc((100vw - 1180px)/2)) 30px;flex-direction:column;align-items:stretch;gap:20px;border-top:1px solid #ffffff36}.main-nav.open{display:flex}.main-nav>a{font-size:15px}.main-nav .nav-cta{margin:5px 0 0}.nav-wrap{height:94px}}
@media(max-width:700px){.main-nav{top:72px;padding:24px 18px 30px}.nav-wrap{height:72px}.awareness-links,.ritual-grid,.visa-columns{grid-template-columns:1fr}.awareness-links a{min-height:130px}.ritual-grid article{min-height:0}.official-strip .shell{display:grid}}
.quick-guide{background:#dceae1;padding:18px 0}.quick-guide .shell{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:13px}.quick-guide strong{color:var(--deep);font-size:14px}.quick-guide span{color:#56746b;flex:1}.quick-guide a{color:var(--teal);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}.hajj-timeline{background:#fbfbf8}.day-list{border-top:1px solid var(--line)}.day-list article{display:grid;grid-template-columns:24% 1fr;gap:25px;padding:24px 8px;border-bottom:1px solid var(--line)}.day-list article>span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal)}.day-list h3{font:600 24px 'Playfair Display',Georgia,serif;margin:0 0 7px}.day-list p{margin:0;color:#657977;font-size:14px}.words-section{background:#eaf0e9}.words-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:35px}.words-grid article{background:#fff;padding:30px;border-left:3px solid var(--gold)}.words-grid span{color:var(--teal);font-size:11px;font-weight:700;letter-spacing:2px}.words-grid h3{font:600 26px 'Playfair Display',Georgia,serif;margin:20px 0 10px}.words-grid p{color:#657977;font-size:14px}.booking-questions{background:#fff}.check-list{padding-left:20px}.check-list li{padding:10px 0;border-bottom:1px solid var(--line);color:#47615d}.booking-questions p{font-size:13px;color:#657977}.visa-priority{background:#fbfbf8}.visa-priority>.shell>.lead{max-width:760px}.visa-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:35px 0}.visa-steps article{background:#eaf0e9;padding:23px 18px}.visa-steps b{color:var(--teal);font-size:12px}.visa-steps h3{font:600 21px 'Playfair Display',Georgia,serif;margin:18px 0 8px}.visa-steps p{font-size:13px;color:#657977;margin:0}.visa-alert{padding:22px 26px;background:#fff;border-left:3px solid var(--gold)}.visa-alert strong{color:var(--deep)}.visa-alert p{margin:6px 0 0;color:#657977;font-size:14px}
@media(max-width:900px){.visa-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.day-list article{grid-template-columns:1fr;gap:8px}.words-grid,.visa-steps{grid-template-columns:1fr}.quick-guide .shell{display:grid;gap:6px}.visa-steps article{min-height:0}}
.modes-section{background:#f1f3ed}.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.modes-grid article{background:#fff;padding:28px;border-top:3px solid var(--gold)}.modes-grid span{font-size:12px;color:var(--teal);font-weight:700}.modes-grid h3{font:600 26px 'Playfair Display',Georgia,serif;margin:20px 0 9px}.modes-grid p{font-size:14px;color:#657977;margin:0}
@media(max-width:700px){.modes-grid{grid-template-columns:1fr}}