{"id":358,"date":"2025-11-21T21:17:45","date_gmt":"2025-11-21T21:17:45","guid":{"rendered":"https:\/\/africansafaridream.com\/?page_id=358"},"modified":"2026-09-02T06:00:25","modified_gmt":"2026-09-02T06:00:25","slug":"itinerary-samples","status":"publish","type":"page","link":"https:\/\/africansafaridream.com\/de\/itinerary-samples\/","title":{"rendered":"Reisebeispiele"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"358\" class=\"elementor elementor-358\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7198cca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7198cca\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:103,&quot;url&quot;:&quot;https:\\\/\\\/africansafaridream.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/freepik__upload__13237.jpg&quot;},{&quot;id&quot;:104,&quot;url&quot;:&quot;https:\\\/\\\/africansafaridream.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/freepik__upload__13239.jpg&quot;},{&quot;id&quot;:105,&quot;url&quot;:&quot;https:\\\/\\\/africansafaridream.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/freepik__upload__13238.jpg&quot;}],&quot;background_slideshow_slide_duration&quot;:3500,&quot;background_slideshow_lazyload&quot;:&quot;yes&quot;,&quot;background_slideshow_transition_duration&quot;:1000,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b5d306\" data-id=\"9b5d306\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c96a584 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c96a584\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c89eeb3\" data-id=\"c89eeb3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ddeefbb elementor-icon-list--layout-inline elementor-widget__width-auto elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ddeefbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-circle-right\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Itinerary Samples<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f767e7c elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"f767e7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Experiences Across Africa<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-31754c2 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"31754c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4da18a elementor-widget elementor-widget-html\" data-id=\"e4da18a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"asd-itinerary-browser\" style=\"\n    background: #fafafa;\n    padding: 80px 0;\n    font-family: 'Lato', sans-serif;\n\">\n    <div style=\"max-width: 1600px; margin: 0 auto; padding: 0 40px;\">\n\n        <!-- Section Header -->\n        <div style=\"text-align: center; margin-bottom: 60px;\">\n            <p style=\"\n                color: #C19A6B;\n                font-size: 13px;\n                font-weight: 600;\n                letter-spacing: 3px;\n                text-transform: uppercase;\n                margin: 0 0 16px 0;\n            \">Inspiration<\/p>\n            <h2 class=\"asd-section-heading\" style=\"\n                color: #1a1a1a;\n                font-size: 48px;\n                font-weight: 500;\n                margin: 0 0 16px 0;\n                font-family: 'El Messiri', sans-serif;\n                letter-spacing: 1px;\n            \">Sample Journeys<\/h2>\n            <p class=\"asd-section-intro\" style=\"\n                color: rgba(0, 0, 0, 0.6);\n                font-size: 17px;\n                font-weight: 300;\n                margin: 0 auto;\n                max-width: 800px;\n            \">Explore curated itineraries that showcase the breadth of experiences we create<\/p>\n        <\/div>\n\n        <!-- Split Screen Container -->\n        <div class=\"asd-split-container\">\n            <!-- Left Menu Panel -->\n            <div class=\"asd-menu-panel\">\n                <div class=\"asd-active-indicator\" aria-hidden=\"true\"><\/div>\n                <div class=\"asd-generated-menu\"><\/div>\n            <\/div>\n\n            <!-- Right Preview Panel -->\n            <div class=\"asd-preview-panel\">\n                <div class=\"asd-loading\" aria-live=\"polite\">Loading...<\/div>\n\n                <!-- Preview Header -->\n                <div class=\"asd-preview-header\">\n                    <div>\n                        <h3 class=\"asd-preview-title\">Roadtrip Cape Town &amp; Garden Route<\/h3>\n                        <p class=\"asd-preview-subtitle\">Cape Town, Winelands, Garden Route and Safari<\/p>\n                    <\/div>\n                    <a class=\"asd-open-button\" href=\"https:\/\/wetu.com\/Itinerary\/Landing\/64541D28-4284-4446-94D9-2973B94CC495\" target=\"_blank\" rel=\"noopener noreferrer\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                            <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/>\n                            <polyline points=\"15 3 21 3 21 9\"\/>\n                            <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/>\n                        <\/svg>\n                        <span class=\"asd-open-label\">Open Full View<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- iFrame Container -->\n                <div class=\"asd-iframe-container\">\n                    <iframe\n                        class=\"asd-itinerary-frame\"\n                        src=\"https:\/\/wetu.com\/Itinerary\/Landing\/64541D28-4284-4446-94D9-2973B94CC495\"\n                        title=\"Selected itinerary\"\n                        loading=\"lazy\"\n                    ><\/iframe>\n                <\/div>\n\n                <!-- CTA -->\n                <div class=\"asd-cta-wrapper\">\n                    <button class=\"asd-enquire-btn\" type=\"button\">\n                        <span class=\"asd-enquire-label\">Enquire About This Journey<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .asd-itinerary-browser {\n        box-sizing: border-box;\n    }\n\n    .asd-itinerary-browser *,\n    .asd-itinerary-browser *::before,\n    .asd-itinerary-browser *::after {\n        box-sizing: border-box;\n    }\n\n    .asd-split-container {\n        display: grid;\n        grid-template-columns: 420px minmax(0, 1fr);\n        gap: 0;\n        min-height: 700px;\n        border: 1px solid rgba(193, 154, 107, 0.25);\n        background: #ffffff;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    }\n\n    .asd-menu-panel {\n        padding: 40px 30px;\n        border-right: 1px solid rgba(193, 154, 107, 0.25);\n        position: relative;\n        overflow-y: auto;\n        background: #f8f8f8;\n    }\n\n    .asd-active-indicator {\n        position: absolute;\n        left: 0;\n        top: 40px;\n        width: 3px;\n        height: 0;\n        background: #C19A6B;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .asd-menu-item {\n        padding: 24px 20px;\n        margin-bottom: 12px;\n        cursor: pointer;\n        position: relative;\n        border-left: 3px solid transparent;\n        transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n        background: #ffffff;\n        border-radius: 8px;\n    }\n\n    .asd-menu-item:hover,\n    .asd-menu-item.asd-menu-active {\n        border-left-color: #C19A6B;\n        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);\n    }\n\n    .asd-journey-number {\n        color: rgba(0, 0, 0, 0.5);\n        font-size: 11px;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin-bottom: 8px;\n        font-weight: 600;\n    }\n\n    .asd-menu-item h3 {\n        color: #1a1a1a;\n        font-size: 20px;\n        font-weight: 500;\n        margin: 0 0 8px 0;\n        font-family: 'El Messiri', sans-serif;\n        line-height: 1.3;\n    }\n\n    .asd-journey-subtitle {\n        color: rgba(0, 0, 0, 0.6);\n        font-size: 13px;\n        margin: 0 0 12px 0;\n        line-height: 1.5;\n    }\n\n    .asd-journey-meta {\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n    }\n\n    .asd-journey-meta span {\n        display: inline-block;\n        padding: 4px 10px;\n        background: rgba(193, 154, 107, 0.1);\n        border: 1px solid rgba(193, 154, 107, 0.3);\n        border-radius: 4px;\n        color: #C19A6B;\n        font-size: 11px;\n        font-weight: 500;\n    }\n\n    .asd-preview-panel {\n        padding: 40px;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        min-width: 0;\n    }\n\n    .asd-loading {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 1;\n        transform: translate(-50%, -50%);\n        color: #C19A6B;\n        font-size: 14px;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        opacity: 0;\n        pointer-events: none;\n        transition: opacity 0.3s ease;\n    }\n\n    .asd-preview-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 24px;\n        margin-bottom: 20px;\n    }\n\n    .asd-preview-title {\n        color: #C19A6B;\n        font-size: 28px;\n        font-weight: 500;\n        margin: 0 0 8px 0;\n        font-family: 'El Messiri', sans-serif;\n    }\n\n    .asd-preview-subtitle {\n        color: rgba(0, 0, 0, 0.6);\n        font-size: 15px;\n        margin: 0;\n    }\n\n    .asd-open-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        flex-shrink: 0;\n        padding: 12px 24px;\n        background: transparent;\n        border: 1px solid #C19A6B;\n        color: #C19A6B;\n        text-decoration: none;\n        font-size: 13px;\n        font-weight: 500;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        transition: all 0.3s ease;\n    }\n\n    .asd-open-button:hover,\n    .asd-open-button:focus {\n        background: #C19A6B;\n        color: #000000;\n    }\n\n    .asd-iframe-container {\n        flex: 1;\n        position: relative;\n        min-height: 500px;\n        background: #ffffff;\n        border: 1px solid rgba(193, 154, 107, 0.3);\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n    }\n\n    .asd-itinerary-frame {\n        display: block;\n        width: 100%;\n        height: 100%;\n        min-height: 500px;\n        border: none;\n    }\n\n    .asd-cta-wrapper {\n        margin-top: 24px;\n        text-align: center;\n    }\n\n    .asd-enquire-btn {\n        padding: 16px 48px;\n        background: #C19A6B;\n        border: none;\n        color: #000000;\n        font-size: 14px;\n        font-weight: 600;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: background-color 0.3s ease;\n        font-family: 'Lato', sans-serif;\n    }\n\n    .asd-enquire-btn:hover,\n    .asd-enquire-btn:focus {\n        background: #d4ac7f;\n    }\n\n    @media (max-width: 1200px) {\n        .asd-split-container {\n            grid-template-columns: 340px minmax(0, 1fr);\n        }\n\n        .asd-preview-panel {\n            padding: 30px;\n        }\n\n        .asd-preview-header {\n            align-items: flex-start;\n            flex-direction: column;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .asd-itinerary-browser {\n            padding: 50px 0 !important;\n        }\n\n        .asd-itinerary-browser > div {\n            padding: 0 20px !important;\n        }\n\n        .asd-itinerary-browser h2 {\n            font-size: 36px !important;\n        }\n\n        .asd-split-container {\n            display: block;\n            min-height: 0;\n        }\n\n        .asd-menu-panel {\n            padding: 24px 16px;\n            border-right: none;\n            border-bottom: 1px solid rgba(193, 154, 107, 0.25);\n            max-height: 560px;\n        }\n\n        .asd-active-indicator {\n            display: none;\n        }\n\n        .asd-menu-item {\n            padding: 16px 12px;\n            margin-bottom: 8px;\n        }\n\n        .asd-menu-item h3 {\n            font-size: 17px;\n        }\n\n        .asd-preview-panel {\n            padding: 24px 16px;\n        }\n\n        .asd-preview-title {\n            font-size: 22px;\n        }\n\n        .asd-open-button {\n            width: 100%;\n            justify-content: center;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .asd-menu-item,\n        .asd-active-indicator,\n        .asd-loading,\n        .asd-open-button,\n        .asd-enquire-btn {\n            transition: none !important;\n        }\n    }\n    .elementor-element-7103541 { display: none !important; }\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n\n    function initASDItineraryBrowser() {\n        const root = document.querySelector('.asd-itinerary-browser');\n        if (!root || root.dataset.initialized === 'true') return;\n\n        const menuPanel = root.querySelector('.asd-menu-panel');\n        const generatedMenu = root.querySelector('.asd-generated-menu');\n        const iframe = root.querySelector('.asd-itinerary-frame');\n        const loading = root.querySelector('.asd-loading');\n        const previewTitle = root.querySelector('.asd-preview-title');\n        const previewSubtitle = root.querySelector('.asd-preview-subtitle');\n        const openButton = root.querySelector('.asd-open-button');\n        const activeIndicator = root.querySelector('.asd-active-indicator');\n        const enquireButton = root.querySelector('.asd-enquire-btn');\n\n        if (!menuPanel || !generatedMenu || !iframe) return;\n\n        root.dataset.initialized = 'true';\n\n        const itineraries = [\n            {\n                url: 'https:\/\/wetu.com\/Itinerary\/Landing\/64541D28-4284-4446-94D9-2973B94CC495',\n                title: 'Roadtrip Cape Town & Garden Route',\n                subtitle: 'Cape Town, Winelands, Garden Route and Safari',\n                days: 15,\n                style: 'Luxury'\n            },\n            {\n                url: 'https:\/\/wetu.com\/Itinerary\/Landing\/7CEF9BEC-EB14-4F87-BDE2-65DCBF9CFDBC',\n                title: 'Cape Town, Kruger & Victoria Falls \u2013 A Journey Through Southern Africa',\n                subtitle: 'From Cape Town through Kruger to Victoria Falls',\n                days: 10,\n                style: 'Luxury'\n            },\n            {\n                url: 'https:\/\/wetu.com\/Itinerary\/Landing\/b129b651-50ec-4c10-90ce-b3f30388c902',\n                title: 'Safari, Coast & Mountains \u2013 A Journey Through Eastern South Africa',\n                subtitle: 'Wildlife, coastal landscapes and the Drakensberg',\n                days: 15,\n                style: 'Deluxe'\n            },\n            {\n                url: 'https:\/\/wetu.com\/Itinerary\/Landing\/049a3911-c690-44fb-aa37-75a076f2c44e',\n                title: 'South Africa Highlights \u2013 From Cape Town to Kruger',\n                subtitle: 'South Africa\\'s highlights in one comprehensive journey',\n                days: 21,\n                style: 'Deluxe'\n            },\n            {\n                url: 'https:\/\/wetu.com\/ItineraryOutputs\/Discovery\/4f4d0c47-dff5-44d7-ac54-637d03c90147',\n                title: 'Fairways and Safari Magic \u2013 Unforgettable Moments in South Africa',\n                subtitle: 'An unforgettable South African journey',\n                days: 22,\n                style: 'Deluxe'\n            },\n            {\n                url: 'https:\/\/wetu.com\/ItineraryOutputs\/Discovery\/2422d0be-e51a-4890-8034-f72458b3bbbe',\n                title: 'Zimbabwe, Botswana & Victoria Falls',\n                subtitle: 'A Fly-In Safari Experience',\n                days: 13,\n                style: 'Premium'\n            },\n            {\n                url: 'https:\/\/wetu.com\/ItineraryOutputs\/Discovery\/d846101a-aef0-43bd-b3dc-13943797ee66',\n                title: 'Breathtaking Namibia',\n                subtitle: 'Discover Namibia\\'s stunning landscapes',\n                days: 21,\n                style: 'Comfort'\n            },\n            {\n                url: 'https:\/\/wetu.com\/ItineraryOutputs\/Discovery\/196e923e-5223-403b-b0dd-f1824b6a6d9d',\n                title: 'Uganda and Zanzibar: Wild Meets Beach',\n                subtitle: 'From wildlife encounters to paradise beaches',\n                days: 21,\n                style: 'Premium'\n            }\n        ];\n\n\n\n        generatedMenu.innerHTML = itineraries.map((itinerary, index) => `\n            <div class=\"asd-menu-item${index === 0 ? ' asd-menu-active' : ''}\" data-itinerary=\"${index}\" tabindex=\"0\" role=\"button\">\n                <div class=\"asd-journey-number\">Journey ${String(index + 1).padStart(2, '0')}<\/div>\n                <h3>${itinerary.title}<\/h3>\n                <p class=\"asd-journey-subtitle\">${itinerary.subtitle}<\/p>\n                <div class=\"asd-journey-meta\">\n                    <span>${itinerary.days} Days<\/span>\n                    <span>${itinerary.style}<\/span>\n                <\/div>\n            <\/div>\n        `).join('');\n\n        const menuItems = root.querySelectorAll('.asd-generated-menu .asd-menu-item');\n        let activeIndex = 0;\n\n        function updateActiveIndicator(element) {\n            if (window.innerWidth > 1200 && activeIndicator && element) {\n                const rect = element.getBoundingClientRect();\n                const containerRect = menuPanel.getBoundingClientRect();\n                activeIndicator.style.top = (rect.top - containerRect.top) + 'px';\n                activeIndicator.style.height = rect.height + 'px';\n            }\n        }\n\n        function switchItinerary(index) {\n            const itinerary = itineraries[index];\n            if (!itinerary) return;\n\n            activeIndex = index;\n            loading.style.opacity = '1';\n\n            menuItems.forEach(item => item.classList.remove('asd-menu-active'));\n            menuItems[index].classList.add('asd-menu-active');\n            updateActiveIndicator(menuItems[index]);\n\n            previewTitle.textContent = itinerary.title;\n            previewSubtitle.textContent = itinerary.subtitle;\n            openButton.href = itinerary.url;\n            iframe.src = itinerary.url;\n        }\n\n        menuItems.forEach((item, index) => {\n            item.addEventListener('click', () => switchItinerary(index));\n            item.addEventListener('keydown', event => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    switchItinerary(index);\n                }\n            });\n        });\n\n        iframe.addEventListener('load', () => {\n            window.setTimeout(() => {\n                loading.style.opacity = '0';\n            }, 300);\n        });\n\n        updateActiveIndicator(menuItems[0]);\n\n        window.addEventListener('resize', () => {\n            updateActiveIndicator(menuItems[activeIndex]);\n        });\n\n        enquireButton.addEventListener('click', () => {\n            const itinerary = itineraries[activeIndex];\n            window.location.href = '\/contact?subject=Enquiry about ' + encodeURIComponent(itinerary.title);\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initASDItineraryBrowser);\n    } else {\n        initASDItineraryBrowser();\n    }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-254ce99 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"254ce99\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7103541 elementor-widget elementor-widget-html\" data-id=\"7103541\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MOBILE ITINERARY BROWSER -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=El+Messiri:wght@400;500;600&family=Lato:wght@300;400&display=swap\" rel=\"stylesheet\">\n\n<section class=\"asd-mobile-itinerary\" style=\"\n    background: #fafafa;\n    padding: 60px 20px;\n    font-family: 'Lato', sans-serif;\n\">\n    <!-- Section Header -->\n    <div style=\"text-align: center; margin-bottom: 40px;\">\n        <p style=\"\n            color: #C19A6B;\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            margin: 0 0 12px 0;\n        \">Inspiration<\/p>\n        <h2 style=\"\n            color: #1a1a1a;\n            font-size: 32px;\n            font-weight: 500;\n            margin: 0 0 12px 0;\n            font-family: 'El Messiri', sans-serif;\n            letter-spacing: 0.5px;\n        \">Sample Journeys<\/h2>\n        <p style=\"\n            color: rgba(0, 0, 0, 0.6);\n            font-size: 15px;\n            font-weight: 300;\n            margin: 0;\n        \">Tap any journey to view details<\/p>\n    <\/div>\n\n    <!-- Itinerary Cards -->\n    <div style=\"max-width: 600px; margin: 0 auto;\">\n        \n        <!-- Card 1 -->\n        <div class=\"mobile-itinerary-card\" data-url=\"https:\/\/wetu.com\/ItineraryOutputs\/Discovery\/4f4d0c47-dff5-44d7-ac54-637d03c90147\" data-title=\"Discover the Magic of South Africa\" style=\"\n            background: #ffffff;\n            border: 1px solid rgba(193, 154, 107, 0.2);\n            border-radius: 12px;\n            padding: 24px;\n            margin-bottom: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        \">\n            <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 12px;\">\n                <div style=\"\n                    color: #C19A6B;\n                    font-size: 11px;\n                    font-weight: 600;\n                    letter-spacing: 1px;\n                    text-transform: uppercase;\n                \">Journey 01<\/div>\n                <div style=\"display: flex; gap: 8px;\">\n                    <span style=\"\n                        padding: 4px 10px;\n                        background: rgba(193, 154, 107, 0.1);\n                        border: 1px solid rgba(193, 154, 107, 0.3);\n                        border-radius: 4px;\n                        color: #C19A6B;\n                        font-size: 11px;\n                        font-weight: 500;\n                    \">8 Days<\/span>\n                    <span style=\"\n                        padding: 4px 10px;\n                        background: rgba(193, 154, 107, 0.1);\n                        border: 1px solid rgba(193, 154, 107, 0.3);\n                        border-radius: 4px;\n                        color: #C19A6B;\n                        font-size: 11px;\n                        font-weight: 500;\n                    \">Luxury<\/span>\n                <\/div>\n            <\/div>\n            \n            <h3 style=\"\n                color: #1a1a1a;\n                font-size: 20px;\n                font-weight: 500;\n                margin: 0 0 8px 0;\n                font-family: 'El Messiri', sans-serif;\n            \">Discover the Magic of South Africa<\/h3>\n            \n            <p style=\"\n                color: rgba(0, 0, 0, 0.6);\n                font-size: 14px;\n                margin: 0 0 16px 0;\n                line-height: 1.5;\n            \">An unforgettable South African journey<\/p>\n            \n            <div style=\"display: flex; align-items: center; gap: 8px; color: #C19A6B; font-size: 13px; font-weight: 500;\">\n                <span>View Itinerary<\/span>\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                <\/svg>\n            <\/div>\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"mobile-itinerary-card\" data-url=\"https:\/\/wetu.com\/ItineraryOutputs\/Discovery\/2422d0be-e51a-4890-8034-f72458b3bbbe\" data-title=\"Zimbabwe, Botswana & Victoria Falls\" style=\"\n            background: #ffffff;\n            border: 1px solid rgba(193, 154, 107, 0.2);\n            border-radius: 12px;\n            padding: 24px;\n            margin-bottom: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        \">\n            <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 12px;\">\n                <div style=\"\n                    color: #C19A6B;\n                    font-size: 11px;\n                    font-weight: 600;\n                    letter-spacing: 1px;\n                    text-transform: uppercase;\n                \">Journey 02<\/div>\n                <div style=\"display: flex; gap: 8px;\">\n                    <span style=\"\n                        padding: 4px 10px;\n                        background: rgba(193, 154, 107, 0.1);\n                        border: 1px solid rgba(193, 154, 107, 0.3);\n                        border-radius: 4px;\n                        color: #C19A6B;\n                        font-size: 11px;\n                        font-weight: 500;\n                    \">10 Days<\/span>\n                    <span style=\"\n                        padding: 4px 10px;\n                        background: rgba(193, 154, 107, 0.1);\n                        border: 1px solid rgba(193, 154, 107, 0.3);\n                        border-radius: 4px;\n                        color: #C19A6B;\n                        font-size: 11px;\n                        font-weight: 500;\n                    \">Premium<\/span>\n                <\/div>\n            <\/div>\n            \n            <h3 style=\"\n                color: #1a1a1a;\n                font-size: 20px;\n                font-weight: 500;\n                margin: 0 0 8px 0;\n                font-family: 'El Messiri', sans-serif;\n            \">Zimbabwe, Botswana & Victoria Falls<\/h3>\n            \n            <p style=\"\n                color: rgba(0, 0, 0, 0.6);\n                font-size: 14px;\n                margin: 0 0 16px 0;\n                line-height: 1.5;\n            \">A Fly-In Safari Experience<\/p>\n            \n            <div style=\"display: flex; align-items: center; gap: 8px; color: #C19A6B; font-size: 13px; font-weight: 500;\">\n                <span>View Itinerary<\/span>\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                <\/svg>\n            <\/div>\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"mobile-itinerary-card\" data-url=\"https:\/\/wetu.com\/ItineraryOutputs\/Discovery\/d846101a-aef0-43bd-b3dc-13943797ee66\" data-title=\"Breathtaking Namibia\" style=\"\n            background: #ffffff;\n            border: 1px solid rgba(193, 154, 107, 0.2);\n            border-radius: 12px;\n            padding: 24px;\n            margin-bottom: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        \">\n            <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 12px;\">\n                <div style=\"\n                    color: #C19A6B;\n                    font-size: 11px;\n                    font-weight: 600;\n                    letter-spacing: 1px;\n                    text-transform: uppercase;\n                \">Journey 03<\/div>\n                <div style=\"display: flex; gap: 8px;\">\n                    <span style=\"padding: 4px 10px; background: rgba(193, 154, 107, 0.1); border: 1px solid rgba(193, 154, 107, 0.3); border-radius: 4px; color: #C19A6B; font-size: 11px; font-weight: 500;\">Standard<\/span>\n                <\/div>\n            <\/div>\n            \n            <h3 style=\"\n                color: #1a1a1a;\n                font-size: 20px;\n                font-weight: 500;\n                margin: 0 0 8px 0;\n                font-family: 'El Messiri', sans-serif;\n            \">Breathtaking Namibia<\/h3>\n            \n            <p style=\"\n                color: rgba(0, 0, 0, 0.6);\n                font-size: 14px;\n                margin: 0 0 16px 0;\n                line-height: 1.5;\n            \">Discover Namibia's stunning landscapes<\/p>\n            \n            <div style=\"display: flex; align-items: center; gap: 8px; color: #C19A6B; font-size: 13px; font-weight: 500;\">\n                <span>View Itinerary<\/span>\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                <\/svg>\n            <\/div>\n        <\/div>\n\n        <!-- Card 4 -->\n        <div class=\"mobile-itinerary-card\" data-url=\"https:\/\/wetu.com\/ItineraryOutputs\/Discovery\/196e923e-5223-403b-b0dd-f1824b6a6d9d\" data-title=\"Uganda and Zanzibar: Wild Meets Beach\" style=\"\n            background: #ffffff;\n            border: 1px solid rgba(193, 154, 107, 0.2);\n            border-radius: 12px;\n            padding: 24px;\n            margin-bottom: 16px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        \">\n            <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 12px;\">\n                <div style=\"\n                    color: #C19A6B;\n                    font-size: 11px;\n                    font-weight: 600;\n                    letter-spacing: 1px;\n                    text-transform: uppercase;\n                \">Journey 04<\/div>\n                <div style=\"display: flex; gap: 8px;\">\n                    <span style=\"\n                        padding: 4px 10px;\n                        background: rgba(193, 154, 107, 0.1);\n                        border: 1px solid rgba(193, 154, 107, 0.3);\n                        border-radius: 4px;\n                        color: #C19A6B;\n                        font-size: 11px;\n                        font-weight: 500;\n                    \">14 Days<\/span>\n                    <span style=\"\n                        padding: 4px 10px;\n                        background: rgba(193, 154, 107, 0.1);\n                        border: 1px solid rgba(193, 154, 107, 0.3);\n                        border-radius: 4px;\n                        color: #C19A6B;\n                        font-size: 11px;\n                        font-weight: 500;\n                    \">Premium<\/span>\n                <\/div>\n            <\/div>\n            \n            <h3 style=\"\n                color: #1a1a1a;\n                font-size: 20px;\n                font-weight: 500;\n                margin: 0 0 8px 0;\n                font-family: 'El Messiri', sans-serif;\n            \">Uganda and Zanzibar: Wild Meets Beach<\/h3>\n            \n            <p style=\"\n                color: rgba(0, 0, 0, 0.6);\n                font-size: 14px;\n                margin: 0 0 16px 0;\n                line-height: 1.5;\n            \">From wildlife encounters to paradise beaches<\/p>\n            \n            <div style=\"display: flex; align-items: center; gap: 8px; color: #C19A6B; font-size: 13px; font-weight: 500;\">\n                <span>View Itinerary<\/span>\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                <\/svg>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Full Screen Modal -->\n<div id=\"asd-itinerary-modal\" style=\"\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.95);\n    z-index: 9999;\n    display: none;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n\">\n    <!-- Modal Header -->\n    <div style=\"\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        background: #1a1a1a;\n        padding: 16px 20px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-bottom: 1px solid rgba(193, 154, 107, 0.3);\n        z-index: 2;\n    \">\n        <h3 id=\"modal-title\" style=\"\n            color: #C19A6B;\n            font-size: 18px;\n            font-weight: 500;\n            margin: 0;\n            font-family: 'El Messiri', sans-serif;\n        \">Itinerary Details<\/h3>\n        \n        <button id=\"close-modal\" style=\"\n            background: transparent;\n            border: none;\n            color: #fff;\n            font-size: 32px;\n            cursor: pointer;\n            padding: 0;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            line-height: 1;\n        \">&times;<\/button>\n    <\/div>\n\n    <!-- Modal Content -->\n    <div style=\"\n        position: absolute;\n        top: 70px;\n        left: 0;\n        right: 0;\n        bottom: 70px;\n        overflow: hidden;\n    \">\n        <iframe id=\"modal-iframe\" style=\"\n            width: 100%;\n            height: 100%;\n            border: none;\n            background: #fff;\n        \"><\/iframe>\n    <\/div>\n\n    <!-- Modal Footer -->\n    <div style=\"\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: #1a1a1a;\n        padding: 16px 20px;\n        border-top: 1px solid rgba(193, 154, 107, 0.3);\n        text-align: center;\n    \">\n        <a id=\"modal-open-link\" href=\"#\" target=\"_blank\" style=\"\n            display: inline-block;\n            padding: 12px 32px;\n            background: #C19A6B;\n            color: #000;\n            text-decoration: none;\n            font-size: 14px;\n            font-weight: 600;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            border-radius: 6px;\n            transition: all 0.3s ease;\n        \">Open Full View<\/a>\n    <\/div>\n<\/div>\n\n<style>\n.mobile-itinerary-card:active {\n    transform: scale(0.98);\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;\n}\n\n#modal-open-link:active {\n    background: #d4ac7f;\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n    \n    const cards = document.querySelectorAll('.mobile-itinerary-card');\n    const modal = document.getElementById('asd-itinerary-modal');\n    const modalIframe = document.getElementById('modal-iframe');\n    const modalTitle = document.getElementById('modal-title');\n    const modalLink = document.getElementById('modal-open-link');\n    const closeBtn = document.getElementById('close-modal');\n    \n    \/\/ Open modal\n    cards.forEach(card => {\n        card.addEventListener('click', function() {\n            const url = this.getAttribute('data-url');\n            const title = this.getAttribute('data-title');\n            \n            modalTitle.textContent = title;\n            modalIframe.src = url;\n            modalLink.href = url;\n            \n            modal.style.display = 'block';\n            setTimeout(() => {\n                modal.style.opacity = '1';\n            }, 10);\n            \n            \/\/ Prevent body scroll\n            document.body.style.overflow = 'hidden';\n        });\n    });\n    \n    \/\/ Close modal\n    function closeModal() {\n        modal.style.opacity = '0';\n        setTimeout(() => {\n            modal.style.display = 'none';\n            modalIframe.src = '';\n        }, 300);\n        \n        \/\/ Restore body scroll\n        document.body.style.overflow = '';\n    }\n    \n    closeBtn.addEventListener('click', closeModal);\n    \n    \/\/ Close on background click\n    modal.addEventListener('click', function(e) {\n        if (e.target === modal) {\n            closeModal();\n        }\n    });\n    \n    \/\/ Close on escape key\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && modal.style.display === 'block') {\n            closeModal();\n        }\n    });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cc6a10c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cc6a10c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0a2f684\" data-id=\"0a2f684\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d6596c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d6596c2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e3ac787\" data-id=\"e3ac787\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8bfcc37 elementor-widget elementor-widget-jkit_heading\" data-id=\"8bfcc37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jkit_heading.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-heading  align-left align-tablet- align-mobile- jeg_module___6a9915311233d\" ><div class=\"heading-section-title  display-inline-block\"><h2 class=\"heading-title\">Office Address <\/h2><\/div><div class=\"heading-section-description\"><p>5 Bedford Street, <br \/>16 Bedford Mews, Vredehoek, <br \/>Cape Town, 8001 <br \/>South Africa<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f501717 elementor-widget elementor-widget-jkit_heading\" data-id=\"f501717\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jkit_heading.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-heading  align-left align-tablet- align-mobile- jeg_module__1_6a99153112ac8\" ><div class=\"heading-section-title  display-inline-block\"><h2 class=\"heading-title\">Office Phone Number<\/h2><\/div><h3 class=\"heading-section-subtitle  style-color\">+27 71 129 4559 <\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c2be40 elementor-widget elementor-widget-jkit_heading\" data-id=\"0c2be40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jkit_heading.default\">\n\t\t\t\t\t<div  class=\"jeg-elementor-kit jkit-heading  align-left align-tablet- align-mobile- jeg_module__2_6a9915311313d\" ><div class=\"heading-section-title  display-inline-block\"><h2 class=\"heading-title\">Email Address<\/h2><\/div><h3 class=\"heading-section-subtitle  style-color\">britta@africansafaridream.com<\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84bc66f elementor-widget elementor-widget-heading\" data-id=\"84bc66f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Follow Our Social Media<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5056e3b elementor-icon-list--layout-inline elementor-align-start elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5056e3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-instagram-1-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook-square\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-youtube-v-light\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1993939\" data-id=\"1993939\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db83452 elementor-widget elementor-widget-metform\" data-id=\"db83452\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-144\" data-previous-steps-style=\"\" data-editswitchopen=\"\" data-response_type=\"alert\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\"   mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"144\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-db83452-144\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"144\"\r\n\t\t\tdata-action=\"https:\/\/africansafaridream.com\/de\/wp-json\/metform\/v1\/entries\/insert\/144\"\r\n\t\t\tdata-wp-nonce=\"248e86f7f3\"\r\n\t\t\tdata-form-nonce=\"ef973a029d\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"contact_form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\tdata-payment-submit-before=\"0\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-144\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"144\" className=\"elementor elementor-144\" data-elementor-post-type=\"metform-form\">\n\t\t\t\t\t\t<section className=\"elementor-section elementor-top-section elementor-element elementor-element-58a3b3b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"58a3b3b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78060cd\" data-id=\"78060cd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-0c92387 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0c92387\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-75ddab3\" data-id=\"75ddab3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-207d14b elementor-widget elementor-widget-mf-text\" data-id=\"207d14b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;name&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-207d14b\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-207d14b\"\r\n\t\t\t\tname=\"name\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Your Name`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['name'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"name\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-8d2bdbb\" data-id=\"8d2bdbb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-6aed358 elementor-widget elementor-widget-mf-email\" data-id=\"6aed358\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-email-6aed358\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Email Address`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-6aed358\" \r\n\t\t\t\tname=\"email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Your Email Address`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-a43841d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a43841d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-87d264a\" data-id=\"87d264a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-157c8ca elementor-widget elementor-widget-mf-text\" data-id=\"157c8ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;phone-number&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-157c8ca\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Phone Number`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-157c8ca\"\r\n\t\t\t\tname=\"phone-number\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Phone Number`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['phone-number'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"phone-number\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div className=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-af829ba\" data-id=\"af829ba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-ff2845b elementor-widget elementor-widget-mf-text\" data-id=\"ff2845b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;subject&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-ff2845b\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Subject`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-ff2845b\"\r\n\t\t\t\tname=\"subject\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Subject`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['subject'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"subject\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-38bf3a3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38bf3a3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-d3cc772\" data-id=\"d3cc772\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-e104a41 elementor-widget elementor-widget-mf-textarea\" data-id=\"e104a41\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-comment&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-area-e104a41\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Comments \/ Questions`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea mf-conditional-input\" id=\"mf-input-text-area-e104a41\"\r\n\t\t\t\tname=\"mf-comment\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Your Message Here`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-comment'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-comment\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div className=\"elementor-element elementor-element-3709423 elementor-widget elementor-widget-mf-recaptcha\" data-id=\"3709423\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-recaptcha.default\">\n\t\t\t\t\t\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"g-recaptcha \"\n\t\t\t\t\t\tid=\"g-recaptcha\"\n\t\t\t\t\t\tdata-sitekey=\"6LehtlcsAAAAAEvp0AFqEPC-ayAg7F7IVUfFU3Sq\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-callback=\"handleReCAPTCHA_${this.state.recaptcha_uid}\"\n\t\t\t\t\t\t\tdata-expired-callback=\"handleReCAPTCHA_${this.state.recaptcha_uid}\"\n\t\t\t\t\t\t\tdata-error-callback=\"handleReCAPTCHA_${this.state.recaptcha_uid}\"\n\t\t\t\t\t\t\taria-invalid=${validation.errors['g-recaptcha-response'] ? 'true' : 'false'}\n\t\t\t\t\t\t\t\t\t\t\t\t><\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"hidden\"\n\t\t\t\t\t\t\tname=\"g-recaptcha-response\"\n\t\t\t\t\t\t\tclassName=\"mf-input mf-mobile-hidden\"\n\t\t\t\t\t\t\tvalue=${parent.getValue('g-recaptcha-response')}\n\t\t\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"reCAPTCHA is required.\",\"required\":true}, el)}\n\t\t\t\t\t\t\t\/>\n\n\t\t\t\t\t\t<${validation.ErrorMessage} errors=${validation.errors} name=\"g-recaptcha-response\" as=${html`<span className=\"mf-error-message\"><\/span>`} \/>\n\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<section className=\"elementor-section elementor-inner-section elementor-element elementor-element-d9afa87 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d9afa87\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4ce6b1f\" data-id=\"4ce6b1f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-81bf482 mf-btn--justify mf-btn--tablet-justify mf-btn--mobile-justify elementor-widget elementor-widget-mf-button\" data-id=\"81bf482\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper mf-conditional-input\" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Send Message`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Itinerary Samples Experiences Across Africa Inspiration Sample Journeys Explore curated itineraries that showcase the breadth of experiences we create [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-358","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/africansafaridream.com\/de\/wp-json\/wp\/v2\/pages\/358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/africansafaridream.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/africansafaridream.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/africansafaridream.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/africansafaridream.com\/de\/wp-json\/wp\/v2\/comments?post=358"}],"version-history":[{"count":56,"href":"https:\/\/africansafaridream.com\/de\/wp-json\/wp\/v2\/pages\/358\/revisions"}],"predecessor-version":[{"id":1340,"href":"https:\/\/africansafaridream.com\/de\/wp-json\/wp\/v2\/pages\/358\/revisions\/1340"}],"wp:attachment":[{"href":"https:\/\/africansafaridream.com\/de\/wp-json\/wp\/v2\/media?parent=358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}