{"id":194,"date":"2026-07-04T09:00:34","date_gmt":"2026-07-04T09:00:34","guid":{"rendered":"http:\/\/mhmtravels.online\/?page_id=194"},"modified":"2026-07-10T14:21:03","modified_gmt":"2026-07-10T14:21:03","slug":"services","status":"publish","type":"page","link":"http:\/\/mhmtravels.co.uk\/?page_id=194","title":{"rendered":"Services"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Our Services \u2022 MHM Travels | Umrah, Flights, Visas & Family Travel<\/title>\r\n <meta name=\"description\" content=\"Explore MHM Travels services \u2014 tailored Umrah arrangements, flights, accommodation, visa guidance, airport transfers and family group travel, all planned with personal care from the UK.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html, body {\r\n width: 100%;\r\n overflow-x: hidden;\r\n background: #FAF6EC;\r\n }\r\n\r\n body {\r\n font-family: 'Manrope', sans-serif;\r\n font-size: 16px;\r\n line-height: 1.65;\r\n color: #2A2013;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n :root {\r\n --ivory: #FAF6EC;\r\n --parchment: #F1E9D6;\r\n --parchment-deep: #E9DEC2;\r\n --charcoal: #181209;\r\n --charcoal-soft: #2C2416;\r\n --ink: #2A2013;\r\n --gold: #B08D3F;\r\n --gold-deep: #8A6A2C;\r\n --gold-light: #D9BD82;\r\n --line: rgba(24, 18, 9, 0.14);\r\n --line-on-dark: rgba(217, 189, 130, 0.28);\r\n --max: 1180px;\r\n --shadow-soft: 0 24px 50px -20px rgba(24, 18, 9, 0.28);\r\n --shadow-card: 0 8px 30px -12px rgba(24, 18, 9, 0.12);\r\n --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n\r\n .mhm-wrapper {\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n margin-left: calc(-50vw + 50%) !important;\r\n margin-right: calc(-50vw + 50%) !important;\r\n position: relative;\r\n overflow-x: hidden;\r\n }\r\n\r\n .mhm-wrapper * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n max-width: 100%;\r\n }\r\n\r\n h1, h2, h3, h4 {\r\n font-family: 'Fraunces', serif;\r\n font-weight: 500;\r\n color: var(--charcoal);\r\n line-height: 1.15;\r\n }\r\n\r\n p { margin: 0; }\r\n a { color: inherit; text-decoration: none; }\r\n img { max-width: 100%; display: block; }\r\n\r\n .wrap {\r\n max-width: var(--max);\r\n margin: 0 auto;\r\n padding: 0 32px;\r\n width: 100%;\r\n }\r\n\r\n .eyebrow {\r\n font-family: 'Manrope', sans-serif;\r\n font-weight: 700;\r\n font-size: 12.5px;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n color: var(--gold-deep);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n .eyebrow::before {\r\n content: \"\";\r\n width: 22px;\r\n height: 1px;\r\n background: var(--gold-deep);\r\n display: inline-block;\r\n }\r\n .eyebrow-light { color: var(--gold-light); }\r\n .eyebrow-light::before { background: var(--gold-light); }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 15px 30px;\r\n border-radius: 2px;\r\n font-family: 'Manrope', sans-serif;\r\n font-weight: 700;\r\n font-size: 14.5px;\r\n letter-spacing: 0.02em;\r\n cursor: pointer;\r\n border: 1px solid transparent;\r\n transition: var(--transition);\r\n white-space: nowrap;\r\n }\r\n .btn-gold {\r\n background: var(--gold);\r\n color: var(--ivory);\r\n border-color: var(--gold);\r\n }\r\n .btn-gold:hover {\r\n background: var(--gold-deep);\r\n border-color: var(--gold-deep);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(176, 141, 63, 0.3);\r\n }\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--charcoal);\r\n border-color: var(--charcoal);\r\n }\r\n .btn-outline:hover {\r\n background: var(--charcoal);\r\n color: var(--ivory);\r\n }\r\n\r\n \/* ========== HEADER ========== *\/\r\n header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 100;\r\n background: rgba(251, 243, 227, 0.92);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border-bottom: 1px solid var(--line);\r\n transition: var(--transition);\r\n width: 100vw;\r\n }\r\n header.scrolled {\r\n background: rgba(251, 243, 227, 0.92);\r\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\r\n }\r\n .nav {\r\n max-width: var(--max);\r\n margin: 0 auto;\r\n padding: 10px 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n }\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: 'Fraunces', serif;\r\n font-size: 20px;\r\n font-weight: 600;\r\n letter-spacing: 0.01em;\r\n color: var(--charcoal);\r\n flex-shrink: 0;\r\n }\r\n .logo img {\r\n height: 90px;\r\n width: auto;\r\n border-radius: 4px;\r\n }\r\n .logo span { color: var(--gold); }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 28px;\r\n align-items: center;\r\n }\r\n .nav-links a {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--charcoal-soft);\r\n position: relative;\r\n padding: 4px 0;\r\n }\r\n .nav-links a::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 0;\r\n height: 1.5px;\r\n background: var(--gold);\r\n transition: width 0.3s ease;\r\n }\r\n .nav-links a:hover::after,\r\n .nav-links a.active::after { width: 100%; }\r\n\r\n .nav-cta {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n flex-shrink: 0;\r\n }\r\n .nav-phone {\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n color: var(--charcoal);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n .nav-phone:hover { color: var(--gold-deep); }\r\n .nav-phone i { color: var(--gold); }\r\n\r\n .nav-toggle {\r\n display: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 8px;\r\n flex-direction: column;\r\n gap: 5px;\r\n z-index: 101;\r\n }\r\n .nav-toggle span {\r\n display: block;\r\n width: 26px;\r\n height: 2px;\r\n background: var(--charcoal);\r\n transition: var(--transition);\r\n border-radius: 1px;\r\n }\r\n .nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }\r\n .nav-toggle.active span:nth-child(2) { opacity: 0; }\r\n .nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }\r\n\r\n .mobile-menu-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(24, 18, 9, 0.5);\r\n z-index: 99;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n pointer-events: none;\r\n }\r\n .mobile-menu-overlay.active {\r\n display: block;\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .mobile-menu {\r\n position: fixed;\r\n top: 0;\r\n right: -320px;\r\n width: 300px;\r\n max-width: 85vw;\r\n height: 100vh;\r\n background: var(--ivory);\r\n z-index: 100;\r\n padding: 90px 28px 40px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n transition: right 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n box-shadow: -10px 0 40px rgba(0,0,0,0.15);\r\n overflow-y: auto;\r\n border-left: 1px solid var(--line);\r\n }\r\n .mobile-menu.active { right: 0; }\r\n .mobile-menu a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 16px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: var(--charcoal);\r\n border-radius: 4px;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n }\r\n .mobile-menu a:hover,\r\n .mobile-menu a.active {\r\n background: var(--parchment);\r\n color: var(--gold-deep);\r\n }\r\n .mobile-menu a i {\r\n width: 20px;\r\n text-align: center;\r\n color: var(--gold);\r\n font-size: 14px;\r\n }\r\n .mobile-menu .mobile-enquiry-btn {\r\n margin-top: 16px;\r\n background: var(--gold);\r\n color: #fff !important;\r\n justify-content: center;\r\n font-weight: 700;\r\n padding: 15px 20px;\r\n border-radius: 2px;\r\n }\r\n .mobile-menu .mobile-enquiry-btn:hover {\r\n background: var(--gold-deep) !important;\r\n color: #fff !important;\r\n }\r\n .mobile-menu .mobile-phone {\r\n margin-top: 8px;\r\n font-size: 14px;\r\n color: var(--charcoal-soft);\r\n justify-content: center;\r\n border-top: 1px solid var(--line);\r\n padding-top: 20px;\r\n }\r\n .mobile-menu .mobile-social {\r\n display: flex;\r\n gap: 14px;\r\n justify-content: center;\r\n margin-top: 16px;\r\n }\r\n .mobile-menu .mobile-social a {\r\n width: 40px;\r\n height: 40px;\r\n border: 1px solid var(--line);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0;\r\n font-size: 16px;\r\n color: var(--charcoal);\r\n }\r\n\r\n \/* Page Hero *\/\r\n .page-hero {\r\n padding: 180px 0 100px;\r\n background: radial-gradient(ellipse 60% 50% at 80% 20%, rgba(176, 141, 63, 0.10), transparent 60%), var(--ivory);\r\n text-align: center;\r\n border-bottom: 1px solid var(--line);\r\n width: 100%;\r\n }\r\n .page-hero h1 {\r\n font-size: clamp(36px, 4.2vw, 52px);\r\n max-width: 700px;\r\n margin: 18px auto 20px;\r\n letter-spacing: -0.01em;\r\n }\r\n .page-hero h1 em { font-style: italic; color: var(--gold-deep); }\r\n .page-hero p {\r\n font-size: 17px;\r\n color: var(--charcoal-soft);\r\n max-width: 580px;\r\n margin: 0 auto 28px;\r\n }\r\n\r\n \/* Services Grid Section *\/\r\n .services-detailed {\r\n padding: 100px 0;\r\n width: 100%;\r\n }\r\n .services-grid-detailed {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 32px;\r\n margin-top: 48px;\r\n }\r\n .service-card-detailed {\r\n background: #fff;\r\n border: 1px solid var(--line);\r\n border-radius: 2px;\r\n padding: 42px 36px;\r\n transition: var(--transition);\r\n display: flex;\r\n gap: 24px;\r\n align-items: flex-start;\r\n }\r\n .service-card-detailed:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-soft);\r\n border-color: var(--gold);\r\n }\r\n .service-icon-large {\r\n width: 64px;\r\n height: 64px;\r\n min-width: 64px;\r\n border-radius: 50%;\r\n background: var(--charcoal);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n color: var(--gold-light);\r\n }\r\n .service-content h3 {\r\n font-size: 20px;\r\n margin-bottom: 10px;\r\n font-weight: 500;\r\n }\r\n .service-content p {\r\n font-size: 14.5px;\r\n color: var(--charcoal-soft);\r\n line-height: 1.7;\r\n margin-bottom: 16px;\r\n }\r\n .service-features {\r\n list-style: none;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n .service-features li {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--gold-deep);\r\n background: var(--parchment);\r\n padding: 6px 14px;\r\n border-radius: 2px;\r\n letter-spacing: 0.03em;\r\n }\r\n .service-features li i {\r\n margin-right: 5px;\r\n font-size: 10px;\r\n }\r\n\r\n \/* How We Work *\/\r\n .how-we-work {\r\n background: var(--parchment);\r\n padding: 100px 0;\r\n border-top: 1px solid var(--line);\r\n border-bottom: 1px solid var(--line);\r\n width: 100%;\r\n }\r\n .process-grid-detailed {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 32px;\r\n margin-top: 48px;\r\n }\r\n .process-card {\r\n text-align: center;\r\n position: relative;\r\n padding-top: 40px;\r\n }\r\n .process-card .step-number {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: var(--charcoal);\r\n color: var(--gold-light);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: 'Fraunces', serif;\r\n font-style: italic;\r\n font-size: 20px;\r\n font-weight: 500;\r\n border: 2px solid var(--gold);\r\n }\r\n .process-card h3 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n font-weight: 500;\r\n }\r\n .process-card p {\r\n font-size: 14px;\r\n color: var(--charcoal-soft);\r\n line-height: 1.6;\r\n }\r\n .process-card .process-icon {\r\n font-size: 28px;\r\n color: var(--gold);\r\n margin-bottom: 16px;\r\n display: block;\r\n }\r\n\r\n \/* Additional Services Strip *\/\r\n .additional-services {\r\n padding: 100px 0;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n .additional-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 48px;\r\n }\r\n .additional-card {\r\n background: var(--ivory);\r\n border: 1px solid var(--line);\r\n border-radius: 2px;\r\n padding: 36px 28px;\r\n transition: var(--transition);\r\n }\r\n .additional-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-card);\r\n border-color: var(--gold);\r\n }\r\n .additional-card .add-icon {\r\n font-size: 36px;\r\n color: var(--gold);\r\n margin-bottom: 18px;\r\n display: block;\r\n }\r\n .additional-card h3 {\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n font-weight: 500;\r\n }\r\n .additional-card p {\r\n font-size: 14px;\r\n color: var(--charcoal-soft);\r\n }\r\n\r\n \/* CTA Banner *\/\r\n .cta-banner {\r\n background: var(--charcoal);\r\n padding: 80px 0;\r\n text-align: center;\r\n border-top: 1px solid var(--line-on-dark);\r\n border-bottom: 1px solid var(--line-on-dark);\r\n width: 100%;\r\n }\r\n .cta-banner h2 {\r\n color: var(--ivory);\r\n font-size: clamp(28px, 3.4vw, 40px);\r\n margin-bottom: 18px;\r\n }\r\n .cta-banner p {\r\n color: rgba(250, 246, 236, 0.7);\r\n max-width: 500px;\r\n margin: 0 auto 32px;\r\n font-size: 15.5px;\r\n }\r\n .cta-buttons {\r\n display: flex;\r\n gap: 18px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n .cta-banner .btn-outline {\r\n color: var(--ivory);\r\n border-color: var(--ivory);\r\n }\r\n .cta-banner .btn-outline:hover {\r\n background: var(--ivory);\r\n color: var(--charcoal);\r\n }\r\n\r\n \/* Value Promise *\/\r\n .value-promise {\r\n padding: 80px 0;\r\n width: 100%;\r\n background: var(--ivory);\r\n }\r\n .promise-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 36px;\r\n text-align: center;\r\n }\r\n .promise-item i {\r\n font-size: 28px;\r\n color: var(--gold);\r\n margin-bottom: 14px;\r\n display: block;\r\n }\r\n .promise-item h4 {\r\n font-size: 17px;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n }\r\n .promise-item p {\r\n font-size: 14px;\r\n color: var(--charcoal-soft);\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: #110D07;\r\n color: var(--ivory);\r\n padding: 0;\r\n border-top: 3px solid var(--gold);\r\n width: 100%;\r\n }\r\n .footer-upper { padding: 64px 0 48px; border-bottom: 1px solid rgba(217, 189, 130, 0.12); }\r\n .footer-upper .wrap {\r\n display: grid;\r\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n gap: 48px;\r\n }\r\n .footer-brand-col { display: flex; flex-direction: column; }\r\n .footer-logo-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n }\r\n .footer-logo-row img {\r\n height: 48px;\r\n width: auto;\r\n border-radius: 6px;\r\n border: 1px solid rgba(217, 189, 130, 0.2);\r\n padding: 2px;\r\n background: rgba(255,255,255,0.05);\r\n }\r\n .footer-logo-row .brand-name {\r\n font-family: 'Fraunces', serif;\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #fff;\r\n letter-spacing: 0.01em;\r\n }\r\n .footer-logo-row .brand-name span { color: var(--gold-light); }\r\n .footer-brand-col .brand-desc {\r\n color: rgba(250, 246, 236, 0.45);\r\n font-size: 13.5px;\r\n line-height: 1.7;\r\n max-width: 300px;\r\n margin-bottom: 20px;\r\n }\r\n .footer-badges { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }\r\n .footer-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n color: rgba(250, 246, 236, 0.4);\r\n border: 1px solid rgba(250, 246, 236, 0.1);\r\n padding: 6px 12px;\r\n border-radius: 2px;\r\n }\r\n .footer-badge i { color: var(--gold-light); font-size: 12px; }\r\n .footer-atol { margin-top: 16px; }\r\n .footer-atol img {\r\n height: 55px;\r\n width: auto;\r\n opacity: 0.9;\r\n }\r\n .footer-col h5 {\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.14em;\r\n color: var(--gold-light);\r\n margin-bottom: 18px;\r\n font-weight: 700;\r\n position: relative;\r\n padding-bottom: 10px;\r\n }\r\n .footer-col h5::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 20px;\r\n height: 2px;\r\n background: var(--gold);\r\n }\r\n .footer-col a {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13.5px;\r\n color: rgba(250, 246, 236, 0.55);\r\n margin-bottom: 10px;\r\n transition: var(--transition);\r\n }\r\n .footer-col a:hover { color: var(--gold-light); transform: translateX(3px); }\r\n .footer-col a i {\r\n width: 14px;\r\n font-size: 11px;\r\n color: var(--gold-light);\r\n opacity: 0.4;\r\n text-align: center;\r\n transition: var(--transition);\r\n }\r\n .footer-col a:hover i { opacity: 1; }\r\n .footer-lower { padding: 20px 0; }\r\n .footer-lower .wrap {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n }\r\n .footer-lower .copyright { font-size: 12px; color: rgba(250, 246, 236, 0.3); }\r\n .footer-lower .copyright strong { color: rgba(250, 246, 236, 0.5); font-weight: 600; }\r\n .footer-lower .footer-links {\r\n display: flex;\r\n gap: 20px;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n }\r\n .footer-lower .footer-links a {\r\n font-size: 11.5px;\r\n color: rgba(250, 246, 236, 0.35);\r\n transition: var(--transition);\r\n }\r\n .footer-lower .footer-links a:hover { color: var(--gold-light); }\r\n .footer-lower .footer-links .sep {\r\n width: 3px;\r\n height: 3px;\r\n background: rgba(250, 246, 236, 0.2);\r\n border-radius: 50%;\r\n }\r\n .footer-disclaimer {\r\n background: rgba(0,0,0,0.3);\r\n padding: 14px 0;\r\n text-align: center;\r\n }\r\n .footer-disclaimer p {\r\n font-size: 11px;\r\n color: rgba(250, 246, 236, 0.35);\r\n line-height: 1.6;\r\n }\r\n\r\n .wa-float {\r\n position: fixed;\r\n bottom: 26px;\r\n right: 26px;\r\n z-index: 200;\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 50%;\r\n background: #25D366;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.4);\r\n transition: transform 0.2s ease;\r\n border: none;\r\n font-size: 30px;\r\n color: #fff;\r\n }\r\n .wa-float:hover { transform: scale(1.1); }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .services-grid-detailed { grid-template-columns: 1fr; }\r\n .process-grid-detailed { grid-template-columns: repeat(2, 1fr); }\r\n .additional-grid { grid-template-columns: repeat(2, 1fr); }\r\n .footer-upper .wrap { grid-template-columns: 1fr 1fr; row-gap: 36px; }\r\n .promise-grid { grid-template-columns: repeat(2, 1fr); }\r\n .nav-phone { display: none; }\r\n .nav-links { gap: 18px; }\r\n .nav-links a { font-size: 13px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .wrap { padding: 0 20px; }\r\n .page-hero { padding: 140px 0 70px; }\r\n .nav { padding: 10px 18px; }\r\n .logo img { height: 80px; }\r\n .logo { font-size: 16px; gap: 8px; }\r\n .nav-links { display: none; }\r\n .nav-cta .btn-gold { display: none; }\r\n .nav-toggle { display: flex; }\r\n .process-grid-detailed { grid-template-columns: 1fr; }\r\n .additional-grid { grid-template-columns: 1fr; }\r\n .service-card-detailed { flex-direction: column; text-align: center; align-items: center; }\r\n .service-features { justify-content: center; }\r\n .footer-upper .wrap { grid-template-columns: 1fr; gap: 32px; }\r\n .footer-lower .wrap { flex-direction: column; text-align: center; }\r\n .footer-lower .footer-links { justify-content: center; }\r\n .promise-grid { grid-template-columns: 1fr; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .btn { padding: 12px 20px; font-size: 13px; }\r\n .logo img { height: 60px; }\r\n .logo { font-size: 14px; }\r\n .page-hero h1 { font-size: 28px; }\r\n .service-card-detailed { padding: 28px 22px; }\r\n .cta-buttons { flex-direction: column; align-items: center; }\r\n .footer-logo-row img { height: 36px; }\r\n .footer-logo-row .brand-name { font-size: 20px; }\r\n .footer-atol img { height: 40px; }\r\n .wa-float { width: 50px; height: 50px; bottom: 18px; right: 18px; font-size: 26px; }\r\n .mobile-menu { width: 280px; padding: 80px 20px 30px; }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n html { scroll-behavior: auto; }\r\n * { animation: none !important; transition: none !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"mhm-wrapper\">\r\n\r\n <!-- ========== HEADER ========== -->\r\n <header id=\"header\">\r\n <div class=\"nav wrap\">\r\n <a href=\"http:\/\/mhmtravels.co.uk\/\" class=\"logo\">\r\n <img decoding=\"async\" src=\"http:\/\/mhmtravels.co.uk\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-1-2026-11_59_56-AM.png\" alt=\"MHM Travels Logo\">\r\n <\/a>\r\n <nav class=\"nav-links\" id=\"navLinks\">\r\n <a href=\"http:\/\/mhmtravels.co.uk\/\">Home<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=161\">About<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=194\" class=\"active\">Services<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=263\">Packages<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=200\">FAQs<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=206\">Contact<\/a>\r\n <\/nav>\r\n <div class=\"nav-cta\">\r\n <a href=\"tel:+447508870978\" class=\"nav-phone\"><i class=\"fas fa-phone-alt\"><\/i> 07508 870978<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=206\" class=\"btn btn-gold\">Enquire Now<\/a>\r\n <\/div>\r\n <button class=\"nav-toggle\" id=\"navToggle\" aria-label=\"Menu\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Mobile Menu Overlay -->\r\n <div class=\"mobile-menu-overlay\" id=\"mobileOverlay\"><\/div>\r\n\r\n <!-- Mobile Menu -->\r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"http:\/\/mhmtravels.co.uk\/\">Home<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=161\">About<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=194\" class=\"active\">Services<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=263\">Packages<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=200\">FAQs<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=206\">Contact<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=206\" class=\"mobile-enquiry-btn\"><i class=\"fas fa-paper-plane\"><\/i> Enquire Now<\/a>\r\n <a href=\"tel:+447508870978\" class=\"mobile-phone\"><i class=\"fas fa-phone-alt\"><\/i> 07508 870978<\/a>\r\n <div class=\"mobile-social\">\r\n <a href=\"https:\/\/wa.me\/447508870978\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"https:\/\/www.instagram.com\/mhmtravels\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/www.facebook.com\/OfficialMHMTravels\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Page Hero -->\r\n <section class=\"page-hero\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\">What We Arrange<\/div>\r\n <h1>Every part of your journey, <em>handled with care.<\/em><\/h1>\r\n <p>From flights and accommodation to visas and transfers \u2014 we arrange every detail so you can focus on what matters most.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Detailed Services -->\r\n <section class=\"services-detailed\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\">Our Core Services<\/div>\r\n <h2 style=\"font-size: clamp(28px, 3.2vw, 38px); margin-top: 14px;\">Everything you need for a seamless journey.<\/h2>\r\n <div class=\"services-grid-detailed\">\r\n <!-- Flight Booking -->\r\n <div class=\"service-card-detailed\" data-reveal>\r\n <div class=\"service-icon-large\"><i class=\"fas fa-plane-departure\"><\/i><\/div>\r\n <div class=\"service-content\">\r\n <h3>Flight Booking<\/h3>\r\n <p>We source and compare Umrah and international flights across multiple airlines to find routes that fit your dates, budget and preferred stopovers. Direct or connecting \u2014 we present the best options clearly.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Umrah flights<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Worldwide travel<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Group bookings<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Flexible dates<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Accommodation -->\r\n <div class=\"service-card-detailed\" data-reveal>\r\n <div class=\"service-icon-large\"><i class=\"fas fa-hotel\"><\/i><\/div>\r\n <div class=\"service-content\">\r\n <h3>Accommodation<\/h3>\r\n <p>Hotel options near the Haramain in Makkah and Madinah, matched to your group size, comfort level and budget. We help you choose the right property \u2014 from simple and clean to premium and close.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Haram-adjacent<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Family rooms<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Budget to luxury<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Verified reviews<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Visa Guidance -->\r\n <div class=\"service-card-detailed\" data-reveal>\r\n <div class=\"service-icon-large\"><i class=\"fas fa-passport\"><\/i><\/div>\r\n <div class=\"service-content\">\r\n <h3>Visa Guidance<\/h3>\r\n <p>Clear, step-by-step support through the Umrah visa process. We tell you exactly which documents are needed, when to submit them, and handle the application coordination \u2014 no guesswork, no stress.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Document checklist<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Application tracking<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Family applications<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Timely reminders<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Airport Transfers -->\r\n <div class=\"service-card-detailed\" data-reveal>\r\n <div class=\"service-icon-large\"><i class=\"fas fa-shuttle-van\"><\/i><\/div>\r\n <div class=\"service-content\">\r\n <h3>Airport Transfers<\/h3>\r\n <p>Pre-booked pickups and inter-city transfers between Jeddah, Makkah and Madinah. We arrange comfortable, air-conditioned vehicles suited to your group size \u2014 door to door, every time.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Private vehicles<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Group coaches<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Meet & greet<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> 24\/7 coordination<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Family & Group Travel -->\r\n <div class=\"service-card-detailed\" data-reveal>\r\n <div class=\"service-icon-large\"><i class=\"fas fa-users\"><\/i><\/div>\r\n <div class=\"service-content\">\r\n <h3>Family & Group Travel<\/h3>\r\n <p>Multi-generational and group itineraries planned as one coordinated trip. We handle linked bookings, seating together, and accommodation that works for everyone \u2014 from toddlers to grandparents.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Multi-gen trips<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Community groups<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Seated together<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Single contact<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Personalised Planning -->\r\n <div class=\"service-card-detailed\" data-reveal>\r\n <div class=\"service-icon-large\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div class=\"service-content\">\r\n <h3>Personalised Planning<\/h3>\r\n <p>A single point of contact who shapes the entire trip around your family's specific needs \u2014 dietary requirements, mobility support, preferred airlines, stopover requests and everything in between.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> One contact person<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Tailored itineraries<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Special requests<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Ongoing support<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Value Promise -->\r\n <section class=\"value-promise\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\">Why travel with us<\/div>\r\n <h2 style=\"font-size: clamp(28px, 3.2vw, 38px); margin-top: 14px; text-align: center;\">The MHM difference.<\/h2>\r\n <div class=\"promise-grid\" style=\"margin-top: 48px;\">\r\n <div class=\"promise-item\" data-reveal>\r\n <i class=\"fas fa-headset\"><\/i>\r\n <h4>Personal Support<\/h4>\r\n <p>You're not a booking reference. You'll speak with a real person who knows your trip by name.<\/p>\r\n <\/div>\r\n <div class=\"promise-item\" data-reveal>\r\n <i class=\"fas fa-clock\"><\/i>\r\n <h4>24-Hour Response<\/h4>\r\n <p>We reply to every enquiry within one working day \u2014 often much sooner.<\/p>\r\n <\/div>\r\n <div class=\"promise-item\" data-reveal>\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <h4>ATOL Protected<\/h4>\r\n <p>Your money is financially protected, giving you peace of mind from booking to return.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- How We Work -->\r\n <section class=\"how-we-work\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\">How we work<\/div>\r\n <h2 style=\"font-size: clamp(28px, 3.2vw, 38px); margin-top: 14px;\">From first message to boarding gate.<\/h2>\r\n <div class=\"process-grid-detailed\">\r\n <div class=\"process-card\" data-reveal>\r\n <div class=\"step-number\">1<\/div>\r\n <span class=\"process-icon\"><i class=\"fas fa-comment-dots\"><\/i><\/span>\r\n <h3>You enquire<\/h3>\r\n <p>Send us a message via the form, WhatsApp or phone \u2014 tell us your travel ideas, dates and who's travelling.<\/p>\r\n <\/div>\r\n <div class=\"process-card\" data-reveal>\r\n <div class=\"step-number\">2<\/div>\r\n <span class=\"process-icon\"><i class=\"fas fa-search\"><\/i><\/span>\r\n <h3>We research<\/h3>\r\n <p>We search flights, check hotel availability and prepare visa requirements \u2014 all tailored to your needs.<\/p>\r\n <\/div>\r\n <div class=\"process-card\" data-reveal>\r\n <div class=\"step-number\">3<\/div>\r\n <span class=\"process-icon\"><i class=\"fas fa-handshake\"><\/i><\/span>\r\n <h3>We plan together<\/h3>\r\n <p>We present clear options, talk through the details and adjust until everything feels right for you.<\/p>\r\n <\/div>\r\n <div class=\"process-card\" data-reveal>\r\n <div class=\"step-number\">4<\/div>\r\n <span class=\"process-icon\"><i class=\"fas fa-plane\"><\/i><\/span>\r\n <h3>You travel, supported<\/h3>\r\n <p>Documents, transfers and guidance are all in place \u2014 and we remain a message away throughout your trip.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Additional Services -->\r\n <section class=\"additional-services\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\">Also available<\/div>\r\n <h2 style=\"font-size: clamp(28px, 3.2vw, 38px); margin-top: 14px;\">Beyond Umrah \u2014 worldwide travel.<\/h2>\r\n <p style=\"color: var(--charcoal-soft); max-width: 520px; margin: 16px auto 0;\">While Umrah is our heart, we also arrange family holidays, group trips and international travel to destinations across the globe.<\/p>\r\n <div class=\"additional-grid\">\r\n <div class=\"additional-card\" data-reveal>\r\n <span class=\"add-icon\"><i class=\"fas fa-umbrella-beach\"><\/i><\/span>\r\n <h3>Family Holidays<\/h3>\r\n <p>Sun, city breaks or adventure \u2014 we plan family getaways with the same care we give to Umrah.<\/p>\r\n <\/div>\r\n <div class=\"additional-card\" data-reveal>\r\n <span class=\"add-icon\"><i class=\"fas fa-building\"><\/i><\/span>\r\n <h3>City Breaks<\/h3>\r\n <p>Short trips to Istanbul, Dubai, Kuala Lumpur and beyond \u2014 flights and hotels sorted.<\/p>\r\n <\/div>\r\n <div class=\"additional-card\" data-reveal>\r\n <span class=\"add-icon\"><i class=\"fas fa-globe-africa\"><\/i><\/span>\r\n <h3>Worldwide Travel<\/h3>\r\n <p>Wherever you're heading, we can help with flights, stays and the details in between.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Banner -->\r\n <section class=\"cta-banner\">\r\n <div class=\"wrap\">\r\n <h2>Ready to start planning?<\/h2>\r\n <p>Tell us what you need \u2014 we'll put together a personalised plan and get back to you within 24 hours.<\/p>\r\n <div class=\"cta-buttons\">\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=206\" class=\"btn btn-gold\"><i class=\"fas fa-paper-plane\"><\/i> Send an Enquiry<\/a>\r\n <a href=\"https:\/\/wa.me\/447508870978\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer id=\"contact\">\r\n <div class=\"footer-upper\">\r\n <div class=\"wrap\">\r\n <div class=\"footer-brand-col\">\r\n <div class=\"footer-logo-row\">\r\n <img decoding=\"async\" src=\"http:\/\/mhmtravels.co.uk\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-05-at-10.18.49-PM.jpeg\" alt=\"MHM Travels\">\r\n <\/div>\r\n <p class=\"brand-desc\">Tailored Umrah travel arrangements and worldwide family journeys, planned with care by a UK-based team. Every pilgrimage treated as our own.<\/p>\r\n <div class=\"footer-badges\">\r\n <span class=\"footer-badge\"><i class=\"fas fa-building\"><\/i> Registered in England & Wales<\/span>\r\n <\/div>\r\n <div class=\"footer-atol\">\r\n <img decoding=\"async\" src=\"http:\/\/mhmtravels.co.uk\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-4-2026-01_30_58-PM-e1783153963947.png\" alt=\"ATOL Protected\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Quick Links<\/h5>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=161\"><i class=\"fas fa-chevron-right\"><\/i> About Us<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=194\"><i class=\"fas fa-chevron-right\"><\/i> Our Services<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=263\"><i class=\"fas fa-chevron-right\"><\/i> Umrah Packages<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=200\"><i class=\"fas fa-chevron-right\"><\/i> FAQs<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=206\"><i class=\"fas fa-chevron-right\"><\/i> Contact<\/a>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Contact Us<\/h5>\r\n <a href=\"tel:+447508870978\"><i class=\"fas fa-phone-alt\"><\/i> 07508 870978<\/a>\r\n <a href=\"mailto:info@mhmtravels.co.uk\"><i class=\"fas fa-envelope\"><\/i> info@mhmtravels.co.uk<\/a>\r\n <a href=\"https:\/\/wa.me\/447508870978\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Follow Us<\/h5>\r\n <a href=\"https:\/\/www.instagram.com\/mhmtravels\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-instagram\"><\/i> Instagram<\/a>\r\n <a href=\"https:\/\/www.facebook.com\/OfficialMHMTravels\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-facebook-f\"><\/i> Facebook<\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@mhmtravels\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-tiktok\"><\/i> TikTok<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-disclaimer\">\r\n <div class=\"wrap\">\r\n <p>All prices are subject to availability and may change without notice. Terms and conditions apply. MHM Travels Ltd holds ATOL protection for your financial security.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-lower\">\r\n <div class=\"wrap\">\r\n <p class=\"copyright\">© 2026 <strong>MHM Travels Ltd<\/strong>. All rights reserved.<\/p>\r\n <div class=\"footer-links\">\r\n <a href=\"#\">Privacy Policy<\/a>\r\n <span class=\"sep\"><\/span>\r\n <a href=\"#\">Terms & Conditions<\/a>\r\n <span class=\"sep\"><\/span>\r\n <a href=\"#\">Cookie Policy<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- WhatsApp Float -->\r\n <a href=\"https:\/\/wa.me\/447508870978\" target=\"_blank\" rel=\"noopener\" class=\"wa-float\" aria-label=\"Chat on WhatsApp\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n\r\n<\/div>\r\n\r\n<!-- Scripts -->\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const navToggle = document.getElementById('navToggle');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n const mobileOverlay = document.getElementById('mobileOverlay');\r\n const mobileLinks = mobileMenu ? mobileMenu.querySelectorAll('a') : [];\r\n const body = document.body;\r\n\r\n function openMobileMenu() {\r\n if (!navToggle || !mobileMenu || !mobileOverlay) return;\r\n navToggle.classList.add('active');\r\n mobileMenu.classList.add('active');\r\n mobileOverlay.classList.add('active');\r\n body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeMobileMenu() {\r\n if (!navToggle || !mobileMenu || !mobileOverlay) return;\r\n navToggle.classList.remove('active');\r\n mobileMenu.classList.remove('active');\r\n mobileOverlay.classList.remove('active');\r\n body.style.overflow = '';\r\n }\r\n\r\n if (navToggle) {\r\n navToggle.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n if (mobileMenu && mobileMenu.classList.contains('active')) {\r\n closeMobileMenu();\r\n } else {\r\n openMobileMenu();\r\n }\r\n });\r\n }\r\n\r\n if (mobileOverlay) {\r\n mobileOverlay.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n closeMobileMenu();\r\n });\r\n }\r\n\r\n if (mobileLinks.length > 0) {\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', function() {\r\n setTimeout(() => {\r\n closeMobileMenu();\r\n }, 150);\r\n });\r\n });\r\n }\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && mobileMenu && mobileMenu.classList.contains('active')) {\r\n closeMobileMenu();\r\n }\r\n });\r\n\r\n const header = document.getElementById('header');\r\n if (header) {\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 50) {\r\n header.classList.add('scrolled');\r\n } else {\r\n header.classList.remove('scrolled');\r\n }\r\n });\r\n }\r\n\r\n if (window.gsap && window.ScrollTrigger) {\r\n gsap.registerPlugin(ScrollTrigger);\r\n gsap.utils.toArray('[data-reveal]').forEach((el) => {\r\n gsap.fromTo(el, \r\n { opacity: 0, y: 30 }, \r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 0.9,\r\n ease: 'power2.out',\r\n scrollTrigger: { \r\n trigger: el, \r\n start: 'top 88%', \r\n toggleActions: 'play none none none' \r\n }\r\n }\r\n );\r\n });\r\n }\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Services \u2022 MHM Travels | Umrah, Flights, Visas & Family Travel Home About Services Packages FAQs Contact 07508 870978 Enquire Now Home About Services Packages FAQs Contact Enquire Now 07508 870978 What We Arrange Every part of your journey, handled with care. From flights and accommodation to visas and transfers \u2014 we arrange every […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=194"}],"version-history":[{"count":13,"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":305,"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions\/305"}],"wp:attachment":[{"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}