{"id":161,"date":"2026-07-04T08:36:04","date_gmt":"2026-07-04T08:36:04","guid":{"rendered":"http:\/\/mhmtravels.online\/?page_id=161"},"modified":"2026-07-10T14:15:10","modified_gmt":"2026-07-10T14:15:10","slug":"about-us","status":"publish","type":"page","link":"http:\/\/mhmtravels.co.uk\/?page_id=161","title":{"rendered":"About us"},"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 About MHM Travels \u2022 Umrah & family journeys shaped around you<\/title>\r\n <meta name=\"description\" content=\"Meet the heart behind MHM Travels \u2014 a UK\u2011based travel partner specialising in tailored Umrah arrangements, family trips and personal care from start to finish.\" \/>\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 20% 20%, rgba(176, 141, 63, 0.08), 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 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 \/* Story Section *\/\r\n .story-section {\r\n padding: 100px 0;\r\n width: 100%;\r\n }\r\n .story-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n align-items: center;\r\n }\r\n .story-image {\r\n position: relative;\r\n aspect-ratio: 4\/5;\r\n border-radius: 50% 50% 0 0 \/ 32% 32% 0 0;\r\n overflow: hidden;\r\n border: 1px solid var(--line);\r\n box-shadow: 0 24px 50px -20px rgba(24, 18, 9, 0.2);\r\n }\r\n .story-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n }\r\n .story-text h2 {\r\n font-size: clamp(28px, 3.2vw, 40px);\r\n margin: 16px 0 22px;\r\n }\r\n .story-text p {\r\n color: var(--charcoal-soft);\r\n margin-bottom: 18px;\r\n }\r\n .highlight-box {\r\n background: var(--parchment);\r\n border-left: 3px solid var(--gold);\r\n padding: 18px 22px;\r\n margin: 28px 0 0;\r\n font-size: 14px;\r\n color: var(--charcoal-soft);\r\n border-radius: 0 2px 2px 0;\r\n }\r\n\r\n \/* Values Section *\/\r\n .values-section {\r\n background: var(--parchment);\r\n padding: 90px 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 .values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 36px;\r\n margin-top: 48px;\r\n }\r\n .value-card {\r\n background: var(--ivory);\r\n padding: 36px 28px;\r\n text-align: center;\r\n border: 1px solid var(--line);\r\n border-radius: 2px;\r\n transition: var(--transition);\r\n }\r\n .value-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-card);\r\n border-color: var(--gold);\r\n }\r\n .value-icon {\r\n font-size: 34px;\r\n color: var(--gold);\r\n margin-bottom: 18px;\r\n }\r\n .value-card h3 { font-size: 19px; margin-bottom: 10px; }\r\n .value-card p { font-size: 14.5px; color: var(--charcoal-soft); }\r\n\r\n \/* Team Section *\/\r\n .team-section {\r\n padding: 100px 0;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n .team-section h2 {\r\n font-size: clamp(28px, 3.2vw, 38px);\r\n margin: 16px auto 20px;\r\n max-width: 600px;\r\n }\r\n .founder-card {\r\n max-width: 480px;\r\n margin: 48px auto 0;\r\n background: var(--ivory);\r\n border: 1px solid var(--line);\r\n border-radius: 2px;\r\n padding: 36px 32px;\r\n text-align: center;\r\n box-shadow: var(--shadow-card);\r\n transition: var(--transition);\r\n }\r\n .founder-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-soft);\r\n border-color: var(--gold);\r\n }\r\n .founder-img {\r\n width: 110px;\r\n height: 110px;\r\n border-radius: 50%;\r\n background: var(--parchment-deep);\r\n margin: 0 auto 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 42px;\r\n color: var(--gold-deep);\r\n border: 2px solid var(--gold);\r\n }\r\n .founder-card h3 { font-size: 22px; }\r\n .founder-card .role {\r\n color: var(--gold-deep);\r\n font-weight: 700;\r\n font-size: 13px;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 14px;\r\n }\r\n .team-note {\r\n margin-top: 32px;\r\n color: var(--charcoal-soft);\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n font-size: 15px;\r\n }\r\n\r\n \/* CTA Strip *\/\r\n .cta-strip {\r\n background: var(--charcoal);\r\n padding: 70px 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-strip h2 {\r\n color: var(--ivory);\r\n font-size: clamp(28px, 3vw, 38px);\r\n margin-bottom: 18px;\r\n }\r\n .cta-strip 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-strip .btn-outline {\r\n color: var(--ivory);\r\n border-color: var(--ivory);\r\n }\r\n .cta-strip .btn-outline:hover {\r\n background: var(--ivory);\r\n color: var(--charcoal);\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 .story-grid { grid-template-columns: 1fr; gap: 48px; }\r\n .values-grid { grid-template-columns: repeat(2, 1fr); }\r\n .footer-upper .wrap { grid-template-columns: 1fr 1fr; row-gap: 36px; }\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 .values-grid { grid-template-columns: 1fr; }\r\n .story-section { padding: 70px 0; }\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 }\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 .value-card { padding: 28px 20px; }\r\n .founder-card { 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\" class=\"active\">About<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=194\">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\" class=\"active\">About<\/a>\r\n <a href=\"http:\/\/mhmtravels.co.uk\/?page_id=194\">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\">Our story & values<\/div>\r\n <h1>Planned around people,<br \/>not just itineraries.<\/h1>\r\n <p>MHM Travels was built to bring calm, clarity and personal attention to Umrah travel \u2014 and to every family journey we touch.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Story Section -->\r\n <section class=\"story-section\">\r\n <div class=\"wrap story-grid\">\r\n <div class=\"story-image\" data-reveal>\r\n <img decoding=\"async\" src=\"http:\/\/mhmtravels.co.uk\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-1-2026-11_29_57-AM.png\" alt=\"MHM Travels - Our Story\" loading=\"lazy\" \/>\r\n <\/div>\r\n <div class=\"story-text\" data-reveal>\r\n <div class=\"eyebrow\">Who we are<\/div>\r\n <h2>A travel practice built on trust, not transactions.<\/h2>\r\n <p>MHM Travels Ltd was founded with a simple belief: that a journey to the House of Allah deserves the same care you'd give your own family. We're not a faceless booking engine \u2014 we're a small, dedicated team who listen first and plan second.<\/p>\r\n <p>From our base in the UK, we arrange flights, accommodation, visas and transfers for pilgrims, families and groups. Every itinerary is shaped around real conversations \u2014 your timing, your budget, your comfort. We treat every booking as a relationship, not a one\u2011off sale.<\/p>\r\n <div class=\"highlight-box\">\r\n <strong>UK\u2011based \u2022 family\u2011run values \u2022 personal contact throughout<\/strong><br \/>\r\n We remain by your side from the first enquiry until you're safely home.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Values Section -->\r\n <div class=\"values-section\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\">What guides us<\/div>\r\n <h2 style=\"margin-top: 14px; font-size: clamp(28px, 3.2vw, 38px);\">The principles behind every plan.<\/h2>\r\n <div class=\"values-grid\">\r\n <div class=\"value-card\" data-reveal>\r\n <div class=\"value-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\r\n <h3>Care over speed<\/h3>\r\n <p>We take time to understand your needs before offering options. No rush, no pressure.<\/p>\r\n <\/div>\r\n <div class=\"value-card\" data-reveal>\r\n <div class=\"value-icon\"><i class=\"fas fa-user-check\"><\/i><\/div>\r\n <h3>One dedicated contact<\/h3>\r\n <p>You'll speak with a real person who knows your trip, not a rotating call centre.<\/p>\r\n <\/div>\r\n <div class=\"value-card\" data-reveal>\r\n <div class=\"value-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <h3>Honest & transparent<\/h3>\r\n <p>Clear pricing, realistic advice, and no hidden surprises \u2014 just straightforward travel support.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Team Section -->\r\n <div class=\"team-section\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\">The people behind MHM<\/div>\r\n <h2>Led by passion, supported by a caring team.<\/h2>\r\n <div class=\"founder-card\" data-reveal>\r\n <div class=\"founder-img\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <h3>MHM Team<\/h3>\r\n <div class=\"role\">FOUNDER & TRAVEL SPECIALIST<\/div>\r\n <p style=\"color: var(--charcoal-soft); font-size: 15px;\">With years of experience arranging Umrah journeys and family travel, our founder built MHM Travels to combine deep personal faith with professional travel planning. Every trip is overseen with the same devotion you'd expect from a trusted friend.<\/p>\r\n <\/div>\r\n <p class=\"team-note\">\r\n Behind the scenes, a small group of travel coordinators, visa specialists and support staff work together to make every journey smooth. When you message MHM, you're talking to people who genuinely care.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA Strip -->\r\n <div class=\"cta-strip\">\r\n <div class=\"wrap\">\r\n <h2>Ready to plan a journey that feels personal?<\/h2>\r\n <p>Tell us your travel ideas \u2014 we'll reply within 24 hours with thoughtful options.<\/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> Start your 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 <\/div>\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=161\"><i class=\"fas fa-chevron-right\"><\/i> Testimonials<\/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 Button -->\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>About MHM Travels \u2022 Umrah & family journeys shaped around you Home About Services Packages FAQs Contact 07508 870978 Enquire Now Home About Services Packages FAQs Contact Enquire Now 07508 870978 Our story & values Planned around people,not just itineraries. MHM Travels was built to bring calm, clarity and personal attention to Umrah travel \u2014 […]<\/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-161","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/161","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=161"}],"version-history":[{"count":28,"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/161\/revisions"}],"predecessor-version":[{"id":298,"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/161\/revisions\/298"}],"wp:attachment":[{"href":"http:\/\/mhmtravels.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}