/* White & orange theme options for the whole website (30 Oct 2026) - preview only.
   <html class="w1"> Clean white · <html class="w2"> Warm white · <html class="w3"> Orange bar */
.zsw{position:fixed;left:16px;bottom:16px;z-index:200;display:flex;gap:4px;align-items:center;background:rgba(29,29,31,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:6px 8px;border-radius:999px;font:600 13px/1 Inter,system-ui,sans-serif;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.zsw b{padding:0 6px 0 6px;color:#ffc58f}.zsw a{color:#fff;padding:8px 11px;border-radius:999px;white-space:nowrap}.zsw a.on{background:#ff6400}.zsw i{width:1px;height:18px;background:#555;margin:0 4px}
@media (max-width:734px){.zsw{left:6px;right:6px;bottom:80px;justify-content:center;font-size:11px;gap:1px;padding:5px;flex-wrap:wrap}.zsw b{display:none}.zsw a{padding:7px 7px}}

/* ---------- shared by all three: white pages, dark text, Air Guide orange ---------- */
html:is(.w1,.w2,.w3,.w4){color-scheme:light;--o:#ff6400;--o2:#e85a00;--txt:#1d1d1f;--sub:#6e6e73;--line:#e8e8ed}
html:is(.w1,.w2,.w3,.w4) body{background:#fff;color:var(--txt)}
html:is(.w1,.w2,.w3,.w4) body::before{background:rgba(255,255,255,.9)}
/* top bars */
html:is(.w1,.w2,.w4) .gnav{background:rgba(255,255,255,.85);border-bottom:1px solid var(--line)}
html:is(.w1,.w2,.w4) .gnav ul a,html:is(.w1,.w2,.w4) .gnav .tel{color:var(--txt);opacity:.8}
html:is(.w1,.w2,.w3,.w4) .burger i{background:var(--txt)}
html:is(.w1,.w2,.w3,.w4) .mmenu{background:rgba(255,255,255,.97)}html:is(.w1,.w2,.w3,.w4) .mmenu a{color:var(--txt)}html:is(.w1,.w2,.w3,.w4) .mmenu hr{border-color:var(--line)}
html:is(.w1,.w2,.w3,.w4) .lnav,html:is(.w1,.w2,.w3,.w4) .lnav.light{background:rgba(255,255,255,.86);border-bottom:1px solid var(--line)}
html:is(.w1,.w2,.w3,.w4) .lnav .ttl{color:var(--txt)}html:is(.w1,.w2,.w3,.w4) .lnav a.l{color:#424245}@media (hover:hover){html:is(.w1,.w2,.w3,.w4) .lnav a.l:hover{color:#000}}
/* big titles: black into orange */
html:is(.w1,.w2,.w3,.w4) .hero h1,html:is(.w1,.w2,.w3,.w4) .phead h1{color:var(--txt)}
html:is(.w1,.w2,.w3,.w4) :is(.hero,.phead) h1 .w,html:is(.w1,.w2,.w3,.w4) .grad{background:linear-gradient(176deg,#1d1d1f 25%,#a33d00 64%,var(--o) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
html:is(.w1,.w2,.w3,.w4) :is(.hero .sub,.phead .eyebrow,.years .since){color:var(--sub)}
html:is(.w1,.w2,.w3,.w4) .eyebrow{color:var(--sub)}
html:is(.w1,.w2,.w3,.w4) .lnk{color:var(--o2)}
/* every part of the page light */
html:is(.w1,.w2,.w3,.w4) :is(.hero,.phead,.zhero,.lit,.years,.dark-sec,.light-sec,.rev-white,.foot){background:#fff;color:var(--txt)}
html:is(.w1,.w2,.w3,.w4) .h-sec{color:var(--txt)}html:is(.w1,.w2,.w3,.w4) .h-sec .m{color:var(--sub)}
html:is(.w1,.w2,.w3,.w4) .lit .w{color:#d2d2d7}html:is(.w1,.w2,.w3,.w4) .lit .w.on{color:var(--txt)}html:is(.w1,.w2,.w3,.w4) .lit .w.hl.on{color:var(--o)}
html:is(.w1,.w2,.w3,.w4) .years .num{background:linear-gradient(176deg,#1d1d1f 20%,var(--o) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
html:is(.w1,.w2,.w3,.w4) .years::before{background:radial-gradient(closest-side,rgba(255,100,0,.12),transparent)}
html:is(.w1,.w2,.w3,.w4) .dark-sec :is(p,li,.copy){color:inherit}
html:is(.w1,.w2,.w3,.w4) .flyer{box-shadow:0 2px 14px rgba(0,0,0,.07)}
html:is(.w1,.w2,.w3,.w4) .rcard{box-shadow:0 2px 14px rgba(0,0,0,.07)}
html:is(.w1,.w2,.w3,.w4) .btn2.solid{background:var(--o);border-color:var(--o);color:#fff}
html:is(.w1,.w2,.w3,.w4) .wa{background:#fff;color:var(--txt);box-shadow:0 6px 22px rgba(0,0,0,.14)}
html:is(.w1,.w2,.w3,.w4) .foot .wrap{border-color:var(--line)}
html:is(.w1,.w2,.w3,.w4) :is(.zvid,.frame){box-shadow:0 30px 70px -30px rgba(0,0,0,.35)}
html:is(.w1,.w2,.w3,.w4) :is(.dark-sec,.light-sec)+:is(.dark-sec,.light-sec){padding-top:clamp(40px,6vw,80px)}

/* ---------- 1. CLEAN WHITE: pure white everywhere, thin grey lines between parts ---------- */
html.w1 :is(.dark-sec,.light-sec,.rev-white)+:is(.dark-sec,.light-sec,.rev-white){border-top:1px solid var(--line)}
html.w1 :is(.hero,.phead) h1 .w,html.w1 .grad,html.w1 .years .num{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#1d1d1f}
html.w1 .years .num{color:var(--o)}

/* ---------- 2. WARM WHITE: white and a soft peach every other part, orange glow behind the top ---------- */
html.w2 :is(.hero,.phead,.zhero){background:radial-gradient(110% 75% at 50% 0,#ffd2b0 0,#ffeee2 40%,#fff8f2 75%)}
html.w2 body,html.w2 :is(.lit,.years,.light-sec,.foot){background:#fff8f2}
html.w2 .dark-sec,html.w2 .rev-white{background:#ffeee2}
html.w2 .gnav,html.w2 .lnav,html.w2 .lnav.light{background:rgba(255,248,242,.9);border-color:#f3dccb}
html.w2 .h-sec{color:#3a1a05}html.w2 .h-sec .m{color:#b0602a}
html.w2 .flyer,html.w2 .rcard{background:#fff}

/* ---------- 3. ORANGE BAR: the top menu in Air Guide orange, light grey every other part ---------- */
html.w3 .gnav{background:var(--o)}
html.w3 .gnav ul a,html.w3 .gnav .tel{color:#fff;opacity:.95}
html.w3 .gnav .burger i{background:#fff}
html.w3 .gnav .logo img{box-shadow:0 0 0 2px rgba(255,255,255,.9)}
html.w3 .dark-sec,html.w3 .rev-white{background:#f5f5f7}
html.w3 .years{background:var(--o);color:#fff}html.w3 .years .num{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff}html.w3 .years .since{color:rgba(255,255,255,.85)}html.w3 .years::before{display:none}
html.w3 :is(.hero,.phead) h1 .w,html.w3 .grad{background:linear-gradient(176deg,var(--o) 30%,#c94a00 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
html.w3 .h-sec{color:var(--txt)}
html.w3 .foot{background:#1d1d1f;color:#a1a1a6}html.w3 .foot .wrap{border-color:#333}html.w3 .fgrid h4,html.w3 .qc h4,html.w3 .qrow b{color:#fff}@media (hover:hover){html.w3 .fgrid a:hover{color:#fff}}

/* ---------- 4. WARM WHITE + ORANGE BAR (owner's choice, 30 Oct 2026): option 2 with the orange top menu of option 3 ---------- */
html.w4{--o:#ff6400;--o2:#e85a00;--txt:#1d1d1f;--sub:#6e6e73;--line:#e8e8ed}

html.w4 :is(.hero,.phead,.zhero){background:radial-gradient(110% 75% at 50% 0,#ffd2b0 0,#ffeee2 40%,#fff8f2 75%)}
html.w4 body,html.w4 :is(.lit,.years,.light-sec,.foot){background:#fff8f2}
html.w4 .dark-sec,html.w4 .rev-white{background:#ffeee2}
html.w4 .gnav,html.w4 .lnav,html.w4 .lnav.light{background:rgba(255,248,242,.9);border-color:#f3dccb}
html.w4 .h-sec{color:#3a1a05}html.w4 .h-sec .m{color:#b0602a}
html.w4 .flyer,html.w4 .rcard{background:#fff}
html.w4 .gnav{background:var(--o)}
html.w4 .gnav ul a,html.w4 .gnav .tel{color:#fff;opacity:.95}
html.w4 .gnav .burger i{background:#fff}
html.w4 .gnav .logo img{box-shadow:0 0 0 2px rgba(255,255,255,.9)}

/* 30 Oct 2026: same clear photo shadow as the home page on the other pages in theme 4 */
html.w4 :is(.zvid,.frame,.tile,.card,.flyer,.hcard){box-shadow:0 34px 70px -12px rgba(0,0,0,.6),0 14px 30px -10px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.06)!important}
html.w4 .flyer,html.w4 .hcard{box-shadow:0 22px 44px -16px rgba(0,0,0,.45),0 8px 18px -8px rgba(0,0,0,.25)!important}
html.w4 .zhero,html.w4 .phead{overflow:visible!important;overflow-x:clip!important}
html.w4 .zvid{max-width:calc(100% - 56px)}

/* ---------- review panel fixes (30 Oct 2026, v4) ---------- */
/* deeper orange for buttons and links: white text on it 5.5:1, on warm white 5.2:1, on peach 4.9:1 (the bright #ff6400 stays on the top bar and logo) */
html.w4{--o2:#b34700}
html.w4 :is(.pill,.btn.primary,.btn2.solid){background:#b34700;border-color:#b34700;color:#fff}
@media (hover:hover){html.w4 :is(.pill,.btn.primary,.btn2.solid):hover{background:#9a3d00;border-color:#9a3d00}}
html.w4 :is(.lnk,.light-sec .lnk,.flyer .more,.rv-head .ey){color:#b34700}
html.w4 .gnav ul a{font-size:14px;font-weight:600;opacity:1}
/* phones: the orange bar stays on screen with Call and Menu (the menu button used to scroll away) */
@media (max-width:734px){
  html.w4 .gnav{position:sticky;top:0;z-index:50}
  html.w4 .lnav{display:none}
  html.w4 .gnav .tel{display:inline-flex;align-items:center;margin-left:auto;height:36px;padding:0 14px;border-radius:980px;background:#fff;color:#b34700;opacity:1;font-size:15px;font-weight:600}
}
/* Hajj 2027 price table */
.ptab{margin:8px 0 22px;border-radius:18px;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.07);overflow:hidden}
.ptab table{width:100%;border-collapse:collapse;font-size:16px}
.ptab th,.ptab td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #f3e3d6}
.ptab th{font-size:13px;font-weight:600;color:#6e6e73;text-transform:uppercase;letter-spacing:.04em;background:#fff8f2}
.ptab td b{display:block;font-size:19px;font-weight:600;color:#1d1d1f;font-variant-numeric:tabular-nums}
.ptab small{display:block;margin-top:2px;font-size:13px;color:#6e6e73;font-weight:400}
.ptab tr:last-child td{border-bottom:0}
.ptab td:first-child{font-weight:600}
@media (max-width:560px){.ptab th,.ptab td{padding:11px 9px}.ptab table{font-size:15px}.ptab td b{font-size:16px}.ptab th{font-size:11px}}
.c-t.sm{font-size:15px;line-height:1.6;color:#424245}
.c-mark p{margin:0}
.ur{font-family:Gulzar,'Noto Nastaliq Urdu',serif;font-size:22px;line-height:2.1;text-align:right;margin:18px 0;color:#1d1d1f}
/* videos on phones: tap to play */
.reels figure{position:relative}
.vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 22px;border:0;border-radius:980px;background:rgba(255,255,255,.94);color:#b34700;font:600 17px/1 Inter,system-ui,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer}
.vplay svg{width:22px;height:22px}
/* content pages (sheet) in warm white too */
html.w4 .sheet,html.w4 .light{background:#fff8f2}
html.w4 :is(.icard,.imore){background:#fff}
.ptab td b{white-space:nowrap}
@media (max-width:560px){.ptab td small{font-size:12px}}
/* Ziarat / Umrah: upcoming groups large with dates and price; past groups smaller below */
.flyers.up{grid-template-columns:repeat(auto-fill,minmax(280px,380px))}
.flyer .fmeta{padding:2px 18px 0;font-size:15px;color:#6e6e73}
.flyer .fprice{padding:6px 18px 0;font-size:21px;font-weight:600;letter-spacing:-.01em;color:#1d1d1f}
.flyer .fprice small{font-size:13px;font-weight:400;color:#6e6e73}
.flyers.past{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.flyers.past .flyer h3{font-size:14px;padding:12px 14px 2px}
.flyers.past .flyer .more{font-size:13px}
.c-cards.past{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
@media (max-width:734px){.flyers.up{grid-template-columns:1fr}.flyers.past,.c-cards.past{grid-template-columns:1fr 1fr}}
.c-cards.past .c-btns .btn{font-size:14px;min-height:38px;padding:0 14px}.c-cards.past .c-btns{margin-top:8px}
.gr-live{margin-top:34px;min-height:200px}
.gr-live,.gr-live *{font-family:Inter,"SF Pro Text",-apple-system,system-ui,sans-serif!important}

/* ---- Apple design audit fixes, 31 Oct 2026 ---- */
html{-webkit-tap-highlight-color:transparent}
a,button,summary,[role=button]{touch-action:manipulation}
html.w4 .dark-sec{--mute:#86868b}
/* instant feedback the moment a finger or mouse presses */
.alnk:active,.lnk:active,.lnav a:active,.mmenu a:active,footer a:active,.qc a:active,.legal a:active,.gnav .tel:active,a.soc:active,.burger:active,.c-t a:active,.c-list a:active,.ptab a:active{opacity:.55;transition:opacity 0s}
.grp:active,.card:active,.flyer:active,.icard:active,.tile:active,.sheetimg:active,.hcard:active,.gl:active,.yt:active{transform:scale(.975);transition:transform .1s ease-out}
.btn:active,.btn2:active,.pill:active,.wa:active{transition:transform .1s ease-out}
a.soc{transition:opacity .2s}
/* phone numbers and footer links: full 44px tap areas */
@media (max-width:734px){
  .qc .qrow a,.legal a,footer a.soc{display:inline-flex;align-items:center;min-height:44px}
  .qc .qrow>div{line-height:1.35;padding:2px 0}
}

/* ---- page changes and press feel, 31 Oct 2026 ---- */
/* smooth change between pages (Chrome, Edge, Safari 18+): the old page lifts away, the new one rises in; the orange bar stays still */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ag-out .26s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:ag-in .5s cubic-bezier(.16,1,.3,1) both}
@keyframes ag-out{to{opacity:0;transform:translateY(-10px) scale(.992)}}
@keyframes ag-in{from{opacity:0;transform:translateY(18px)}}
.gnav{view-transition-name:ag-bar}
::view-transition-group(ag-bar){animation:none}
/* buttons: sink on press, spring back on release */
:is(.pill,.btn,.btn2,.tp-btn,.ct-dir,.wa,.burger,.paddle){transition:transform .5s cubic-bezier(.2,1.5,.4,1),box-shadow .25s,background-color .2s,filter .15s}
:is(.pill,.btn,.btn2,.tp-btn,.ct-dir,.wa,.paddle):active{transform:scale(.93);transition:transform .07s ease-out,filter .07s}
:is(.pill,.btn.primary,.tp-btn:not(.white):not(.ghost),.ct-dir):active{filter:brightness(.86)}
.burger:active{transform:scale(.88)}
@media (hover:hover){:is(.pill,.btn,.btn2,.tp-btn,.ct-dir):hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(179,71,0,.6)}
  :is(.pill,.btn,.btn2,.tp-btn,.ct-dir):hover:active{transform:scale(.93);box-shadow:none}}
/* menu and bar links */
.gnav ul a,.lnav a,.mmenu a{display:inline-block;transition:transform .45s cubic-bezier(.2,1.5,.4,1),opacity .2s}
.mmenu a{display:block;width:fit-content}
.gnav ul a:active,.lnav a:active,.mmenu a:active{transform:scale(.92);opacity:.6;transition:transform .07s,opacity 0s}
/* text links ("See all packages >", "WhatsApp us >") */
:is(.alnk,.lnk){display:inline-block;transition:transform .45s cubic-bezier(.2,1.5,.4,1),opacity .2s}
:is(.alnk,.lnk):active{transform:scale(.95);opacity:.55;transition:transform .07s,opacity 0s}
/* cards spring back too */
:is(.grp,.card,.flyer,.icard,.tile,.tp-card,.ct-card,.sheetimg,.hcard,.gl,.yt):active{transform:scale(.97);transition:transform .08s ease-out}
/* footer (31 Oct 2026): numbers line up across the four contacts; tidy bottom row on phones */
.qrow>div>b+a{margin-top:1.35em}
@media (max-width:734px){.legal{flex-direction:column;align-items:flex-start;gap:2px}.legal .assoc{margin-top:16px}}
@media (max-width:734px){.fgrid{grid-template-columns:1fr;gap:26px}.fgrid h4,.qc h4{font-size:15px;margin-bottom:6px}.fgrid a{padding:8px 0}.fgrid a.soc{padding:5px 0}.qc{margin-top:28px}.qrow{gap:20px 24px}}
/* orange highlighted phrases never break across lines (31 Oct 2026) */
.hl{white-space:nowrap}
/* pill buttons in the bars: text centred (the press effect had made them inline-block) */
.lnav a.pill,.gnav a.pill,.lnav .pill{display:inline-flex;align-items:center;justify-content:center;line-height:1}
/* WhatsApp button hover (2 Nov 2026, owner): stays WhatsApp green, but a soft fade + 2px lift with a green glow instead of the left-to-right wipe. Applies on every page. */
html body a.wa{transition:transform .45s cubic-bezier(.22,1,.36,1),background-color .45s ease,border-color .45s ease,box-shadow .45s ease,color .45s ease,opacity .5s!important}
html body a.wa::before{display:none!important}
html body a.wa svg{transition:color .45s ease!important}
@media (hover:hover){
html body a.wa:hover{background:#25d366!important;border-color:#25d366!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(37,211,102,.55),0 4px 12px rgba(0,0,0,.18)!important}
html body a.wa:hover svg{color:#fff!important;transform:none!important}
}
html body a.wa:active{transform:translateY(0) scale(.97);transition-duration:.1s!important}
@media (prefers-reduced-motion:reduce){html body a.wa:hover{transform:none}}

/* 2 Nov 2026: footer set apart from the dark contact block above it */
html body .foot{background:#0a0807!important;border-top:2px solid #ff6400!important}html body .foot .wrap{border-top-color:rgba(255,255,255,.07)!important}
html body .foot{color:#a99c8d!important}html body .foot h4{color:#f7f2eb!important;letter-spacing:.2em;text-transform:uppercase;font-size:11.5px!important}html body .foot .qc b{color:#ffb27f!important;letter-spacing:.14em}html body .foot .qc div,html body .foot .legal span{color:#a99c8d!important}html body .foot a{color:#d6cbbd!important}html body .foot .qc a{color:#ff8a3d!important}html body .foot .wrap,html body .foot .qc,html body .foot .legal{border-color:rgba(255,255,255,.09)!important}
/* 2 Nov 2026: in-page jump links land below the fixed header (and the sticky sub-bar on desktop) */
[id]{scroll-margin-top:92px}
@media (min-width:735px){html:has(#lnav) [id]{scroll-margin-top:140px}}
/* 2 Nov 2026: bigger tap targets on touch screens */
@media (pointer:coarse){.foot .fgrid a,.foot .legal a,.foot .qc .qrow a,#contact .office a,a.hjtr-m,.ct-wa a{display:inline-flex;align-items:center;min-height:44px}}
@media (pointer:coarse){.foot .fgrid a{display:flex!important}}
/* 2 Nov 2026: hotel and gallery photo stories are shorter on phones, so the photo grid comes sooner */
@media (max-width:734px){.hs{height:calc(var(--hs-h,500vh) * .55)!important}}
/* 2 Nov 2026: readable text on the orange WhatsApp box (contact page) */
.bx.dark .ct-wa{color:#fff!important}
/* 2 Nov 2026: page behind the open phone menu does not scroll */
html:has(body.mo-open){overflow:hidden}body.mo-open{overflow:hidden}.mo{overscroll-behavior:contain}
@media (pointer:coarse){.m-bento .bx p.ct-v a,#mo .mo-s a{display:inline-flex;align-items:center;min-height:44px}}

/* 2 Nov 2026 (owner item 8 "Bolder white text"): white text on orange - orange a hair deeper (#f05c00) and the text larger and bolder, so it reads more clearly. Hover looks unchanged. */
:is(.mb-o,.hjdl-b .hjdl-pr,.ovs-c .go.ovs-pr,.hx-btn.pri,.hj-cta .hx-btn.wh,.fs-badge,.fs-btns .p,.btn2.solid,.btn.primary,.flyer .more,.zlinks a.pill.lg,.pkb-btn.pkb-bk,.m-bento .bx.dark):not(:hover){background-color:#f05c00!important;border-color:#f05c00!important}
html body :is(.mb-o,.btn2.solid,.btn.primary,.zlinks a.pill.lg,.hj-cta .hx-btn.wh){font-size:13px!important;font-weight:800!important}
:is(.hjdl-b .hjdl-pr,.ovs-c .go.ovs-pr){font-size:14.5px!important;font-weight:700!important}
.hx-btn.pri{font-size:17px!important;font-weight:700!important}
.fs-badge{font-size:14px!important}
.fs-btns .p{font-size:16px!important}
html body a.flyer .more{font-size:13px!important;font-weight:700!important}
.pkb-btn.pkb-bk :is(.pkb-f,.pkb-s){font-size:14px!important;font-weight:700!important}
.m-bento .bx.dark>span{font-weight:600!important}
.m-bento .bx.dark .ct-k{font-size:13px!important;font-weight:700!important}
.m-bento .bx.dark .ct-v.ct-wa{font-weight:600!important}
html body #reviews .btn2.solid{font-size:13px!important}

/* 2 Nov 2026 (owner: "make this scroll animation smooth"): sideways photo strips glide freely instead of snapping photo-to-photo; no snapping with a mouse/trackpad, gentle snapping on phones */
.c-strip,.m-sec .c-strip{scroll-snap-type:x proximity!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
@media (pointer:fine){.c-strip,.m-sec .c-strip{scroll-snap-type:none!important}}
.c-strip .ph{contain:paint}
.c-strip .ph img{width:100%;height:100%;object-fit:cover;display:block}
/* 2 Nov 2026: Google reviews - the "Air Guide · 129 reviews" box sits level with the moving cards (Trustindex pushed it up by script, so on some pages it ran into the heading) */
@media (min-width:735px){html body .gr-live .ti-widget-container{align-items:center!important}html body .gr-live .ti-widget-container>.ti-footer{margin-top:0!important}}

/* 2 Nov 2026 (owner: "add the standard things in the footer"): bottom bar - copyright, policy links, back-to-top */
.fbar{display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);font-size:13px;line-height:1.5;color:#a99c8d}
.fbar-r{display:flex;align-items:center;gap:14px 28px;flex-wrap:wrap}
.flinks{display:flex;flex-wrap:wrap;gap:6px 26px}
.foot .flinks a{color:#d6cbbd!important;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
.foot .flinks a:hover{color:#ff8a3d!important}
.totop{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:#f05c00;color:#fff;display:inline-grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.totop:hover{background:#d94f00;transform:translateY(-2px)}
.totop svg{width:20px;height:20px}
.totop:focus-visible{outline:2px solid #ff8a3d;outline-offset:3px}
@media (max-width:734px){.fbar{flex-direction:column;align-items:flex-start}.fbar-r{width:100%;justify-content:space-between}.flinks{gap:2px 20px}}
/* policy pages (drafts) */
.pol-head{padding-bottom:10px}
.content.pol{max-width:820px}
.pol-draft{margin:0 0 30px;padding:14px 18px;border:1px solid #ff6400;border-left-width:4px;background:#fff4ec;color:#5a2a00;font-size:15px;line-height:1.55;border-radius:4px}
.content.pol mark{background:#ffe2c9;color:#7a3300;padding:0 4px;border-radius:3px;font-weight:600}
@media (max-width:734px){.totop{margin-left:auto}}

/* 2 Nov 2026 (owner: "make the footer smaller on all pages, too much gap"): compact footer - social links in one row, tighter spacing, smaller logos and back-to-top */
html body .foot{padding:0 0 14px!important}
html body .foot>.wrap{padding-top:22px!important}
html body .foot .fgrid{row-gap:16px!important}
html body .foot .fgrid h4{margin:0 0 6px!important}
html body .foot .fgrid>div:first-child{display:flex;flex-wrap:wrap;align-items:center;column-gap:22px;row-gap:2px}
html body .foot .fgrid>div:first-child h4{flex-basis:100%}
html body .foot a.soc{padding:3px 0!important}
html body .foot a.soc .si{width:22px;height:22px}
html body .foot .qc{margin-top:18px!important;padding-top:16px!important}
html body .foot .qc h4{margin:0 0 8px!important}
html body .foot .qrow{row-gap:10px!important}
html body .foot .legal{margin-top:16px!important;padding-top:12px!important}
html body .foot .legal .assoc img{height:34px!important;width:auto!important}
html body .foot .fbar{margin-top:12px!important;padding-top:10px!important}
html body .foot .totop{width:38px;height:38px}
html body .foot .totop svg{width:17px;height:17px}
@media (pointer:coarse){html body .foot .fgrid a,html body .foot .flinks a{min-height:36px!important}}

/* 2 Nov 2026 (owner: "this is too big as well"): slimmer top bar and page sub-bar */
html body .mh,html body .mh.solid,html body .mh.sdark{padding-top:9px!important;padding-bottom:9px!important}
html body .mh-brand img{height:34px!important}
html body .mh-call{padding:9px 16px!important;font-size:13px!important}
html body .mh-call svg{width:16px;height:16px}
html body .mh-burger{width:40px;height:40px}
html body.has-mh{padding-top:58px!important}
html body.has-mh .lnav,html body .lnav{top:58px!important;height:44px!important}
html body .lnav .ttl{font-size:19px!important}
[id]{scroll-margin-top:72px}
@media (min-width:735px){html:has(#lnav) [id]{scroll-margin-top:112px}}
@media (max-width:734px){html body .foot .totop{margin-left:0}html body .foot .fbar-r{justify-content:flex-start}}
@media (max-width:734px){html body .foot .fgrid{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:18px!important;row-gap:14px!important}html body .foot .fgrid>div:first-child{grid-column:1/-1}html body .foot .fgrid a{font-size:13px}html body .foot .qrow{row-gap:8px!important}html body .foot .qrow>div{line-height:1.45}html body .foot .legal{flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:4px 14px!important}html body .foot .legal .assoc{margin-left:auto!important}html body .foot .legal .assoc img{height:28px!important}html body .foot .fbar{gap:8px 20px}}
/* 2 Nov 2026 (owner: "this whatsapp animation is not working correctly"): WhatsApp buttons in the contact section now sweep green from the left like the call buttons, instead of jumping to solid green */
@media (hover:hover){html body .p a.pwa:hover{background:transparent!important;border-color:#25d366!important}}
html body .p a.pwa::before{background:#1fae54!important}
html body .hjtr-g img[src*="mora-emblem"]{height:56px;margin-top:-6px}

/* 2 Nov 2026 (owner: "make this bigger"): Hajj important-dates box - wider, larger text, boxes and buttons */
html body .hjdl{max-width:1280px}
html body .hjdl-in{gap:30px;padding:34px 40px;border-width:1.5px}
html body .hjdl-ic{width:62px;height:62px}html body .hjdl-ic svg{width:28px;height:28px}
html body .hjdl-k{font-size:12.5px;margin-bottom:8px}
html body .hjdl-t{font-size:clamp(22px,2.4vw,31px);line-height:1.2}
html body .hjdl-n{font-size:14px;margin-top:8px}
html body .hjdl-ch{gap:14px}
html body .hjdl-c{padding:14px 20px;min-width:150px}
html body .hjdl-c b{font-size:11.5px}
html body .hjdl-c span{font-size:21px;margin-top:4px}
html body .hjdl-q{font-size:16px;margin-top:8px}
html body .hjdl-b{gap:10px}
html body .hjdl-b a{min-height:54px;font-size:15.5px!important;padding:0 26px}
@media (max-width:1000px){html body .hjdl-in{padding:24px;gap:20px}html body .hjdl-c span{font-size:18px}}
@media (max-width:560px){html body .hjdl-in{padding:20px;gap:16px}html body .hjdl-c{padding:12px 12px;min-width:0}html body .hjdl-c span{font-size:17px}html body .hjdl-b a{min-height:50px}}
@media (min-width:1001px){html body .hjdl-in{grid-template-columns:auto 1fr auto;row-gap:22px}html body .hjdl-in>.hjdl-ic{grid-row:1}html body .hjdl-in>.hjdl-b{grid-column:3;grid-row:1;min-width:270px}html body .hjdl-in>.hjdl-ch{grid-column:2/-1;grid-row:2}html body .hjdl-ch .hjdl-c{flex:1}}
/* 4 Nov 2026 (owner): Google rating summary looks like the review cards (same size, white card, orange frame, shadow) and without the Kaaba picture */
html body .gr-live .ti-widget-container>.ti-footer{background:#fff!important;border:1px solid #ff6400!important;border-radius:6px!important;box-shadow:0 34px 48px -22px rgba(40,25,10,.55),0 14px 26px -12px rgba(40,25,10,.22),0 2px 6px rgba(40,25,10,.06)!important;padding:24px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body .gr-live .ti-footer .ti-profile-img{display:none!important}
html body .gr-live .ti-footer .ti-profile-details{margin:0!important;padding:0!important;text-align:left}
@media (min-width:735px){html body .gr-live .ti-widget-container{align-items:stretch!important}html body .gr-live .ti-widget-container>.ti-footer{flex:none!important;width:clamp(280px,24vw,360px)!important;max-width:none!important;margin:26px 28px 72px 0!important;height:auto!important}}
@media (max-width:734px){html body .gr-live .ti-widget-container>.ti-footer{margin:0 0 6px!important;width:100%!important}}
/* 4 Nov 2026 (owner: "Air Guide name has a lot of blank space to the left"): summary card content starts at the left edge like the review cards, a little larger */
html body .gr-live .ti-widget-container>.ti-footer{justify-content:flex-start!important;align-items:flex-start!important;padding:26px 24px!important}
html body .gr-live .ti-footer .ti-row,html body .gr-live .ti-footer .ti-profile-details{width:100%!important;align-items:flex-start!important}
html body .gr-live .ti-footer .ti-name{font-size:22px!important;font-weight:700!important;margin-bottom:8px!important}
html body .gr-live .ti-footer .ti-star{width:24px!important;height:24px!important}
html body .gr-live .ti-footer .ti-rating-text{font-size:16px!important;margin-top:2px}
html body .gr-live .ti-footer .ti-header-write-btn-container{margin-top:18px!important}
/* 4 Nov 2026 (owner: "this looks really bad"): balanced review cards - summary card centred; review photos larger and sitting at the bottom of the card */
html body .gr-live .ti-widget-container>.ti-footer{justify-content:center!important;align-items:center!important;text-align:center!important}
html body .gr-live .ti-footer .ti-row,html body .gr-live .ti-footer .ti-profile-details{align-items:center!important;justify-content:center!important;text-align:center!important}
html body .gr-live .ti-footer .ti-name{font-size:24px!important}
html body .gr-live .ti-footer .ti-stars{display:flex!important;justify-content:center}
html body .gr-live .ti-marq .ti-review-item>.ti-inner{display:flex!important;flex-direction:column!important}
html body .gr-live .agrp{margin-top:auto!important;padding-top:14px;display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px}
html body .gr-live .agrp a{width:auto!important;height:92px!important;border-radius:6px}
html body .gr-live .agrp.solo{grid-template-columns:1fr}
html body .gr-live .agrp.solo a{height:150px!important}
html body .gr-live .ti-widget .ti-marq .ti-marq-track .ti-review-item>.ti-inner{display:flex!important;flex-direction:column!important;box-sizing:border-box!important}
html body .gr-live .ti-widget .ti-marq .ti-marq-track .ti-review-item>.ti-inner>.agrp{margin-top:auto!important}
html body .gr-live .agrp.solo a{height:120px!important}
/* 4 Nov 2026 (owner): summary card fuller - bigger "Air Guide" heading in the website's serif font and Air Guide orange, bigger stars and text */
html body .gr-live .ti-footer .ti-name{font-family:"Libre Caslon Text",Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:clamp(34px,2.8vw,44px)!important;line-height:1.1!important;color:#ff6400!important;margin-bottom:14px!important}
html body .gr-live .ti-footer .ti-star{width:34px!important;height:34px!important;margin-right:3px!important}
html body .gr-live .ti-footer .ti-stars{margin-bottom:10px!important}
html body .gr-live .ti-footer .ti-rating-text{font-size:18px!important}
html body .gr-live .ti-footer .ti-header-write-btn-container{margin-top:22px!important}
html body .gr-live .ti-footer .ti-header-write-btn{font-size:16px!important;padding:12px 24px!important;border-color:#ff6400!important;color:#b34700!important}
/* 4 Nov 2026 (owner: "add the 4.7 star line"): Google rating number before the stars */
html body .gr-live .ti-footer .ti-stars{align-items:center!important;gap:2px}
html body .gr-live .ti-footer .agr-score{font-family:Manrope,system-ui,sans-serif;font-size:30px;font-weight:700;color:#16110d;margin-right:10px;line-height:1}
html body .m-ct-desks{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){html body .m-ct-desks{grid-template-columns:1fr 1fr}}@media (max-width:600px){html body .m-ct-desks{grid-template-columns:1fr}}
/* 4 Nov 2026 (owner): International number removed for now - contact cards now 3 in a row */
@media (min-width:1001px){html body .cta-grid{grid-template-columns:repeat(3,1fr)!important}}
/* 4 Nov 2026 (owner: "make these more prominent"): top menu links larger and bolder */
@media (min-width:1181px){html body .mh-nav a{font-size:14px!important;font-weight:700!important;letter-spacing:.12em!important;padding:10px 15px!important}
html body .mh-nav a::after{height:2px!important;bottom:3px!important}
html body .mh-call{font-size:14px!important;font-weight:700!important}}
@media (min-width:1181px) and (max-width:1320px){html body .mh-nav a{font-size:13px!important;padding:10px 11px!important;letter-spacing:.09em!important}}
/* 4 Nov: MORA, HOAP and DTS logos in the footer */
html body .foot .legal .assoc{flex-wrap:wrap;gap:12px 16px}
html body .foot .legal .assoc img[src*="mora-emblem"],html body .foot .legal .assoc img[src*="logo-dts"]{height:38px!important}
html body .foot .legal .assoc img[src*="logo-hoap"]{height:40px!important}
/* 4 Nov: Hajj page new order - Transport and Meals lists */
.hj-li{list-style:none;margin:6px 0 0;padding:0}
.hj-li li{position:relative;padding:0 0 0 22px;margin:0 0 12px;font-size:17px;line-height:1.55;color:#424245}
.hj-li li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:#ff6400}
html body .hj-li .hj-og{white-space:normal!important}
/* 4 Nov: Hajj page Google reviews more prominent and clear */
html body .hj-gr{padding:clamp(56px,7vw,96px) 0!important}
html body .hj-gr .gr-h{font-size:clamp(42px,5.2vw,76px)!important;line-height:1.02!important}
html body .hj-gr .gr-ey{font-size:14px!important}
html body .hj-gr .gr-btn{font-size:15px!important;padding:16px 30px!important}
html body .hj-gr .ti-widget .ti-marq .ti-marq-track .ti-review-item{width:clamp(300px,27vw,400px)!important;margin-right:30px!important}
@media (min-width:735px){html body .hj-gr .gr-live .ti-widget-container>.ti-footer{width:clamp(300px,27vw,400px)!important}}
html body .hj-gr .gr-live .ti-review-item .ti-name{font-size:18px!important;font-weight:700!important;color:#16110d!important}
html body .hj-gr .gr-live .ti-review-item .ti-date{font-size:14px!important}
html body .hj-gr .gr-live .ti-review-item .ti-stars .ti-star{width:21px!important;height:21px!important}
html body .hj-gr .gr-live .ti-review-item .ti-review-content,html body .hj-gr .gr-live .ti-review-item .ti-review-text-container{font-size:17.5px!important;line-height:1.55!important;color:#16110d!important}
html body .hj-gr .gr-live .ti-review-item>.ti-inner{padding:28px!important}
@media (max-width:734px){html body .hj-gr .ti-widget .ti-marq .ti-marq-track .ti-review-item{width:84vw!important;margin-right:18px!important}html body .hj-gr .gr-live .ti-review-item .ti-review-content,html body .hj-gr .gr-live .ti-review-item .ti-review-text-container{font-size:17px!important}}
/* 4 Nov: "Verified by Trustindex" badge was cut off (Home): the reviews strip was wider than its box */
@media (min-width:735px){html body .gr-live .ti-widget-container>.ti-reviews-container{flex:1 1 0!important;min-width:0!important;max-width:none!important}}
html body .gr-live .ti-verified-by-row{margin-right:0!important;padding-right:0!important}
html body .gr-live .ti-verified-by .ti-inner{width:max-content!important;max-width:100%!important;white-space:nowrap!important}
/* 5 Nov 2026: phones - small labels readable, small links easier to tap (owner: mobile not good) */
@media (max-width:734px){
html body .m-ey,html body .e-ey,html body .hjtr-k,html body .ovs-k,html body .m-chip,html body p.live,html body .hjdl-k{font-size:12.5px!important}
html body .kind{font-size:12px!important}
html body a.pill,html body a.m-pill{font-size:13px!important}
html body a.mb{font-size:13px!important}
html body main a[href^="mailto:"],html body main a[href^="tel:"]{padding-top:8px;padding-bottom:8px}
html body .gr-live .ti-widget-container>.ti-footer{padding:20px 18px!important}
html body .gr-live .ti-footer .ti-name{font-size:30px!important}
html body .gr-live .ti-footer .ti-star{width:26px!important;height:26px!important}
}
/* 5 Nov 2026: nothing may push a page sideways (seen on phones while Google reviews / videos load). clip keeps the sticky menu working */
html{overflow-x:hidden;overflow-x:clip}
html body{overflow-x:visible!important;overflow-x:clip!important}
html body .gr-live{overflow-x:clip;max-width:100%}
html body .gr-live .ti-widget{max-width:100%}
html body button.yt,html body .vid{max-width:100%}
/* 5 Nov 2026: overflow fixes on small phones (owner: look for overflowing errors) */
@media (max-width:734px){
html body .hjdl-ic{display:none!important}
html body .hjdl-in{grid-template-columns:1fr!important;padding:18px!important;gap:14px!important}
html body .hjdl-t{font-size:21px!important}
html body .hjdl-ch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
html body .hjdl-c{min-width:0!important;padding:10px!important}
html body .hjdl-c b{font-size:11px!important;letter-spacing:.06em!important;line-height:1.3}
html body .hjdl-c span{font-size:15px!important;margin-top:4px!important}
html body .hjdl-q{grid-column:1/-1}
html body .hajj-card .tx{padding:26px 20px!important}
html body .hajj-card .price{font-size:clamp(26px,8vw,34px)!important}
html body .hajj-card .meta,html body .hajj-card .price small{overflow-wrap:anywhere}
html body .c-btns .btn{width:auto!important;max-width:100%;padding-left:12px!important;padding-right:12px!important;gap:6px!important;letter-spacing:.06em!important;font-size:12px!important}
html body .hajj-card{grid-template-columns:minmax(0,1fr)!important}
html body .m-sec .icard .c-btns,html body .c-cards .icard .c-btns{padding-left:10px!important;padding-right:10px!important}
html body .hajj-card .tx{min-width:0}
}
@media (max-width:380px){html body .s-open-h{font-size:42px!important}}
/* 5 Nov: HOAP / DTS logos in the accredited tiles; office row wraps neatly */
html body .hjtr-g img[src*="logo-hoap"],html body .hjtr-g img[src*="logo-dts"]{height:54px;margin-top:-4px}
html body .office{row-gap:18px}
html body .office a[href*="maps"]{font-size:clamp(19px,1.7vw,24px)!important}
/* 5 Nov: desk phone buttons orange, black on hover (owner) */
html body .m-ct-desks a[href^="tel:"]{background:#ff6400!important;color:#fff!important;border-color:#ff6400!important;transition:background-color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){html body .m-ct-desks a[href^="tel:"]:hover{background:#16110d!important;border-color:#16110d!important;color:#fff!important;transform:translateY(-1px)}}
html body .m-ct-desks a[href^="tel:"]:active{background:#16110d!important}
/* 5 Nov: past group cards - 'More Details' on one line */
html body .flyers .flyer .more{white-space:nowrap!important;letter-spacing:.08em!important;padding-left:14px!important;padding-right:14px!important;max-width:100%}
/* 5 Nov 2026: Hajj page format on all pages (owner) - headings: second part orange italic; orange bar under the menu with Register/Inquire in a black tab */
html body main .m-h2 em.s,html body main .h-sec em.s,html body main .h-sec .m,html body main .m-h2 .m{color:#ff6400!important;-webkit-text-fill-color:#ff6400!important;font-family:var(--serif,"Libre Caslon Text",Georgia,serif)!important;font-style:italic!important;font-weight:400!important}
html body main .m-h2,html body main .h-sec{line-height:1.12}
html body #lnav,html body #lnav.light{background:#ff6400!important;border-bottom:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #lnav .ttl,html body #lnav.light .ttl{color:#fff!important;font-weight:700!important}
html body #lnav a.l,html body #lnav.light a.l{color:#fff!important;font-weight:600!important}
html body #lnav a.l::after{background:#fff!important}
@media (hover:hover){html body #lnav a.l:hover{color:#fff!important;opacity:.85}}
html body #lnav a.pill{background:#16110d!important;color:#fff!important;border-color:#16110d!important}
@media (hover:hover){html body #lnav a.pill:hover{background:#000!important;color:#fff!important}}
/* 5 Nov: Home handwritten comments now its own section - same look as the reviews section */
html body #reviews-hand{background:rgb(239,230,218)!important}
html body #reviews-hand .h-sec{font-family:"Libre Caslon Text",Georgia,serif!important;font-weight:400!important;letter-spacing:normal!important}
html body #reviews-hand .ey{font-size:11.5px!important;font-weight:600!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:rgb(184,70,11)!important}

/* 7 Nov 2026 (owner): "34 YEARS" big, the rest below */
.bx.big .yr{display:flex;align-items:baseline;gap:.18em;flex-wrap:wrap}.bx.big .yr .yw{font-family:var(--serif)!important;font-weight:500!important;color:#ff6400!important;font-size:clamp(46px,5.6vw,96px)!important;line-height:1;letter-spacing:.02em}@media(max-width:600px){.bx.big .yr .yw{font-size:44px!important}}

/* 7 Nov 2026 (owner): text over the Hajj photo easier to read - a dark shade behind the words and a soft shadow on them */
.hx-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 52%,rgba(10,6,3,.62) 0%,rgba(10,6,3,.42) 55%,rgba(10,6,3,.22) 100%)}
.hx-t1 .hx-ey,.hx-t1 .hx-sub{text-shadow:0 2px 8px rgba(0,0,0,.65),0 0 24px rgba(0,0,0,.45)}
.hx-t1 h1,.hx-t2 p{filter:drop-shadow(0 3px 10px rgba(0,0,0,.6)) drop-shadow(0 0 28px rgba(0,0,0,.35))}
.hx-btn:not(.pri){background:rgba(0,0,0,.35)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* 7 Nov: WhatsApp number in the office row glows green on hover, like the other WhatsApp buttons */
html body .office a[href*="wa.me"]{transition:color .2s,text-shadow .25s,transform .4s cubic-bezier(.2,1.5,.4,1)}
@media (hover:hover){html body .office a[href*="wa.me"]:hover{color:#25d366!important;text-shadow:0 0 18px rgba(37,211,102,.75),0 0 40px rgba(37,211,102,.35);transform:translateY(-2px)}}
html body .office a[href*="wa.me"]:focus-visible{color:#25d366!important;text-shadow:0 0 18px rgba(37,211,102,.75)}
/* 7 Nov: photo credit on the Ziarat hero picture */
html body .s-over .pcred{font-size:11px!important;opacity:.55;margin-top:10px!important;letter-spacing:.02em}
/* 7 Nov: every phone number, email and address glows ORANGE on hover; every WhatsApp number/icon glows GREEN */
html body :is(a[href^="tel:"],a[href^="mailto:"],a[href*="google.com/maps"],a[href*="maps.app"],a[href*="wa.me"],a[href*="api.whatsapp"]){transition:color .2s,text-shadow .25s,box-shadow .25s,border-color .2s,background-color .2s,transform .4s cubic-bezier(.2,1.5,.4,1)}
@media (hover:hover){
 /* plain text links */
 html body :is(a[href^="tel:"],a[href^="mailto:"],a[href*="google.com/maps"],a[href*="maps.app"]):not(.pill,.btn,.btn2,.mb,.hx-btn,.mh-call,.go,.hj-ctc,.tp-btn,.ct-dir):hover{color:#ff6400!important;text-shadow:0 0 16px rgba(255,100,0,.7),0 0 36px rgba(255,100,0,.32)!important}
 html body :is(a[href*="wa.me"],a[href*="api.whatsapp"]):not(.pill,.btn,.btn2,.mb,.hx-btn,.wa,.pwa,.hjdl-ol,.tp-btn):hover{color:#25d366!important;text-shadow:0 0 16px rgba(37,211,102,.75),0 0 36px rgba(37,211,102,.35)!important}
 html body :is(a[href^="tel:"],a[href^="mailto:"],a[href*="wa.me"],a[href*="api.whatsapp"]):not(.pill,.btn,.btn2,.mb,.hx-btn,.mh-call,.go,.hj-ctc,.tp-btn,.ct-dir,.wa,.pwa,.hjdl-ol):hover svg{filter:drop-shadow(0 0 6px currentColor)}
 /* button-style links: glow around the button */
 html body :is(a[href^="tel:"],a[href^="mailto:"],a[href*="google.com/maps"],a[href*="maps.app"]):is(.pill,.btn,.btn2,.mb,.hx-btn,.mh-call,.go,.hj-ctc,.tp-btn,.ct-dir):hover{border-color:#ff6400!important;box-shadow:0 0 0 1px rgba(255,100,0,.55),0 0 22px rgba(255,100,0,.55),0 10px 26px -10px rgba(255,100,0,.6)!important}
 html body :is(a[href*="wa.me"],a[href*="api.whatsapp"]):is(.pill,.btn,.btn2,.mb,.hx-btn,.hjdl-ol,.tp-btn):hover{background:#25d366!important;border-color:#25d366!important;color:#fff!important;box-shadow:0 0 22px rgba(37,211,102,.6),0 12px 28px -8px rgba(37,211,102,.55)!important}
 html body :is(a[href*="wa.me"],a[href*="api.whatsapp"]):is(.pill,.btn,.btn2,.mb,.hx-btn,.hjdl-ol,.tp-btn):hover svg{color:#fff!important;fill:currentColor}
 html body a.pwa:hover,html body a.wa:hover{box-shadow:0 0 22px rgba(37,211,102,.6),0 12px 28px -8px rgba(37,211,102,.55)!important}
}
:is(a[href^="tel:"],a[href^="mailto:"],a[href*="google.com/maps"]):focus-visible{text-shadow:0 0 14px rgba(255,100,0,.7)}
/* 7 Nov fix: WhatsApp buttons that fill on hover fill GREEN (white fill hid the text) */
@media (hover:hover){html body :is(a[href*="wa.me"],a[href*="api.whatsapp"]):is(.mb,.pill,.btn,.btn2,.hx-btn,.tp-btn,.hjdl-ol)::before,html body :is(a[href*="wa.me"],a[href*="api.whatsapp"]):is(.mb,.pill,.btn,.btn2,.hx-btn,.tp-btn,.hjdl-ol)::after{background:#25d366!important}
 html body :is(a[href*="wa.me"],a[href*="api.whatsapp"]):is(.mb,.pill,.btn,.btn2,.hx-btn,.tp-btn,.hjdl-ol):hover .ar{color:#fff!important}
 html body :is(a[href^="tel:"],a[href^="mailto:"],a[href*="google.com/maps"]):is(.mb,.pill,.btn,.btn2,.hx-btn,.tp-btn)::before{background:#ff6400!important}
 html body :is(a[href^="tel:"],a[href^="mailto:"],a[href*="google.com/maps"]):is(.mb,.pill,.btn,.btn2,.hx-btn,.tp-btn):hover{color:#fff!important}}
/* 7 Nov: "Call" button in the Overseas cards behaves exactly like the buttons next to it (no extra glow) */
@media (hover:hover){html body a.go[href^="tel:"]:hover,html body a.go[href^="mailto:"]:hover{box-shadow:none!important}}
/* 7 Nov: hover effects only on things you can see - none while the page is scrolling, none on blocks that have not appeared yet */
@media (hover:hover){html.scrolling body :is(a,button,.rowl,.grp,.card,.tile,.hcard,.icard,.tp-card,.ct-card,.gl,.yt,.flyer,.sheetimg,.ovs-c,.p){pointer-events:none!important}}
html body .rv.pre,html body .rv.pre *{pointer-events:none!important}
/* 7 Nov: solid orange buttons - on hover a brighter Air Guide orange with a soft orange glow (no more dark brown / black) */
@media (hover:hover){
 html body :is(.mb-o,.hjdl-b .hjdl-pr,.ovs-c .go.ovs-pr,.hx-btn.pri,.hj-cta .hx-btn.wh,.fs-btns .p,.btn2.solid,.btn.primary,.flyer .more,.zlinks a.pill.lg,.pkb-btn.pkb-bk,.pill,.tp-btn:not(.white):not(.ghost)):not([href*="wa.me"]):not([href*="api.whatsapp"]):hover{background-color:#ff7a1f!important;border-color:#ff7a1f!important;color:#fff!important;box-shadow:0 0 22px rgba(255,100,0,.45),0 10px 24px -8px rgba(255,100,0,.55)!important}
 html body .mb-o:not([href*="wa.me"])::before{background:#ff7a1f!important}
 html body .mb-o:not([href*="wa.me"]):hover .ar{color:#fff!important}
}
/* 7 Nov: "34 YEARS" - YEARS always sits on its own line under the number, so it no longer jumps while the number counts up */
html body .bx.big .yr{display:block!important}
html body .bx.big .yr .n,html body .bx.big .yr .yw{display:block!important}
html body .bx.big .yr .n{font-variant-numeric:tabular-nums lining-nums}
/* 7 Nov fix: phone buttons in the contact cards (Yawar, Raza, Adnan) - orange fill, WHITE number, orange glow, the same on every page (the number was turning orange on orange) */
@media (hover:hover){html body .p a[href^="tel:"][href]:hover{background:#ff6400!important;border-color:#ff6400!important;color:#fff!important;text-shadow:none!important;box-shadow:0 0 22px rgba(255,100,0,.45),0 10px 24px -8px rgba(255,100,0,.5)!important}
 html body .p a[href^="tel:"][href]:hover svg{color:#fff!important;filter:none!important}
 html body .p a[href^="tel:"][href]::before{background:#ff6400!important}}
html body details>summary{outline:none!important}
html body details>summary:focus-visible{box-shadow:inset 0 0 0 2px #ff8a3d!important}
/* 7 Nov: WhatsApp links that do not say "WhatsApp" (e.g. Inquire now) - orange hover like the other buttons, not green */
@media (hover:hover){
 html body a.nwa.nwa:is(.pill,.btn,.btn2,.mb,.hx-btn,.tp-btn,.hjdl-ol):hover{background-color:#ff7a1f!important;border-color:#ff7a1f!important;color:#fff!important;text-shadow:none!important;box-shadow:0 0 22px rgba(255,100,0,.45),0 10px 24px -8px rgba(255,100,0,.55)!important}
 html body a.nwa.nwa:is(.pill,.btn,.btn2,.mb,.hx-btn,.tp-btn,.hjdl-ol)::before,html body a.nwa.nwa:is(.pill,.btn,.btn2,.mb,.hx-btn,.tp-btn,.hjdl-ol)::after{background-color:#ff7a1f!important}
 html body a.nwa.nwa:not(.pill,.btn,.btn2,.mb,.hx-btn,.tp-btn,.hjdl-ol,.wa,.pwa):hover{color:#ff6400!important;text-shadow:0 0 16px rgba(255,100,0,.7),0 0 36px rgba(255,100,0,.32)!important}
}
/* 7 Nov fix: links sitting on an ORANGE box stay WHITE on hover (soft white glow) - orange/green on orange could not be read */
@media (hover:hover){html body .m-bento .bx.dark a[href].nwa:hover,html body .m-bento .bx.dark a[href]:hover{color:#fff!important;text-shadow:0 0 14px rgba(255,255,255,.8),0 0 32px rgba(255,255,255,.35)!important}}
/* 7 Nov fix: any phone / email / WhatsApp link on an orange background - text stays WHITE on hover with a soft white glow */
@media (hover:hover){html body a.on-or.on-or[href]:hover,html body a.on-or.on-or[href]:hover *{color:#fff!important;text-shadow:0 0 14px rgba(255,255,255,.8),0 0 32px rgba(255,255,255,.35)!important}
 html body a.on-or.on-or[href]:hover svg{filter:none!important}}
/* 7 Nov: photo credit even smaller and quieter */
html body .s-over .pcred{font-size:9px!important;opacity:.32!important;margin-top:8px!important;letter-spacing:.03em}

/* 9 Nov 2026: Google reviews box shows the real Air Guide logo instead of the words "Air Guide" */
html body .gr-live .ti-footer .ti-profile-details .ti-name{font-size:0!important;line-height:0!important;color:transparent!important;display:block!important;width:230px!important;max-width:82%!important;aspect-ratio:900/258;height:auto!important;background:url(/img/logo-hd.png) center/contain no-repeat!important;margin:4px auto 16px!important;overflow:hidden}

/* 9 Nov 2026: Google logo on the reviews summary card */
html body .gr-live .ti-footer .ti-rating-text::before{content:"";display:block;width:92px;height:30px;margin:12px auto 6px;background:url(/img/google-logo.svg) center/contain no-repeat}

/* 9 Nov 2026: smaller Google reviews on phones */
@media (max-width:734px){
html body .gr-live .ti-widget-container > .ti-footer{padding:14px 14px 16px!important}
html body .gr-live .ti-footer .ti-profile-details .ti-name{width:132px!important;max-width:50%!important;margin:0 auto 8px!important}
html body .gr-live .ti-footer .ti-stars{transform:scale(.8);transform-origin:center;margin:0 auto!important}
html body .gr-live .ti-footer .ti-rating-text{font-size:14px!important;line-height:1.3!important}
html body .gr-live .ti-footer .ti-rating-text strong{font-size:14px!important}
html body .gr-live .ti-footer .ti-rating-text::before{width:58px!important;height:19px!important;margin:4px auto 2px!important}
html body .gr-live .ti-footer .ti-header-write-btn-container{margin-top:8px!important}
html body .gr-live .ti-footer .ti-header-write-btn{font-size:13px!important;padding:7px 16px!important;line-height:1.3!important}
html body .ti-widget .ti-marq .ti-marq-track .ti-review-item > .ti-inner,html body .gr-live .ti-review-item > .ti-inner{padding:14px 16px!important}
html body .gr-live .ti-review-item .ti-review-header .ti-profile-img,html body .gr-live .ti-review-item .ti-review-header .ti-profile-img img{width:32px!important;height:32px!important;min-width:32px!important}
html body .gr-live .ti-review-item .ti-review-header .ti-name{font-size:14px!important;line-height:1.3!important}
html body .gr-live .ti-review-item .ti-review-header .ti-date{font-size:12px!important}
html body .gr-live .ti-review-item .ti-stars .ti-star{width:14px!important;height:14px!important}
html body .gr-live .ti-review-item .ti-platform-icon,html body .gr-live .ti-review-item .ti-platform-icon img{width:16px!important;height:16px!important}
html body .gr-live .ti-review-item .ti-review-content,html body .gr-live .ti-review-item .ti-review-content *{font-size:13.5px!important;line-height:1.45!important}
html body .gr-live .ti-review-item .agrp{margin-top:8px!important}
html body .gr-live .ti-review-item .agrp a{width:58px!important;height:66px!important}
html body .gr-live .ti-review-item .agrp img{width:56px!important;height:64px!important;object-fit:cover}
}