{"id":6,"date":"2026-07-01T06:26:57","date_gmt":"2026-07-01T06:26:57","guid":{"rendered":"http:\/\/mhmtravels.online\/?page_id=6"},"modified":"2026-07-10T14:06:34","modified_gmt":"2026-07-10T14:06:34","slug":"home","status":"publish","type":"page","link":"https:\/\/mhmtravels.co.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9e3ee0 e-flex e-con-boxed e-con e-parent\" data-id=\"a9e3ee0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-103201d elementor-widget elementor-widget-html\" data-id=\"103201d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>MHM Travels Ltd | Umrah & International Travel Specialists<\/title>\r\n    <meta name=\"description\" content=\"MHM Travels Ltd \u2014 tailored Umrah travel arrangements, flights, accommodation, visa guidance and family travel packages, planned with 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        .elementor-widget-html,\r\n        .elementor-widget-container,\r\n        .elementor-widget,\r\n        .elementor-element,\r\n        .elementor-section,\r\n        .elementor-container,\r\n        .elementor-row,\r\n        .elementor-column,\r\n        .elementor-column-wrap,\r\n        .elementor-widget-wrap,\r\n        section.elementor-section,\r\n        div[data-element_type=\"section\"],\r\n        div[data-element_type=\"container\"] {\r\n            max-width: 100vw !important;\r\n            width: 100% !important;\r\n            padding: 0 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        html, body {\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            overflow-x: hidden;\r\n            width: 100% !important;\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        :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            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n            max-width: 100%;\r\n        }\r\n\r\n        body {\r\n            background: var(--ivory);\r\n            color: var(--ink);\r\n            font-family: 'Manrope', sans-serif;\r\n            font-size: 16px;\r\n            line-height: 1.65;\r\n            -webkit-font-smoothing: antialiased;\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        section { position: relative; width: 100%; }\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        .section-head {\r\n            margin-bottom: 56px;\r\n        }\r\n        .section-head h2 {\r\n            font-size: clamp(30px, 3.4vw, 42px);\r\n            margin-top: 16px;\r\n        }\r\n        .section-head p {\r\n            color: var(--charcoal-soft);\r\n            margin-top: 16px;\r\n            font-size: 16px;\r\n            max-width: 520px;\r\n        }\r\n\r\n        \/* ========== HEADER - MOBILE FRIENDLY ========== *\/\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        \/* Desktop nav *\/\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        \/* Mobile nav toggle *\/\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        .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        .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 {\r\n            right: 0;\r\n        }\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        \/* Hero *\/\r\n        .hero {\r\n            padding: 160px 0 120px;\r\n            background: radial-gradient(ellipse 60% 50% at 85% 10%, rgba(176, 141, 63, 0.10), transparent 60%), var(--ivory);\r\n            overflow: hidden;\r\n            width: 100%;\r\n        }\r\n        .hero-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.05fr 0.95fr;\r\n            gap: 64px;\r\n            align-items: center;\r\n        }\r\n        .hero-kicker { margin-bottom: 22px; }\r\n        .hero h1 {\r\n            font-size: clamp(38px, 4.6vw, 58px);\r\n            letter-spacing: -0.01em;\r\n            margin-bottom: 24px;\r\n        }\r\n        .hero h1 em { font-style: italic; color: var(--gold-deep); }\r\n        .hero-sub {\r\n            font-size: 17.5px;\r\n            color: var(--charcoal-soft);\r\n            max-width: 480px;\r\n            margin-bottom: 36px;\r\n        }\r\n        .hero-actions {\r\n            display: flex;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 44px;\r\n        }\r\n        .hero-trust {\r\n            display: flex;\r\n            gap: 28px;\r\n            flex-wrap: wrap;\r\n            padding-top: 30px;\r\n            border-top: 1px solid var(--line);\r\n        }\r\n        .hero-trust div { font-size: 13px; color: var(--charcoal-soft); }\r\n        .hero-trust strong {\r\n            display: block;\r\n            font-family: 'Fraunces', serif;\r\n            font-size: 22px;\r\n            color: var(--charcoal);\r\n            font-weight: 500;\r\n        }\r\n        .hero-trust i { color: var(--gold); margin-right: 6px; }\r\n\r\n        .hero-visual { position: relative; }\r\n\r\n        .arch-frame {\r\n            position: relative;\r\n            width: 100%;\r\n            aspect-ratio: 3\/4;\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 30px 60px -25px rgba(24, 18, 9, 0.35);\r\n        }\r\n        .arch-frame .arch-image {\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        .arch-frame::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(24, 18, 9, 0.7) 0%, rgba(24, 18, 9, 0.2) 60%, transparent 100%);\r\n            z-index: 1;\r\n        }\r\n        .arch-frame .cap {\r\n            position: absolute;\r\n            bottom: 26px;\r\n            left: 26px;\r\n            right: 26px;\r\n            color: var(--ivory);\r\n            z-index: 2;\r\n        }\r\n        .arch-frame .cap p {\r\n            font-family: 'Fraunces', serif;\r\n            font-style: italic;\r\n            font-size: 19px;\r\n            color: var(--ivory);\r\n            margin-top: 10px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* Quick Enquiry Card *\/\r\n        .enquiry-card {\r\n            position: absolute;\r\n            left: -46px;\r\n            bottom: -40px;\r\n            width: 290px;\r\n            background: #fff;\r\n            border: 1px solid var(--line);\r\n            border-top: 3px solid var(--gold);\r\n            padding: 26px 26px 24px;\r\n            box-shadow: var(--shadow-soft);\r\n            border-radius: 2px;\r\n            z-index: 10;\r\n        }\r\n        .enquiry-card h4 { font-size: 16.5px; margin-bottom: 4px; }\r\n        .enquiry-card h4 i { color: var(--gold); margin-right: 6px; }\r\n        .enquiry-card .small { font-size: 13px; color: var(--charcoal-soft); margin-bottom: 16px; }\r\n\r\n        .enquiry-card .wpforms-container,\r\n        .enquiry-card .wpforms-container-full { margin: 0 !important; }\r\n        .enquiry-card form.wpforms-form {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 10px !important;\r\n        }\r\n        .enquiry-card .wpforms-field-container {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 10px !important;\r\n        }\r\n        .enquiry-card .wpforms-field {\r\n            padding: 0 !important;\r\n            margin: 0 !important;\r\n            clear: none !important;\r\n        }\r\n        .enquiry-card .wpforms-field-label {\r\n            font-family: 'Manrope', sans-serif !important;\r\n            font-size: 11px !important;\r\n            font-weight: 700 !important;\r\n            color: var(--charcoal-soft) !important;\r\n            margin-bottom: 4px !important;\r\n            line-height: 1.3 !important;\r\n            display: block !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.04em !important;\r\n        }\r\n        .enquiry-card .wpforms-field input,\r\n        .enquiry-card .wpforms-field select,\r\n        .enquiry-card .wpforms-field textarea {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            padding: 10px 12px !important;\r\n            font-family: 'Manrope', sans-serif !important;\r\n            font-size: 13.5px !important;\r\n            border: 1px solid var(--line) !important;\r\n            background: #fff !important;\r\n            color: var(--ink) !important;\r\n            border-radius: 2px !important;\r\n            height: 42px !important;\r\n            line-height: 1.4 !important;\r\n            min-height: unset !important;\r\n        }\r\n        .enquiry-card .wpforms-field textarea { height: 80px !important; }\r\n        .enquiry-card .wpforms-field input:focus,\r\n        .enquiry-card .wpforms-field select:focus,\r\n        .enquiry-card .wpforms-field textarea:focus {\r\n            outline: none !important;\r\n            border-color: var(--gold) !important;\r\n            box-shadow: 0 0 0 1px var(--gold) !important;\r\n        }\r\n        .enquiry-card .wpforms-submit-container { padding: 0 !important; margin: 4px 0 0 0 !important; clear: none !important; }\r\n        .enquiry-card button.wpforms-submit {\r\n            width: 100% !important;\r\n            padding: 12px 20px !important;\r\n            background: var(--gold) !important;\r\n            color: #fff !important;\r\n            border: 1px solid var(--gold) !important;\r\n            font-family: 'Manrope', sans-serif !important;\r\n            font-weight: 700 !important;\r\n            font-size: 14.5px !important;\r\n            letter-spacing: 0.02em !important;\r\n            border-radius: 2px !important;\r\n            cursor: pointer !important;\r\n            transition: var(--transition) !important;\r\n            text-transform: none !important;\r\n            line-height: 1.4 !important;\r\n            height: auto !important;\r\n            min-height: unset !important;\r\n        }\r\n        .enquiry-card button.wpforms-submit:hover {\r\n            background: var(--gold-deep) !important;\r\n            border-color: var(--gold-deep) !important;\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: 0 8px 24px rgba(176, 141, 63, 0.3) !important;\r\n        }\r\n        .enquiry-card .wpforms-error { font-size: 11px !important; margin-top: 4px !important; }\r\n        .enquiry-card .wpforms-confirmation-container-full,\r\n        .enquiry-card .wpforms-confirmation-container {\r\n            background: var(--parchment) !important;\r\n            border: 1px solid var(--gold) !important;\r\n            padding: 16px !important;\r\n            font-size: 13px !important;\r\n            color: var(--charcoal) !important;\r\n            margin: 0 !important;\r\n        }\r\n        .enquiry-card .wpforms-field-description,\r\n        .enquiry-card .wpforms-recaptcha-container,\r\n        .enquiry-card .grecaptcha-badge { display: none !important; }\r\n        .enquiry-card .wpforms-required-label { color: var(--gold-deep) !important; }\r\n\r\n        \/* Value Strip *\/\r\n        .value-strip {\r\n            background: var(--charcoal);\r\n            padding: 52px 0;\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        .value-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px; }\r\n        .value-item { color: var(--ivory); text-align: center; }\r\n        .value-item i { font-size: 32px; color: var(--gold-light); margin-bottom: 14px; display: block; }\r\n        .value-item .num {\r\n            font-family: 'Fraunces', serif;\r\n            font-style: italic;\r\n            color: var(--gold-light);\r\n            font-size: 14px;\r\n            margin-bottom: 6px;\r\n            display: block;\r\n            letter-spacing: 0.04em;\r\n        }\r\n        .value-item h4 { color: var(--ivory); font-size: 17px; font-weight: 500; margin-bottom: 8px; }\r\n        .value-item p { color: rgba(250, 246, 236, 0.65); font-size: 14px; }\r\n\r\n        \/* About *\/\r\n        .about { padding: 120px 0; width: 100%; }\r\n        .about-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 72px; align-items: start; }\r\n        .about-visual {\r\n            position: relative;\r\n            aspect-ratio: 4\/5;\r\n            border-radius: 50% 50% 0 0\/30% 30% 0 0;\r\n            overflow: hidden;\r\n            border: 1px solid var(--line);\r\n            box-shadow: 0 20px 50px -20px rgba(24, 18, 9, 0.2);\r\n        }\r\n        .about-visual 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        .about h2 { font-size: clamp(30px, 3.4vw, 42px); margin: 18px 0 22px; max-width: 480px; }\r\n        .about-body p { color: var(--charcoal-soft); font-size: 16px; margin-bottom: 18px; max-width: 560px; }\r\n        .about-note {\r\n            margin-top: 28px;\r\n            padding: 16px 18px;\r\n            border-left: 2px solid var(--gold);\r\n            background: var(--parchment);\r\n            font-size: 13.5px;\r\n            color: var(--charcoal-soft);\r\n            max-width: 560px;\r\n            border-radius: 0 2px 2px 0;\r\n        }\r\n\r\n        \/* Services *\/\r\n        .services { padding: 110px 0; background: var(--parchment); width: 100%; }\r\n        .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: var(--line); border: 1px solid var(--line); }\r\n        .service-card { background: var(--ivory); padding: 38px 32px; transition: var(--transition); text-align: center; }\r\n        .service-card:hover { background: #fff; transform: translateY(-2px); box-shadow: var(--shadow-card); }\r\n        .service-icon {\r\n            width: 56px;\r\n            height: 56px;\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            margin: 0 auto 18px;\r\n            font-size: 22px;\r\n            color: var(--gold-light);\r\n        }\r\n        .service-card h3 { font-size: 19px; margin-bottom: 10px; font-weight: 500; }\r\n        .service-card p { font-size: 14.5px; color: var(--charcoal-soft); }\r\n\r\n        \/* Packages *\/\r\n        .packages { padding: 120px 0; width: 100%; }\r\n        .packages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 8px; }\r\n        .package-card {\r\n            border: 1px solid var(--line);\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: var(--transition);\r\n            border-radius: 2px;\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n        .package-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-card); border-color: var(--gold); }\r\n        .package-top {\r\n            aspect-ratio: 4\/3;\r\n            border-radius: 50% 50% 0 0\/34% 34% 0 0;\r\n            background: linear-gradient(150deg, var(--parchment-deep), var(--parchment));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-bottom: 1px solid var(--line);\r\n            font-size: 48px;\r\n            color: var(--gold-deep);\r\n            opacity: 0.5;\r\n        }\r\n        .package-body { padding: 26px 26px 28px; flex: 1; display: flex; flex-direction: column; }\r\n        .package-body .eyebrow { justify-content: center; margin-bottom: 12px; }\r\n        .package-body h3 { font-size: 19px; margin-bottom: 10px; font-weight: 500; }\r\n        .package-body p { font-size: 14px; color: var(--charcoal-soft); flex: 1; margin-bottom: 20px; }\r\n        .package-body a {\r\n            font-size: 13.5px;\r\n            font-weight: 700;\r\n            color: var(--gold-deep);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 6px;\r\n            transition: var(--transition);\r\n        }\r\n        .package-body a:hover { color: var(--gold); gap: 10px; }\r\n\r\n        \/* Process *\/\r\n        .process {\r\n            background: var(--charcoal);\r\n            padding: 120px 0;\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        .process .eyebrow { color: var(--gold-light); }\r\n        .process .eyebrow::before { background: var(--gold-light); }\r\n        .process h2 { color: var(--ivory); font-size: clamp(30px, 3.4vw, 42px); margin-top: 16px; max-width: 520px; }\r\n        .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; margin-top: 60px; }\r\n        .process-step { position: relative; padding-top: 36px; border-top: 1px solid var(--line-on-dark); }\r\n        .process-step .step-num {\r\n            font-family: 'Fraunces', serif;\r\n            font-style: italic;\r\n            color: var(--gold-light);\r\n            font-size: 34px;\r\n            position: absolute;\r\n            top: -24px;\r\n            left: 0;\r\n        }\r\n        .process-step h3 { color: var(--ivory); font-size: 19px; font-weight: 500; margin-bottom: 10px; }\r\n        .process-step h3 i { color: var(--gold-light); margin-right: 8px; }\r\n        .process-step p { color: rgba(250, 246, 236, 0.65); font-size: 14.5px; }\r\n\r\n        \/* Testimonials *\/\r\n        .testimonials { padding: 120px 0; text-align: center; width: 100%; }\r\n        .testimonials .eyebrow { justify-content: center; }\r\n        .testimonials h2 { font-size: clamp(28px, 3.2vw, 38px); margin: 16px auto 20px; max-width: 560px; }\r\n        .testimonials .lead { color: var(--charcoal-soft); max-width: 520px; margin: 0 auto 40px; }\r\n        .testimonial-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 30px;\r\n            max-width: 960px;\r\n            margin: 0 auto;\r\n        }\r\n        .testimonial-card {\r\n            background: var(--parchment);\r\n            padding: 32px 28px;\r\n            border-radius: 2px;\r\n            border: 1px solid var(--line);\r\n            transition: var(--transition);\r\n            text-align: left;\r\n        }\r\n        .testimonial-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); border-color: var(--gold); }\r\n        .testimonial-card .stars { color: var(--gold); font-size: 14px; margin-bottom: 12px; letter-spacing: 2px; }\r\n        .testimonial-card blockquote {\r\n            font-family: 'Fraunces', serif;\r\n            font-style: italic;\r\n            font-size: 16px;\r\n            color: var(--charcoal-soft);\r\n            line-height: 1.6;\r\n            margin-bottom: 16px;\r\n        }\r\n        .testimonial-card .client { display: flex; align-items: center; gap: 12px; }\r\n        .testimonial-card .client .avatar {\r\n            width: 44px;\r\n            height: 44px;\r\n            border-radius: 50%;\r\n            background: var(--gold);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--ivory);\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            flex-shrink: 0;\r\n        }\r\n        .testimonial-card .client .name { font-weight: 700; font-size: 14px; color: var(--charcoal); }\r\n        .testimonial-card .client .role { font-size: 12px; color: var(--charcoal-soft); opacity: 0.7; }\r\n\r\n        \/* FAQ *\/\r\n        .faq {\r\n            padding: 120px 0;\r\n            width: 100%;\r\n            background: var(--parchment);\r\n        }\r\n        .faq-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 64px;\r\n            align-items: start;\r\n        }\r\n        .faq-left .section-head { max-width: 100%; margin-bottom: 40px; }\r\n        .faq-list { max-width: 100%; }\r\n        .faq-item { border-bottom: 1px solid var(--line); }\r\n        .faq-q {\r\n            width: 100%;\r\n            text-align: left;\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            padding: 20px 0;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            gap: 16px;\r\n            font-family: 'Fraunces', serif;\r\n            font-size: 17px;\r\n            color: var(--charcoal);\r\n            transition: var(--transition);\r\n        }\r\n        .faq-q:hover { color: var(--gold-deep); }\r\n        .faq-q .plus {\r\n            font-family: 'Manrope', sans-serif;\r\n            font-size: 18px;\r\n            color: var(--gold-deep);\r\n            flex-shrink: 0;\r\n            transition: transform 0.3s ease;\r\n            width: 28px;\r\n            height: 28px;\r\n            border: 1px solid var(--gold);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 16px;\r\n            line-height: 1;\r\n        }\r\n        .faq-item.open .faq-q .plus {\r\n            transform: rotate(45deg);\r\n            background: var(--gold);\r\n            color: #fff;\r\n            border-color: var(--gold);\r\n        }\r\n        .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }\r\n        .faq-a p {\r\n            padding-bottom: 20px;\r\n            color: var(--charcoal-soft);\r\n            font-size: 14.5px;\r\n            max-width: 100%;\r\n            line-height: 1.7;\r\n        }\r\n        .faq-right { position: relative; }\r\n        .faq-image-wrapper {\r\n            position: relative;\r\n            aspect-ratio: 3\/4;\r\n            border-radius: 50% 50% 0 0\/30% 30% 0 0;\r\n            overflow: hidden;\r\n            border: 1px solid var(--line);\r\n            box-shadow: 0 20px 50px -20px rgba(24, 18, 9, 0.2);\r\n        }\r\n        .faq-image-wrapper 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        .faq-image-wrapper::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(24, 18, 9, 0.3) 0%, transparent 40%);\r\n            z-index: 1;\r\n        }\r\n        .faq-image-caption {\r\n            position: absolute;\r\n            bottom: 24px;\r\n            left: 24px;\r\n            right: 24px;\r\n            color: #fff;\r\n            z-index: 2;\r\n            font-family: 'Fraunces', serif;\r\n            font-style: italic;\r\n            font-size: 16px;\r\n            text-shadow: 0 2px 8px rgba(0,0,0,0.5);\r\n        }\r\n        .faq-image-caption i { color: var(--gold-light); margin-right: 8px; }\r\n\r\n        \/* Enquiry Contact Form *\/\r\n        .enquiry { padding: 120px 0; width: 100%; }\r\n        .enquiry-grid {\r\n            display: grid;\r\n            grid-template-columns: 0.85fr 1.15fr;\r\n            gap: 72px;\r\n            align-items: start;\r\n        }\r\n        .enquiry-info { position: sticky; top: 120px; }\r\n        .enquiry-info h2 { font-size: clamp(28px, 3.2vw, 38px); margin: 16px 0 20px; max-width: 420px; }\r\n        .enquiry-info p { color: var(--charcoal-soft); font-size: 15.5px; margin-bottom: 32px; max-width: 400px; }\r\n        .contact-line { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }\r\n        .contact-line .ic {\r\n            width: 44px;\r\n            height: 44px;\r\n            border: 1px solid var(--gold);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            color: var(--gold-deep);\r\n            font-size: 16px;\r\n            transition: var(--transition);\r\n        }\r\n        .contact-line:hover .ic { background: var(--gold); color: #fff; border-color: var(--gold); }\r\n        .contact-line a, .contact-line span { font-size: 14.5px; font-weight: 600; color: var(--charcoal); transition: var(--transition); }\r\n        .contact-line a:hover { color: var(--gold-deep); }\r\n        .social-row { display: flex; gap: 12px; margin-top: 28px; }\r\n        .social-row a {\r\n            width: 44px;\r\n            height: 44px;\r\n            border: 1px solid var(--line);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: var(--transition);\r\n            border-radius: 50%;\r\n            font-size: 18px;\r\n            color: var(--charcoal);\r\n        }\r\n        .social-row a:hover { background: var(--charcoal); border-color: var(--charcoal); color: var(--gold-light); transform: translateY(-3px); }\r\n\r\n        \/* Form Panel *\/\r\n        .form-panel {\r\n            background: #fff;\r\n            border-radius: 3px;\r\n            box-shadow: 0 20px 50px -20px rgba(24, 18, 9, 0.15);\r\n            border: 1px solid var(--line);\r\n            overflow: hidden;\r\n        }\r\n        .form-panel-header {\r\n            background: var(--charcoal);\r\n            padding: 22px 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n        .form-panel-header i { font-size: 22px; color: var(--gold-light); }\r\n        .form-panel-header h4 { font-size: 17px; color: var(--ivory); font-weight: 500; font-family: 'Fraunces', serif; }\r\n        .form-panel-header span {\r\n            display: block;\r\n            font-family: 'Manrope', sans-serif;\r\n            font-size: 12px;\r\n            color: rgba(250, 246, 236, 0.5);\r\n            font-weight: 400;\r\n            margin-top: 2px;\r\n        }\r\n        .form-panel-body { padding: 36px 32px 32px; }\r\n\r\n        .form-panel .wpforms-container,\r\n        .form-panel .wpforms-container-full { margin: 0 !important; }\r\n        .form-panel form.wpforms-form {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 20px !important;\r\n        }\r\n        .form-panel .wpforms-field-container {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 20px !important;\r\n        }\r\n        .form-panel .wpforms-field { padding: 0 !important; margin: 0 !important; clear: none !important; }\r\n        .form-panel .wpforms-field-label {\r\n            font-family: 'Manrope', sans-serif !important;\r\n            font-size: 12px !important;\r\n            font-weight: 700 !important;\r\n            color: var(--charcoal) !important;\r\n            margin-bottom: 6px !important;\r\n            line-height: 1.3 !important;\r\n            display: block !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.06em !important;\r\n        }\r\n        .form-panel .wpforms-field input,\r\n        .form-panel .wpforms-field select,\r\n        .form-panel .wpforms-field textarea {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            padding: 14px 16px !important;\r\n            font-family: 'Manrope', sans-serif !important;\r\n            font-size: 14.5px !important;\r\n            border: 1px solid #d9d2c4 !important;\r\n            background: var(--ivory) !important;\r\n            color: var(--ink) !important;\r\n            border-radius: 2px !important;\r\n            height: 50px !important;\r\n            line-height: 1.4 !important;\r\n            min-height: unset !important;\r\n            transition: all 0.2s ease !important;\r\n        }\r\n        .form-panel .wpforms-field textarea { height: 130px !important; resize: vertical !important; }\r\n        .form-panel .wpforms-field input:focus,\r\n        .form-panel .wpforms-field select:focus,\r\n        .form-panel .wpforms-field textarea:focus {\r\n            outline: none !important;\r\n            border-color: var(--gold) !important;\r\n            background: #fff !important;\r\n            box-shadow: 0 0 0 3px rgba(176, 141, 63, 0.1) !important;\r\n        }\r\n        .form-panel .wpforms-submit-container { padding: 0 !important; margin: 8px 0 0 0 !important; clear: none !important; }\r\n        .form-panel button.wpforms-submit {\r\n            width: 100% !important;\r\n            padding: 16px 28px !important;\r\n            background: var(--gold) !important;\r\n            color: #fff !important;\r\n            border: 1px solid var(--gold) !important;\r\n            font-family: 'Manrope', sans-serif !important;\r\n            font-weight: 700 !important;\r\n            font-size: 15px !important;\r\n            letter-spacing: 0.03em !important;\r\n            border-radius: 2px !important;\r\n            cursor: pointer !important;\r\n            transition: var(--transition) !important;\r\n            text-transform: none !important;\r\n            line-height: 1.4 !important;\r\n            height: auto !important;\r\n            min-height: unset !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            gap: 10px !important;\r\n        }\r\n        .form-panel button.wpforms-submit::after {\r\n            content: \"\\f054\";\r\n            font-family: \"Font Awesome 6 Free\";\r\n            font-weight: 900;\r\n            font-size: 13px;\r\n        }\r\n        .form-panel button.wpforms-submit:hover {\r\n            background: var(--gold-deep) !important;\r\n            border-color: var(--gold-deep) !important;\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: 0 12px 30px rgba(176, 141, 63, 0.3) !important;\r\n        }\r\n        .form-panel .wpforms-error { font-size: 12px !important; margin-top: 6px !important; color: #c0392b !important; }\r\n        .form-panel .wpforms-confirmation-container-full,\r\n        .form-panel .wpforms-confirmation-container {\r\n            background: #e8f5e9 !important;\r\n            border: 1px solid #4caf50 !important;\r\n            padding: 24px !important;\r\n            font-size: 14px !important;\r\n            color: #2e7d32 !important;\r\n            margin: 0 !important;\r\n            border-radius: 2px !important;\r\n            text-align: center !important;\r\n        }\r\n        .form-panel .wpforms-confirmation-container-full p,\r\n        .form-panel .wpforms-confirmation-container p { font-family: 'Fraunces', serif !important; font-size: 16px !important; }\r\n        .form-panel .wpforms-recaptcha-container { padding: 0 !important; }\r\n        .form-panel .wpforms-required-label { color: var(--gold-deep) !important; }\r\n        .form-panel .wpforms-field-row { margin-bottom: 0 !important; }\r\n        .form-panel .wpforms-field-medium { max-width: 100% !important; }\r\n\r\n        \/* ========== FOOTER - MOBILE FRIENDLY ========== *\/\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: 56px 0 40px; 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: 40px;\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: 14px;\r\n        }\r\n        .footer-logo-row img {\r\n            height: 44px;\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: 22px;\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: 13px;\r\n            line-height: 1.7;\r\n            max-width: 280px;\r\n            margin-bottom: 18px;\r\n        }\r\n        .footer-badges { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }\r\n        .footer-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            font-size: 10.5px;\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: 5px 10px;\r\n            border-radius: 2px;\r\n        }\r\n        .footer-badge i { color: var(--gold-light); font-size: 11px; }\r\n        .footer-atol img {\r\n            height: 50px;\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: 16px;\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: 13px;\r\n            color: rgba(250, 246, 236, 0.55);\r\n            margin-bottom: 8px;\r\n            transition: var(--transition);\r\n            padding: 4px 0;\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: 10px;\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-disclaimer {\r\n            background: rgba(0,0,0,0.3);\r\n            padding: 12px 0;\r\n            text-align: center;\r\n        }\r\n        .footer-disclaimer p {\r\n            font-size: 10.5px;\r\n            color: rgba(250, 246, 236, 0.35);\r\n            line-height: 1.6;\r\n            padding: 0 16px;\r\n        }\r\n        .footer-lower { padding: 18px 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: 12px;\r\n        }\r\n        .footer-lower .copyright {\r\n            font-size: 11.5px;\r\n            color: rgba(250, 246, 236, 0.3);\r\n        }\r\n        .footer-lower .copyright strong {\r\n            color: rgba(250, 246, 236, 0.5);\r\n            font-weight: 600;\r\n        }\r\n        .footer-lower .footer-links {\r\n            display: flex;\r\n            gap: 16px;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        .footer-lower .footer-links a {\r\n            font-size: 11px;\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\r\n        .wa-float {\r\n            position: fixed;\r\n            bottom: 24px;\r\n            right: 24px;\r\n            z-index: 200;\r\n            width: 56px;\r\n            height: 56px;\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 8px 28px rgba(0, 0, 0, 0.35);\r\n            transition: transform 0.2s ease;\r\n            border: none;\r\n            font-size: 28px;\r\n            color: #fff;\r\n        }\r\n        .wa-float:hover { transform: scale(1.08); }\r\n\r\n        \/* ========== RESPONSIVE ========== *\/\r\n        @media (max-width: 1024px) {\r\n            .hero-grid, .about-grid, .enquiry-grid, .faq-grid { grid-template-columns: 1fr; }\r\n            .hero-visual { margin-top: 60px; max-width: 420px; }\r\n            .services-grid, .packages-grid, .process-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .value-grid { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }\r\n            .footer-upper .wrap { grid-template-columns: 1fr 1fr; row-gap: 32px; }\r\n            .faq-image-wrapper { max-width: 420px; }\r\n            .enquiry-info { position: static; }\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            .hero { padding: 130px 0 80px; }\r\n            .hero h1 { font-size: 34px; }\r\n            .hero-sub { font-size: 15px; }\r\n            .hero-actions { flex-direction: column; align-items: stretch; }\r\n            .hero-trust { flex-direction: column; gap: 14px; }\r\n            .services-grid, .packages-grid, .process-grid { grid-template-columns: 1fr; }\r\n            .enquiry-card { position: static; width: 100%; margin-top: 20px; }\r\n            .value-grid { grid-template-columns: 1fr 1fr; gap: 24px; }\r\n            \r\n            \/* Mobile header *\/\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            \r\n            .arch-frame .cap { bottom: 14px; left: 14px; right: 14px; }\r\n            .arch-frame .cap p { font-size: 15px; }\r\n            .form-panel-body { padding: 24px 18px; }\r\n            .form-panel-header { padding: 16px 18px; }\r\n            .testimonial-grid { grid-template-columns: 1fr; }\r\n            .footer-upper .wrap { grid-template-columns: 1fr; gap: 28px; }\r\n            .footer-lower .wrap { flex-direction: column; text-align: center; }\r\n            .footer-lower .footer-links { justify-content: center; }\r\n            .faq-right { margin-top: 28px; }\r\n            .about, .services, .packages, .process, .testimonials, .faq, .enquiry { padding: 70px 0; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero h1 { font-size: 28px; }\r\n            .hero-sub { font-size: 14px; }\r\n            .btn { padding: 12px 20px; font-size: 13px; }\r\n            .section-head h2 { font-size: 24px; }\r\n            .service-card { padding: 24px 18px; }\r\n            .package-body { padding: 18px 16px 20px; }\r\n            .enquiry-card { padding: 18px; }\r\n            .wa-float { width: 48px; height: 48px; bottom: 16px; right: 16px; font-size: 24px; }\r\n            .logo img { height: 60px; }\r\n            .logo { font-size: 14px; }\r\n            .value-grid { grid-template-columns: 1fr; }\r\n            .value-item i { font-size: 26px; }\r\n            .value-item h4 { font-size: 15px; }\r\n            .footer-logo-row img { height: 34px; }\r\n            .footer-logo-row .brand-name { font-size: 18px; }\r\n            .footer-atol img { height: 38px; }\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=\"#home\" 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\/\" class=\"active\">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\">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=\"#enquire\" 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\/\" class=\"active\">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\">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<!-- ========== HERO ========== -->\r\n<section class=\"hero\" id=\"home\">\r\n    <div class=\"wrap hero-grid\">\r\n        <div class=\"hero-copy\" data-reveal>\r\n            <div class=\"hero-kicker eyebrow\">Umrah &amp; International Travel Specialists<\/div>\r\n            <h1>Your journey to the House of Allah, <em>planned with care.<\/em><\/h1>\r\n            <p class=\"hero-sub\">MHM Travels arranges tailored Umrah journeys \u2014 flights, accommodation, transfers and visa guidance \u2014 with the personal attention every pilgrimage deserves. We also plan family, group and worldwide travel.<\/p>\r\n            <div class=\"hero-actions\">\r\n                <a href=\"#enquire\" 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 class=\"hero-trust\">\r\n                <div><strong><i class=\"fas fa-mosque\"><\/i> Tailored<\/strong>Umrah itineraries, not off-the-shelf packages<\/div>\r\n                <div><strong><i class=\"fas fa-flag-uk\"><\/i> UK-Based<\/strong>Support from enquiry to return home<\/div>\r\n                <div><strong><i class=\"fas fa-users\"><\/i> Family-First<\/strong>Group &amp; multi-generational travel<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"hero-visual\" data-reveal>\r\n            <div class=\"arch-frame\">\r\n                <img decoding=\"async\" src=\"http:\/\/mhmtravels.co.uk\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-1-2026-11_16_09-AM.png\" alt=\"Kaaba in Makkah\" class=\"arch-image\" loading=\"lazy\">\r\n                <div class=\"cap\">\r\n                    <div class=\"eyebrow eyebrow-light\">Est. for pilgrims &amp; families<\/div>\r\n                    <p>\"A journey of the heart deserves a plan you can trust.\"<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"enquiry-card\" data-reveal>\r\n                <h4><i class=\"fas fa-envelope\"><\/i> Quick Enquiry<\/h4>\r\n                <p class=\"small\">Tell us a little \u2014 we'll be in touch within 24 hours.<\/p>\r\n                <style id=\"wpforms-css-vars-46\">\n\t\t\t\t#wpforms-46 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-46\"><form id=\"wpforms-form-46\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"46\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F6\" data-token=\"9692a40b948c6bf7e32c8e359eec807e\" data-token-time=\"1783710978\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-46-field_4-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-46-field_4\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-46-field_4\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-46-field_4-error\" required><\/div><div id=\"wpforms-46-field_2-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-46-field_2\">Phone <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-46-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" aria-errormessage=\"wpforms-46-field_2-error\" required><\/div>\t\t<div id=\"wpforms-46-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-46-field_1\" >Interest Name Phone<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-46-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-46-field_3-container\" class=\"wpforms-field wpforms-field-select wpforms-field-select-style-classic\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-46-field_3\">Travel Interest<\/label><select id=\"wpforms-46-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\"><option value=\"Umrah \u2014 Individua\"  class=\"choice-1 depth-1\"  >Umrah \u2014 Individua<\/option><option value=\"Umrah \u2014 Family \/ Group\"  class=\"choice-2 depth-1\"  >Umrah \u2014 Family \/ Group<\/option><option value=\"International Travel\"  class=\"choice-3 depth-1\"  >International Travel<\/option><option value=\"Not sure yet\"  class=\"choice-4 depth-1\"  >Not sure yet<\/option><\/select><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-46-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-46-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-46-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"46\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-46\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/mhmtravels.co.uk\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========== VALUE STRIP ========== -->\r\n<section class=\"value-strip\">\r\n    <div class=\"wrap value-grid\">\r\n        <div class=\"value-item\" data-reveal>\r\n            <i class=\"fas fa-plane\"><\/i>\r\n            <span class=\"num\">Flights<\/span>\r\n            <h4>Booked around you<\/h4>\r\n            <p>Direct or connecting routes matched to your dates and budget.<\/p>\r\n        <\/div>\r\n        <div class=\"value-item\" data-reveal>\r\n            <i class=\"fas fa-hotel\"><\/i>\r\n            <span class=\"num\">Stays<\/span>\r\n            <h4>Close to the Haramain<\/h4>\r\n            <p>Accommodation options across comfort levels, near Makkah &amp; Madinah.<\/p>\r\n        <\/div>\r\n        <div class=\"value-item\" data-reveal>\r\n            <i class=\"fas fa-car\"><\/i>\r\n            <span class=\"num\">Transfers<\/span>\r\n            <h4>Door to door<\/h4>\r\n            <p>Airport pickups and inter-city transfers arranged in advance.<\/p>\r\n        <\/div>\r\n        <div class=\"value-item\" data-reveal>\r\n            <i class=\"fas fa-passport\"><\/i>\r\n            <span class=\"num\">Visas<\/span>\r\n            <h4>Guided, not guessed<\/h4>\r\n            <p>Clear guidance through the Umrah visa process, step by step.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========== ABOUT ========== -->\r\n<section class=\"about\" id=\"about\">\r\n    <div class=\"wrap about-grid\">\r\n        <div class=\"about-visual\" 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 - About Us\" loading=\"lazy\">\r\n        <\/div>\r\n        <div data-reveal>\r\n            <div class=\"eyebrow\">About MHM Travels<\/div>\r\n            <h2>Built around the journeys that matter most.<\/h2>\r\n            <div class=\"about-body\">\r\n                <p>MHM Travels Ltd was founded to make the journey of Umrah simpler, calmer and more personal. We understand that this isn't just travel \u2014 it's a deeply meaningful trip, often shared with parents, children or an entire family, and every detail should be handled with the same care you'd give it yourself.<\/p>\r\n                <p>From your first enquiry to the moment you return home, our team arranges the flights, accommodation, transfers and visa paperwork \u2014 so you can focus on the journey itself. As we grow, we're building toward a wider range of pilgrimage and international travel services for the communities we serve.<\/p>\r\n            <\/div>\r\n            <div class=\"about-note\">MHM Travels Ltd is a trusted travel partner dedicated to providing seamless Umrah and international travel experiences. We focus on comfort, reliability, and care in every step of your journey, ensuring you travel with peace of mind from start to finish.<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========== SERVICES ========== -->\r\n<section class=\"services\" id=\"services\">\r\n    <div class=\"wrap\">\r\n        <div class=\"section-head\" data-reveal>\r\n            <div class=\"eyebrow\">What We Arrange<\/div>\r\n            <h2>Every part of the journey, handled.<\/h2>\r\n            <p>Tell us what you need \u2014 we'll take it from there. Nothing is one-size-fits-all.<\/p>\r\n        <\/div>\r\n        <div class=\"services-grid\">\r\n            <div class=\"service-card\" data-reveal>\r\n                <div class=\"service-icon\"><i class=\"fas fa-plane-departure\"><\/i><\/div>\r\n                <h3>Flights<\/h3>\r\n                <p>Umrah and international flights sourced and compared on your behalf.<\/p>\r\n            <\/div>\r\n            <div class=\"service-card\" data-reveal>\r\n                <div class=\"service-icon\"><i class=\"fas fa-bed\"><\/i><\/div>\r\n                <h3>Accommodation<\/h3>\r\n                <p>Hotel options near the Haramain, matched to your group size and budget.<\/p>\r\n            <\/div>\r\n            <div class=\"service-card\" data-reveal>\r\n                <div class=\"service-icon\"><i class=\"fas fa-shuttle-van\"><\/i><\/div>\r\n                <h3>Airport Transfers<\/h3>\r\n                <p>Pickups and inter-city transfers arranged ahead of time, door to door.<\/p>\r\n            <\/div>\r\n            <div class=\"service-card\" data-reveal>\r\n                <div class=\"service-icon\"><i class=\"fas fa-check-circle\"><\/i><\/div>\r\n                <h3>Visa Guidance<\/h3>\r\n                <p>Clear, step-by-step support through the Umrah visa process.<\/p>\r\n            <\/div>\r\n            <div class=\"service-card\" data-reveal>\r\n                <div class=\"service-icon\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                <h3>Family &amp; Group Travel<\/h3>\r\n                <p>Multi-generational and group itineraries, planned as one coordinated trip.<\/p>\r\n            <\/div>\r\n            <div class=\"service-card\" data-reveal>\r\n                <div class=\"service-icon\"><i class=\"fas fa-star\"><\/i><\/div>\r\n                <h3>Personalised Planning<\/h3>\r\n                <p>A single point of contact who shapes the trip around your family's needs.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========== PACKAGES ========== -->\r\n<section class=\"packages\" id=\"packages\">\r\n    <div class=\"wrap\">\r\n        <div class=\"section-head\" data-reveal>\r\n            <div class=\"eyebrow\">Umrah Packages<\/div>\r\n            <h2>Our packages are being finalised.<\/h2>\r\n            <p>We're putting together a set of Umrah packages to suit different budgets and group sizes. In the meantime, send us an enquiry and we'll build one around you personally.<\/p>\r\n        <\/div>\r\n        <div class=\"packages-grid\">\r\n            <div class=\"package-card\" data-reveal>\r\n                <div class=\"package-top\"><i class=\"fas fa-user\"><\/i><\/div>\r\n                <div class=\"package-body\">\r\n                    <div class=\"eyebrow\">Coming Soon<\/div>\r\n                    <h3>Individual Umrah<\/h3>\r\n                    <p>A single-traveller itinerary \u2014 flights, stay and transfers, kept simple.<\/p>\r\n                    <a href=\"#enquire\">Enquire about this <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"package-card\" data-reveal>\r\n                <div class=\"package-top\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                <div class=\"package-body\">\r\n                    <div class=\"eyebrow\">Coming Soon<\/div>\r\n                    <h3>Family Umrah<\/h3>\r\n                    <p>Travelling with parents or children? A package built for the whole family.<\/p>\r\n                    <a href=\"#enquire\">Enquire about this <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"package-card\" data-reveal>\r\n                <div class=\"package-top\"><i class=\"fas fa-user-friends\"><\/i><\/div>\r\n                <div class=\"package-body\">\r\n                    <div class=\"eyebrow\">Coming Soon<\/div>\r\n                    <h3>Group Umrah<\/h3>\r\n                    <p>For mosques, community groups and friends travelling together.<\/p>\r\n                    <a href=\"#enquire\">Enquire about this <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========== PROCESS ========== -->\r\n<section class=\"process\">\r\n    <div class=\"wrap\">\r\n        <div class=\"eyebrow eyebrow-light\">How It Works<\/div>\r\n        <h2>From first message to boarding gate.<\/h2>\r\n        <div class=\"process-grid\">\r\n            <div class=\"process-step\" data-reveal>\r\n                <span class=\"step-num\">01<\/span>\r\n                <h3><i class=\"fas fa-pen\"><\/i> You enquire<\/h3>\r\n                <p>Send a quick message via the form, WhatsApp or a call \u2014 tell us what you're picturing.<\/p>\r\n            <\/div>\r\n            <div class=\"process-step\" data-reveal>\r\n                <span class=\"step-num\">02<\/span>\r\n                <h3><i class=\"fas fa-handshake\"><\/i> We plan together<\/h3>\r\n                <p>We put together flight, stay and visa options and talk it through with you directly.<\/p>\r\n            <\/div>\r\n            <div class=\"process-step\" data-reveal>\r\n                <span class=\"step-num\">03<\/span>\r\n                <h3><i class=\"fas fa-plane\"><\/i> You travel, supported<\/h3>\r\n                <p>Transfers, documents and guidance are in place \u2014 we're a message away throughout.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========== TESTIMONIALS ========== -->\r\n<section class=\"testimonials\" id=\"testimonials\">\r\n    <div class=\"wrap\">\r\n        <div class=\"eyebrow\">Traveller Stories<\/div>\r\n        <h2>Real feedback from our pilgrims.<\/h2>\r\n        <p class=\"lead\">Here's what some of our travellers have shared about their journeys with MHM Travels.<\/p>\r\n        <div class=\"testimonial-grid\" id=\"testimonialGrid\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========== FAQ ========== -->\r\n<section class=\"faq\" id=\"faqs\">\r\n    <div class=\"wrap\">\r\n        <div class=\"faq-grid\">\r\n            <div class=\"faq-left\" data-reveal>\r\n                <div class=\"section-head\">\r\n                    <div class=\"eyebrow\">Frequently Asked<\/div>\r\n                    <h2>Questions before you enquire.<\/h2>\r\n                <\/div>\r\n                <div class=\"faq-list\">\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-q\"><span>How far in advance should I book my Umrah trip?<\/span><span class=\"plus\">+<\/span><\/button>\r\n                        <div class=\"faq-a\"><p>We recommend reaching out as early as possible, ideally 6\u20138 weeks ahead, especially during busier periods such as Ramadan. That said, we're always happy to discuss shorter timeframes \u2014 get in touch and we'll let you know what's realistic.<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-q\"><span>Do you arrange visas as part of the package?<\/span><span class=\"plus\">+<\/span><\/button>\r\n                        <div class=\"faq-a\"><p>Yes \u2014 we guide you through the Umrah visa process step by step as part of your booking, so you know exactly what's needed and when.<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-q\"><span>Can you plan travel for a large family or group?<\/span><span class=\"plus\">+<\/span><\/button>\r\n                        <div class=\"faq-a\"><p>Absolutely. Family and group travel is one of our specialities \u2014 from a few relatives travelling together to a full community group, we coordinate it as one itinerary.<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-q\"><span>Do you only arrange Umrah travel?<\/span><span class=\"plus\">+<\/span><\/button>\r\n                        <div class=\"faq-a\"><p>Umrah is our focus, but we also arrange family and group travel worldwide. If you have a trip in mind, send us an enquiry and we'll let you know how we can help.<\/p><\/div>\r\n                    <\/div>\r\n                    <div class=\"faq-item\">\r\n                        <button class=\"faq-q\"><span>How can I get in touch?<\/span><span class=\"plus\">+<\/span><\/button>\r\n                        <div class=\"faq-a\"><p>Whichever is easiest for you \u2014 the enquiry form on this page, WhatsApp, phone, email, or Instagram. We reply within 24 hours.<\/p><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-right\" data-reveal>\r\n                <div class=\"faq-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"http:\/\/mhmtravels.co.uk\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-1-2026-01_55_37-PM.png\" alt=\"Peaceful prayer at the Haram\" loading=\"lazy\">\r\n                    <div class=\"faq-image-caption\">\r\n                        <i class=\"fas fa-quote-right\"><\/i> \"We're here to answer every question \u2014 no matter how small.\"\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========== ENQUIRY ========== -->\r\n<section class=\"enquiry\" id=\"enquire\">\r\n    <div class=\"wrap enquiry-grid\">\r\n        <div class=\"enquiry-info\" data-reveal>\r\n            <div class=\"eyebrow\">Get In Touch<\/div>\r\n            <h2>Let's plan your journey.<\/h2>\r\n            <p>Fill in the form and a member of the MHM Travels team will be in touch within 24 hours. Prefer to talk directly? Reach us any of these ways.<\/p>\r\n            <div class=\"contact-line\">\r\n                <span class=\"ic\"><i class=\"fas fa-phone-alt\"><\/i><\/span>\r\n                <a href=\"tel:+447508870978\">07508 870978<\/a>\r\n            <\/div>\r\n            <div class=\"contact-line\">\r\n                <span class=\"ic\"><i class=\"fas fa-envelope\"><\/i><\/span>\r\n                <a href=\"mailto:info@mhmtravels.co.uk\">info@mhmtravels.co.uk<\/a>\r\n            <\/div>\r\n            <div class=\"contact-line\">\r\n                <span class=\"ic\"><i class=\"fas fa-map-marker-alt\"><\/i><\/span>\r\n                <span>United Kingdom \u2014 remote consultations, by appointment<\/span>\r\n            <\/div>\r\n            <div class=\"social-row\">\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.tiktok.com\/@mhmtravels\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\"><i class=\"fab fa-tiktok\"><\/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        <div class=\"form-panel\" data-reveal>\r\n            <div class=\"form-panel-header\">\r\n                <i class=\"fas fa-paper-plane\"><\/i>\r\n                <div>\r\n                    <h4>Send Us a Message<\/h4>\r\n                    <span>We'll respond within 24 hours<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-panel-body\">\r\n                <style id=\"wpforms-css-vars-121\">\n\t\t\t\t#wpforms-121 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-121\"><form id=\"wpforms-form-121\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"121\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F6\" data-token=\"14e10c7630b5980426822a06f3a92964\" data-token-time=\"1783710978\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-121-field_1-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-121-field_1\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-121-field_1\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-121-field_1-error\" required><\/div>\t\t<div id=\"wpforms-121-field_4-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"4\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-121-field_4\" >Email Phone Your<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-121-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-121-field_2-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-121-field_2\">Phone <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-121-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" aria-errormessage=\"wpforms-121-field_2-error\" required><\/div><div id=\"wpforms-121-field_3-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-121-field_3\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-121-field_3\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][3]\" spellcheck=\"false\" aria-errormessage=\"wpforms-121-field_3-error\" required><\/div><div id=\"wpforms-121-field_5-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-121-field_5\">Your Message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-121-field_5\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][5]\" aria-errormessage=\"wpforms-121-field_5-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-46-field_1-container,#wpforms-121-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-46-field_1-container,#wpforms-121-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-46-field_1-container,#wpforms-121-field_4-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"121\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-121\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/mhmtravels.co.uk\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\r\n            <\/div>\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 &amp; 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=\"#about\"><i class=\"fas fa-chevron-right\"><\/i> About Us<\/a>\r\n                <a href=\"#services\"><i class=\"fas fa-chevron-right\"><\/i> Our Services<\/a>\r\n                <a href=\"#packages\"><i class=\"fas fa-chevron-right\"><\/i> Umrah Packages<\/a>\r\n                <a href=\"#faqs\"><i class=\"fas fa-chevron-right\"><\/i> FAQs<\/a>\r\n                <a href=\"#testimonials\"><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\">&copy; 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 &amp; 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    \/\/ Testimonials data\r\n    const testimonials = [\r\n        { name: \"Aisha Rahman\", location: \"London, UK\", text: \"MHM Travels made our family Umrah absolutely seamless. From the moment we enquired to the day we returned, everything was perfectly organised. The hotel was excellent and the transfers were punctual. Jazakallah khair!\", rating: 5 },\r\n        { name: \"Mohammed Ali\", location: \"Birmingham, UK\", text: \"I was nervous about arranging Umrah for my elderly parents, but MHM took care of everything. They were patient, understanding and went above and beyond to make sure my parents were comfortable throughout.\", rating: 5 },\r\n        { name: \"Fatima Khan\", location: \"Manchester, UK\", text: \"Excellent service from start to finish. The team was responsive and helpful, and the package was great value. I've already recommended MHM Travels to my friends and family.\", rating: 5 },\r\n        { name: \"Yusuf Patel\", location: \"Leicester, UK\", text: \"We booked a group Umrah package for 12 people and it was flawless. The accommodation was fantastic and the Ziyarat tours were well-organised. Highly recommend MHM for group travel.\", rating: 5 },\r\n        { name: \"Zara Mahmood\", location: \"Glasgow, UK\", text: \"The visa guidance from MHM was invaluable. They made the whole process simple and stress-free. The flights and hotels were also perfectly arranged. Will definitely use them again.\", rating: 5 },\r\n        { name: \"Imran Hussain\", location: \"Bradford, UK\", text: \"MHM Travels provided exceptional service for our family Umrah. They were always available to answer our questions and the attention to detail was outstanding. Truly a blessed journey.\", rating: 5 }\r\n    ];\r\n\r\n    function renderRandomTestimonials(count = 3) {\r\n        const grid = document.getElementById('testimonialGrid');\r\n        if (!grid) return;\r\n        const shuffled = [...testimonials].sort(() => Math.random() - 0.5);\r\n        const selected = shuffled.slice(0, count);\r\n        grid.innerHTML = selected.map((t) => {\r\n            const initials = t.name.split(' ').map(n => n[0]).join('');\r\n            const stars = '\u2605'.repeat(t.rating) + '\u2606'.repeat(5 - t.rating);\r\n            return `<div class=\"testimonial-card\" data-reveal><div class=\"stars\">${stars}<\/div><blockquote>\"${t.text}\"<\/blockquote><div class=\"client\"><div class=\"avatar\">${initials}<\/div><div><div class=\"name\">${t.name}<\/div><div class=\"role\">${t.location}<\/div><\/div><\/div><\/div>`;\r\n        }).join('');\r\n        \r\n        \/\/ Re-trigger GSAP animations for new testimonial cards\r\n        if (window.gsap && window.ScrollTrigger) {\r\n            setTimeout(() => {\r\n                ScrollTrigger.refresh();\r\n            }, 100);\r\n        }\r\n    }\r\n\r\n    \/\/ Initialize mobile menu when DOM is ready\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ Mobile menu elements\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        \/\/ Toggle menu on button click\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        \/\/ Close menu on overlay click\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        \/\/ Close menu when any link is clicked\r\n        if (mobileLinks.length > 0) {\r\n            mobileLinks.forEach(link => {\r\n                link.addEventListener('click', function() {\r\n                    \/\/ Small delay to allow the link navigation to start\r\n                    setTimeout(() => {\r\n                        closeMobileMenu();\r\n                    }, 150);\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Close menu on Escape key\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        \/\/ Render testimonials\r\n        renderRandomTestimonials(3);\r\n\r\n        \/\/ Initialize FAQ accordion\r\n        document.querySelectorAll('.faq-q').forEach(btn => {\r\n            btn.addEventListener('click', function() {\r\n                const item = this.parentElement;\r\n                const wasOpen = item.classList.contains('open');\r\n                \r\n                \/\/ Close all FAQ items\r\n                document.querySelectorAll('.faq-item').forEach(i => {\r\n                    i.classList.remove('open');\r\n                    const answer = i.querySelector('.faq-a');\r\n                    if (answer) answer.style.maxHeight = null;\r\n                });\r\n                \r\n                \/\/ Open clicked item if it wasn't already open\r\n                if (!wasOpen) {\r\n                    item.classList.add('open');\r\n                    const answer = item.querySelector('.faq-a');\r\n                    if (answer) answer.style.maxHeight = answer.scrollHeight + 'px';\r\n                }\r\n            });\r\n        });\r\n    });\r\n\r\n    \/\/ Header scroll effect\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    \/\/ Active nav link highlighting\r\n    const sections = document.querySelectorAll('section[id]');\r\n    const navLinks = document.querySelectorAll('.nav-links a');\r\n    const mobileNavLinks = document.querySelectorAll('.mobile-menu a:not(.mobile-enquiry-btn):not(.mobile-phone):not([href^=\"tel\"]):not([href*=\"wa.me\"])');\r\n    \r\n    if (sections.length) {\r\n        window.addEventListener('scroll', () => {\r\n            let current = '';\r\n            sections.forEach(section => {\r\n                const sectionTop = section.offsetTop;\r\n                if (window.scrollY >= sectionTop - 150) {\r\n                    current = section.getAttribute('id');\r\n                }\r\n            });\r\n            \r\n            navLinks.forEach(link => {\r\n                const href = link.getAttribute('href');\r\n                if (href && href.includes('#')) {\r\n                    const id = href.split('#')[1];\r\n                    if (id === current || (current === '' && id === 'home')) {\r\n                        link.classList.add('active');\r\n                    } else {\r\n                        link.classList.remove('active');\r\n                    }\r\n                }\r\n            });\r\n            \r\n            mobileNavLinks.forEach(link => {\r\n                const href = link.getAttribute('href');\r\n                if (href && href.includes('#')) {\r\n                    const id = href.split('#')[1];\r\n                    if (id === current || (current === '' && id === 'home')) {\r\n                        link.classList.add('active');\r\n                    } else {\r\n                        link.classList.remove('active');\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ GSAP reveal animations\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<\/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>MHM Travels Ltd | Umrah &#038; International Travel Specialists Home About Services Packages FAQs Contact 07508 870978 Enquire Now Home About Services Packages FAQs Contact Enquire Now 07508 870978 Umrah &amp; International Travel Specialists Your journey to the House of Allah, planned with care. MHM Travels arranges tailored Umrah journeys \u2014 flights, accommodation, transfers and [&hellip;]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mhmtravels.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":211,"href":"https:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/mhmtravels.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/mhmtravels.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}