{"id":324,"date":"2025-12-05T18:50:26","date_gmt":"2025-12-05T18:50:26","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=324"},"modified":"2025-12-05T18:51:25","modified_gmt":"2025-12-05T18:51:25","slug":"6-days-tangier-to-marrakech-desert-tour","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/de\/6-days-tangier-to-marrakech-desert-tour\/","title":{"rendered":"6 Days Tangier to Marrakech Desert Tour"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"324\" class=\"elementor elementor-324\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd048f e-con-full e-flex e-con e-parent\" data-id=\"dbd048f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaf784f elementor-widget elementor-widget-html\" data-id=\"aaf784f\" 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>6 Days Tangier to Marrakech Desert Tour | Morocco Sahara Adventure<\/title>\r\n    <meta name=\"description\" content=\"Book a 6-day desert tour from Tangier to Marrakech. Explore Chefchaouen, Fes, Merzouga Sahara Desert, Todra Gorge, Ait Ben Haddou on this comprehensive Morocco adventure.\">\r\n    <meta name=\"keywords\" content=\"6 days Tangier to Marrakech desert tour, Tangier Chefchaouen Fes desert tour, Morocco Sahara desert tour, Merzouga camel trek, Todra Gorge, Dades Valley, Ait Ben Haddou, Morocco imperial cities and desert, Tangier to Marrakech via desert\">\r\n    \r\n    <!-- Fonts & Icons -->\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=Inter: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    \r\n    <style>\r\n        \/* CSS RESET FOR OUR COMPONENT ONLY - EXACT SAME AS BEFORE *\/\r\n        #tangier-marrakech-tour-wrapper * {\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper {\r\n            --primary-bg: #ffffff !important;\r\n            --card-bg: #ffffff !important;\r\n            --accent-color: #BF1A1A !important;\r\n            --accent-color-2: #FF6C0C !important;\r\n            --accent-light: #ffe4d6 !important;\r\n            --accent-dark: #a31616 !important;\r\n            --accent-gradient: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            --text-primary: #1a1a1a !important;\r\n            --text-secondary: #555555 !important;\r\n            --border-color: rgba(191, 26, 26, 0.15) !important;\r\n            --radius-large: 16px !important;\r\n            --radius-medium: 12px !important;\r\n            --shadow-large: 0 10px 30px rgba(191, 26, 26, 0.15) !important;\r\n            --shadow-small: 0 5px 15px rgba(191, 26, 26, 0.1) !important;\r\n\r\n            font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\r\n            background: #ffffff !important;\r\n            color: var(--text-primary) !important;\r\n            line-height: 1.6 !important;\r\n            isolation: isolate !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .container {\r\n            max-width: 1300px !important;\r\n            margin: 0 auto !important;\r\n            padding: 20px 18px 60px !important;\r\n        }\r\n\r\n        \/* Hero Section - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .hero-section {\r\n            display: grid !important;\r\n            grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.3fr) !important;\r\n            gap: 24px !important;\r\n            align-items: stretch !important;\r\n            margin-bottom: 26px !important;\r\n        }\r\n\r\n        @media (max-width: 960px) {\r\n            #tangier-marrakech-tour-wrapper .hero-section {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .hero-content {\r\n            position: relative !important;\r\n            padding: 22px 24px 20px !important;\r\n            border-radius: var(--radius-large) !important;\r\n            background: linear-gradient(135deg, #fff8f3 0%, #ffffff 100%) !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n            overflow: hidden !important;\r\n            border: 1px solid rgba(255, 108, 12, 0.1) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .hero-content::after {\r\n            content: \"\" !important;\r\n            position: absolute !important;\r\n            width: 260px !important;\r\n            height: 260px !important;\r\n            border-radius: 999px !important;\r\n            background: radial-gradient(circle at center, rgba(255, 108, 12, 0.15), transparent 70%) !important;\r\n            top: -80px !important;\r\n            right: -120px !important;\r\n            opacity: 0.7 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .route-badge {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            padding: 6px 14px !important;\r\n            border-radius: 999px !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 0.75rem !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.16em !important;\r\n            margin-bottom: 12px !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n            font-weight: 600 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .hero-content h1 {\r\n            margin: 0 0 10px !important;\r\n            font-size: 30px !important;\r\n            font-weight: 800 !important;\r\n            letter-spacing: -0.02em !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n            line-height: 1.2 !important;\r\n            color: #1a1a1a !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .hero-description {\r\n            margin: 0 0 18px !important;\r\n            color: var(--text-secondary) !important;\r\n            font-size: 1.05rem !important;\r\n            max-width: 38rem !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        .keyword-highlight {\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .transfer-details {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 8px !important;\r\n            position: relative !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .detail-pill {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 6px !important;\r\n            font-size: 0.8rem !important;\r\n            padding: 8px 14px !important;\r\n            border-radius: 999px !important;\r\n            background: rgba(191, 26, 26, 0.08) !important;\r\n            color: #BF1A1A !important;\r\n            border: 1px solid rgba(191, 26, 26, 0.2) !important;\r\n            font-weight: 500 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .detail-pill i {\r\n            color: #FF6C0C !important;\r\n        }\r\n\r\n        \/* Gallery Section - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .gallery-section {\r\n            display: grid !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .main-gallery {\r\n            position: relative !important;\r\n            border-radius: var(--radius-large) !important;\r\n            overflow: hidden !important;\r\n            height: 340px !important;\r\n            background: #000 !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .main-gallery img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .gallery-overlay {\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 55%) !important;\r\n            pointer-events: none !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .gallery-caption {\r\n            position: absolute !important;\r\n            left: 14px !important;\r\n            bottom: 14px !important;\r\n            padding: 8px 14px !important;\r\n            border-radius: 999px !important;\r\n            font-size: 0.8rem !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 7px !important;\r\n            font-weight: 500 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thumbnail-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n            gap: 8px !important;\r\n            margin-top: 8px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #tangier-marrakech-tour-wrapper .thumbnail-grid {\r\n                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n            }\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thumbnail {\r\n            border-radius: 12px !important;\r\n            overflow: hidden !important;\r\n            position: relative !important;\r\n            border: 2px solid transparent !important;\r\n            cursor: pointer !important;\r\n            min-height: 90px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thumbnail img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n            display: block !important;\r\n            transform: scale(1.04) !important;\r\n            transition: transform 0.3s !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thumbnail:hover img {\r\n            transform: scale(1.08) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thumbnail::after {\r\n            content: \"\" !important;\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            background: linear-gradient(to top, rgba(191, 26, 26, 0.3), transparent 75%) !important;\r\n            opacity: 0 !important;\r\n            transition: opacity 0.3s !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thumbnail:hover::after {\r\n            opacity: 1 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thumbnail.active {\r\n            border-color: var(--accent-color) !important;\r\n            box-shadow: 0 0 0 2px rgba(255, 108, 12, 0.3) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .info-cards {\r\n            display: flex !important;\r\n            gap: 10px !important;\r\n            margin-top: 12px !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .info-card {\r\n            flex: 1 1 0 !important;\r\n            min-width: 0 !important;\r\n            border-radius: var(--radius-medium) !important;\r\n            background: var(--card-bg) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            padding: 14px 16px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 12px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .info-icon {\r\n            width: 40px !important;\r\n            height: 40px !important;\r\n            border-radius: 999px !important;\r\n            display: grid !important;\r\n            place-items: center !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .info-text span {\r\n            display: block !important;\r\n            font-size: 0.75rem !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--text-secondary) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .info-text strong {\r\n            font-size: 1rem !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        \/* Main Layout - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .main-layout {\r\n            display: grid !important;\r\n            grid-template-columns: minmax(0, 1.8fr) minmax(0, 1.1fr) !important;\r\n            gap: 26px !important;\r\n            align-items: flex-start !important;\r\n        }\r\n\r\n        @media (max-width: 980px) {\r\n            #tangier-marrakech-tour-wrapper .main-layout {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .content-section {\r\n            border-radius: var(--radius-large) !important;\r\n            background: var(--card-bg) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            padding: 24px 24px 22px !important;\r\n            margin-bottom: 20px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .section-header {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 12px !important;\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .section-header i {\r\n            width: 32px !important;\r\n            height: 32px !important;\r\n            border-radius: 999px !important;\r\n            display: grid !important;\r\n            place-items: center !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .section-header h2 {\r\n            margin: 0 !important;\r\n            font-size: 1.2rem !important;\r\n            letter-spacing: 0.02em !important;\r\n            text-transform: uppercase !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .section-header small {\r\n            display: block !important;\r\n            font-size: 0.8rem !important;\r\n            color: var(--text-secondary) !important;\r\n            margin-top: 2px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .highlight-box {\r\n            padding: 16px 18px !important;\r\n            border-radius: 12px !important;\r\n            background: linear-gradient(135deg, #fff8f3 0%, #ffe4d6 100%) !important;\r\n            border: 1px solid rgba(255, 108, 12, 0.2) !important;\r\n            font-size: 1rem !important;\r\n            margin-bottom: 16px !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .highlight-box strong {\r\n            color: #BF1A1A !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .content-section p {\r\n            color: var(--text-secondary) !important;\r\n            font-size: 1rem !important;\r\n            margin: 0 0 12px !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        \/* Feature Grid - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .feature-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 12px !important;\r\n            margin-top: 16px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #tangier-marrakech-tour-wrapper .feature-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .feature-card {\r\n            border-radius: var(--radius-medium) !important;\r\n            background: #f9f9f9 !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            padding: 14px 16px !important;\r\n            font-size: 0.95rem !important;\r\n            display: flex !important;\r\n            align-items: flex-start !important;\r\n            gap: 10px !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .feature-card:hover {\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            border-color: #FF6C0C !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .feature-card i {\r\n            color: #FF6C0C !important;\r\n            margin-top: 4px !important;\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .feature-card strong {\r\n            display: block !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--text-primary) !important;\r\n            margin-bottom: 4px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .feature-card div {\r\n            color: var(--text-secondary) !important;\r\n            font-size: 0.9rem !important;\r\n        }\r\n\r\n        \/* Itinerary - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .itinerary-step {\r\n            display: grid !important;\r\n            grid-template-columns: 180px minmax(0, 1fr) !important;\r\n            gap: 16px !important;\r\n            padding: 18px 0 !important;\r\n            border-bottom: 1px solid var(--border-color) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .itinerary-step:last-child {\r\n            border-bottom: none !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #tangier-marrakech-tour-wrapper .itinerary-step {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 8px !important;\r\n                padding: 16px 0 !important;\r\n            }\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .step-label {\r\n            font-size: 0.9rem !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.12em !important;\r\n            font-weight: 700 !important;\r\n            color: #BF1A1A !important;\r\n            background: rgba(191, 26, 26, 0.08) !important;\r\n            padding: 6px 12px !important;\r\n            border-radius: 6px !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .step-content h3 {\r\n            margin: 0 0 8px !important;\r\n            font-size: 1.1rem !important;\r\n            color: var(--text-primary) !important;\r\n            font-weight: 600 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .step-content p {\r\n            margin: 0 !important;\r\n            color: var(--text-secondary) !important;\r\n            font-size: 0.98rem !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        \/* Tour Highlights Section - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .highlights-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 16px !important;\r\n            margin-top: 16px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #tangier-marrakech-tour-wrapper .highlights-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .highlight-item {\r\n            background: #f9f9f9 !important;\r\n            border-radius: var(--radius-medium) !important;\r\n            padding: 18px 20px !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            display: flex !important;\r\n            align-items: flex-start !important;\r\n            gap: 12px !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .highlight-item:hover {\r\n            transform: translateY(-3px) !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            border-color: #FF6C0C !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .highlight-icon {\r\n            width: 40px !important;\r\n            height: 40px !important;\r\n            border-radius: 999px !important;\r\n            display: grid !important;\r\n            place-items: center !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 1rem !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .highlight-text h4 {\r\n            margin: 0 0 6px !important;\r\n            font-size: 1rem !important;\r\n            color: var(--text-primary) !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .highlight-text p {\r\n            margin: 0 !important;\r\n            color: var(--text-secondary) !important;\r\n            font-size: 0.95rem !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        \/* Inclusions - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .two-column {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 24px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #tangier-marrakech-tour-wrapper .two-column {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 30px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .inclusion-column {\r\n                background: #f9f9f9 !important;\r\n                border-radius: var(--radius-medium) !important;\r\n                padding: 20px !important;\r\n                border: 1px solid var(--border-color) !important;\r\n                box-shadow: var(--shadow-small) !important;\r\n            }\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .list-title {\r\n            font-size: 1.1rem !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 12px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .list-title i {\r\n            background: none !important;\r\n            width: auto !important;\r\n            height: auto !important;\r\n            color: #BF1A1A !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .bullet-list {\r\n            list-style: none !important;\r\n            padding: 0 !important;\r\n            margin: 0 !important;\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .bullet-list li {\r\n            display: flex !important;\r\n            gap: 10px !important;\r\n            margin-bottom: 10px !important;\r\n            color: var(--text-secondary) !important;\r\n            align-items: flex-start !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .bullet-list li i {\r\n            margin-top: 3px !important;\r\n            font-size: 0.9rem !important;\r\n            min-width: 16px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .bullet-list.included li i {\r\n            color: #BF1A1A !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .bullet-list.excluded li i {\r\n            color: #dc2626 !important;\r\n        }\r\n\r\n        \/* FAQ - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .faq-item {\r\n            border-radius: var(--radius-medium) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            margin-bottom: 12px !important;\r\n            background: #f9f9f9 !important;\r\n            overflow: hidden !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .faq-item:hover {\r\n            border-color: #FF6C0C !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .faq-question {\r\n            padding: 16px 20px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: space-between !important;\r\n            gap: 16px !important;\r\n            cursor: pointer !important;\r\n            background: #ffffff !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .faq-question span {\r\n            font-size: 1rem !important;\r\n            font-weight: 600 !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .faq-question i {\r\n            color: #FF6C0C !important;\r\n            transition: transform 0.3s !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .faq-item.open .faq-question i {\r\n            transform: rotate(180deg) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .faq-answer {\r\n            max-height: 0 !important;\r\n            overflow: hidden !important;\r\n            padding: 0 20px !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--text-secondary) !important;\r\n            transition: max-height 0.3s ease, padding 0.3s ease !important;\r\n            background: #ffffff !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .faq-item.open .faq-answer {\r\n            padding: 0 20px 20px !important;\r\n            max-height: 300px !important;\r\n        }\r\n\r\n        \/* Sidebar & Booking Form - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .sidebar {\r\n            position: sticky !important;\r\n            top: 20px !important;\r\n            align-self: flex-start !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .booking-form {\r\n            border-radius: var(--radius-large) !important;\r\n            background: var(--card-bg) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            padding: 24px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            position: sticky !important;\r\n            top: 20px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .booking-form h3 {\r\n            margin: 0 0 8px !important;\r\n            font-size: 1.2rem !important;\r\n            color: var(--text-primary) !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .booking-form p {\r\n            margin: 0 0 20px !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--text-secondary) !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .form-group {\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .form-row {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n            gap: 16px !important;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #tangier-marrakech-tour-wrapper .sidebar {\r\n                position: static !important;\r\n                top: auto !important;\r\n                margin-top: 16px !important;\r\n            }\r\n            #tangier-marrakech-tour-wrapper .booking-form {\r\n                position: static !important;\r\n                top: auto !important;\r\n            }\r\n            #tangier-marrakech-tour-wrapper .form-row {\r\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n                gap: 12px !important;\r\n            }\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper label {\r\n            display: block !important;\r\n            font-size: 0.9rem !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 6px !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .form-input,\r\n        #tangier-marrakech-tour-wrapper textarea {\r\n            width: 100% !important;\r\n            border-radius: 8px !important;\r\n            border: 1px solid #ddd !important;\r\n            padding: 12px 14px !important;\r\n            font: inherit !important;\r\n            font-size: 0.95rem !important;\r\n            background: #ffffff !important;\r\n            outline: none !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .form-input:focus,\r\n        #tangier-marrakech-tour-wrapper textarea:focus {\r\n            border-color: #FF6C0C !important;\r\n            box-shadow: 0 0 0 3px rgba(255, 108, 12, 0.1) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .form-input.error,\r\n        #tangier-marrakech-tour-wrapper textarea.error {\r\n            border-color: #dc2626 !important;\r\n            background: #fef2f2 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .error-message {\r\n            display: none !important;\r\n            font-size: 0.85rem !important;\r\n            color: #dc2626 !important;\r\n            margin-top: 4px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .btn-primary {\r\n            width: 100% !important;\r\n            border-radius: 999px !important;\r\n            border: none !important;\r\n            padding: 14px !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-weight: 700 !important;\r\n            font-size: 1rem !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            gap: 8px !important;\r\n            cursor: pointer !important;\r\n            box-shadow: 0 4px 15px rgba(191, 26, 26, 0.3) !important;\r\n            transition: all 0.3s !important;\r\n            margin-top: 8px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .btn-primary:hover {\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: 0 6px 20px rgba(191, 26, 26, 0.4) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .btn-primary:disabled {\r\n            opacity: 0.6 !important;\r\n            cursor: not-allowed !important;\r\n            transform: none !important;\r\n            box-shadow: none !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .btn-primary i {\r\n            font-size: 1rem !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .form-note {\r\n            font-size: 0.85rem !important;\r\n            color: var(--text-secondary) !important;\r\n            margin-top: 12px !important;\r\n            text-align: center !important;\r\n            line-height: 1.5 !important;\r\n        }\r\n\r\n        \/* Toast - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .toast {\r\n            position: fixed !important;\r\n            left: 50% !important;\r\n            transform: translateX(-50%) !important;\r\n            bottom: 20px !important;\r\n            padding: 12px 20px !important;\r\n            border-radius: 999px !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            font-size: 0.9rem !important;\r\n            box-shadow: var(--shadow-large) !important;\r\n            display: none !important;\r\n            z-index: 1050 !important;\r\n            font-weight: 500 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .toast.show {\r\n            display: block !important;\r\n        }\r\n\r\n        \/* Thank You Overlay - Exact same styling *\/\r\n        #tangier-marrakech-tour-wrapper .thankyou-overlay {\r\n            display: none;\r\n            position: fixed !important;\r\n            inset: 0 !important;\r\n            background: rgba(26, 26, 26, 0.8) !important;\r\n            z-index: 1200 !important;\r\n            backdrop-filter: blur(8px) !important;\r\n            padding: 20px !important;\r\n            box-sizing: border-box !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-card {\r\n            background: #ffffff !important;\r\n            border-radius: var(--radius-large) !important;\r\n            padding: 32px 28px 28px !important;\r\n            max-width: 420px !important;\r\n            width: 100% !important;\r\n            text-align: center !important;\r\n            box-shadow: 0 20px 60px rgba(26, 26, 26, 0.3) !important;\r\n            border: 1px solid var(--border-color) !important;\r\n            position: relative !important;\r\n            animation: thankYouPopIn 0.3s ease-out !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-close {\r\n            position: absolute !important;\r\n            top: 16px !important;\r\n            right: 16px !important;\r\n            width: 32px !important;\r\n            height: 32px !important;\r\n            border-radius: 999px !important;\r\n            border: none !important;\r\n            background: #f9f9f9 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            cursor: pointer !important;\r\n            color: var(--text-secondary) !important;\r\n            font-size: 1rem !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-close:hover {\r\n            background: #f0f0f0 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-icon {\r\n            margin-bottom: 16px !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-icon .circle {\r\n            width: 80px !important;\r\n            height: 80px !important;\r\n            border-radius: 999px !important;\r\n            margin: 0 auto !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            background: linear-gradient(135deg, #22c55e, #16a34a) !important;\r\n            box-shadow: 0 8px 25px rgba(34, 197, 94, 0.4) !important;\r\n            color: #ffffff !important;\r\n            font-size: 2rem !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-title {\r\n            font-size: 1.4rem !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 12px !important;\r\n            color: var(--text-primary) !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-text {\r\n            font-size: 1rem !important;\r\n            color: var(--text-secondary) !important;\r\n            margin-bottom: 8px !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-subtext {\r\n            font-size: 0.9rem !important;\r\n            color: var(--text-secondary) !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-actions {\r\n            margin-top: 24px !important;\r\n            display: flex !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-actions button {\r\n            border-radius: 999px !important;\r\n            border: none !important;\r\n            padding: 12px 28px !important;\r\n            font-size: 1rem !important;\r\n            font-weight: 600 !important;\r\n            cursor: pointer !important;\r\n            background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n            color: #ffffff !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            box-shadow: var(--shadow-small) !important;\r\n            transition: all 0.3s !important;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .thankyou-actions button:hover {\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        @keyframes thankYouPopIn {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateY(20px) scale(0.95);\r\n            }\r\n            100% {\r\n                opacity: 1;\r\n                transform: translateY(0) scale(1);\r\n            }\r\n        }\r\n\r\n        \/* Wikipedia link styling *\/\r\n        #tangier-marrakech-tour-wrapper .wiki-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            color: var(--accent-color);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        #tangier-marrakech-tour-wrapper .wiki-link:hover {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* Mobile Optimization - Exact same styling *\/\r\n        @media (max-width: 768px) {\r\n            #tangier-marrakech-tour-wrapper .container {\r\n                padding: 15px 12px 60px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .hero-section {\r\n                margin-bottom: 20px !important;\r\n                display: flex !important;\r\n                flex-direction: column !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .gallery-section {\r\n                order: 1 !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .hero-content {\r\n                padding: 20px 18px !important;\r\n                order: 2 !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .main-gallery {\r\n                height: 280px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .thumbnail-grid {\r\n                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .thumbnail {\r\n                min-height: 80px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .transfer-details {\r\n                display: grid !important;\r\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n                gap: 8px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .detail-pill {\r\n                width: 100% !important;\r\n                justify-content: center !important;\r\n                text-align: center !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .content-section {\r\n                padding: 20px 18px !important;\r\n                margin-bottom: 16px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .highlight-box {\r\n                padding: 14px 16px !important;\r\n                font-size: 0.95rem !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .info-cards {\r\n                flex-direction: column !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .info-card {\r\n                width: 100% !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .bullet-list.included {\r\n                display: grid !important;\r\n                grid-template-columns: 1fr !important;\r\n                gap: 12px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .bullet-list.included li {\r\n                background: #f9f9f9 !important;\r\n                padding: 14px !important;\r\n                border-radius: var(--radius-medium) !important;\r\n                border: 1px solid var(--border-color) !important;\r\n                margin-bottom: 0 !important;\r\n                align-items: flex-start !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .bullet-list.included li i {\r\n                margin-top: 2px !important;\r\n                font-size: 1rem !important;\r\n                min-width: 20px !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            #tangier-marrakech-tour-wrapper .container {\r\n                padding: 12px 10px 60px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .hero-content {\r\n                padding: 18px 16px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .main-gallery {\r\n                height: 240px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .thumbnail-grid {\r\n                grid-template-columns: repeat(4, 1fr) !important;\r\n                gap: 6px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .thumbnail {\r\n                min-height: 70px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .content-section {\r\n                padding: 18px 16px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .bullet-list.included li {\r\n                padding: 12px !important;\r\n                font-size: 0.95rem !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .hero-content h1 {\r\n                font-size: 24px !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .hero-description {\r\n                font-size: 1rem !important;\r\n            }\r\n            \r\n            #tangier-marrakech-tour-wrapper .transfer-details {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div id=\"tangier-marrakech-tour-wrapper\">\r\n        <div class=\"container\">\r\n            <!-- Hero Section -->\r\n            <header class=\"hero-section\">\r\n                <!-- Gallery with your provided images -->\r\n                <div class=\"gallery-section\">\r\n                    <div class=\"main-gallery\">\r\n                        <img decoding=\"async\"\r\n                            id=\"main-gallery-img\"\r\n                            src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Tangier-to-Marrakech-desert-tour-6-days.webp\"\r\n                            alt=\"6 Days Tangier to Marrakech Desert Tour - Complete Morocco Sahara Adventure\"\r\n                        \/>\r\n                        <div class=\"gallery-overlay\"><\/div>\r\n                        <div class=\"gallery-caption\">\r\n                            <i class=\"fa-solid fa-calendar-days\"><\/i> 6-Day Desert & Imperial Cities Adventure\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"thumbnail-grid\">\r\n                        <button\r\n                            class=\"thumbnail active\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Tangier-to-Marrakech-desert-tour-6-days.webp\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Tangier-to-Marrakech-desert-tour-6-days.webp\" alt=\"Tangier to Marrakech Desert Tour Morocco\" \/>\r\n                        <\/button>\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/6-days-desert-tour-from-Tangier-to-Marrakech.webp\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/6-days-desert-tour-from-Tangier-to-Marrakech.webp\" alt=\"Morocco Sahara Desert Adventure\" \/>\r\n                        <\/button>\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/5-days-desert-tour-from-Fes-to-Marrakech.webp\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/5-days-desert-tour-from-Fes-to-Marrakech.webp\" alt=\"Fes to Marrakech Desert Tour\" \/>\r\n                        <\/button>\r\n                        <button\r\n                            class=\"thumbnail\"\r\n                            data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/hc8daY0tKNgF8xh-Lglc.jpg\"\r\n                        >\r\n                            <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/hc8daY0tKNgF8xh-Lglc.jpg\" alt=\"Merzouga Sahara Desert Camel Trek\" \/>\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-cards\">\r\n                        <div class=\"info-card\">\r\n                            <div class=\"info-icon\"><i class=\"fa-solid fa-clock\"><\/i><\/div>\r\n                            <div class=\"info-text\">\r\n                                <span>Duration<\/span>\r\n                                <strong>6 Days \/ 5 Nights<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"info-card\">\r\n                            <div class=\"info-icon\"><i class=\"fa-solid fa-car\"><\/i><\/div>\r\n                            <div class=\"info-text\">\r\n                                <span>Activity Level<\/span>\r\n                                <strong>Adventure & Cultural<\/strong>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Hero Text -->\r\n                <div class=\"hero-content\">\r\n                    <div class=\"route-badge\">\r\n                        <i class=\"fa-solid fa-map-marked-alt\"><\/i>\r\n                        <span>6 Day Desert & Imperial Cities Tour<\/span>\r\n                    <\/div>\r\n                    <h1>6 Days Tangier to Marrakech Desert Tour \u2013 Complete Morocco Sahara Adventure<\/h1>\r\n                    <p class=\"hero-description\">\r\n                        Embark on an unforgettable <span class=\"keyword-highlight\">6-day desert tour from Tangier to Marrakech<\/span>, combining Morocco's imperial cities with the majestic Sahara Desert. Discover the enchanting blue city of <span class=\"keyword-highlight\">Chefchaouen<\/span>, explore the Roman ruins of <span class=\"keyword-highlight\">Volubilis<\/span>, visit the imperial city of <span class=\"keyword-highlight\">Meknes<\/span>, immerse yourself in the cultural heart of <span class=\"keyword-highlight\">Fes<\/span>, journey through the <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span>, experience the stunning <span class=\"keyword-highlight\">Ziz Valley<\/span>, enjoy a magical camel trek and overnight in the <span class=\"keyword-highlight\">Merzouga Sahara Desert<\/span>, explore the historic town of <span class=\"keyword-highlight\">Rissani<\/span>, marvel at the towering <span class=\"keyword-highlight\">Todra Gorge<\/span>, discover the beautiful <span class=\"keyword-highlight\">Dades Valley<\/span>, visit the film city of <span class=\"keyword-highlight\">Ouarzazate<\/span>, explore the UNESCO World Heritage site of <span class=\"keyword-highlight\">Ait Ben Haddou<\/span>, cross the majestic <span class=\"keyword-highlight\">High Atlas Mountains<\/span>, and conclude your journey in vibrant <span class=\"keyword-highlight\">Marrakech<\/span>. This tour offers the perfect blend of cultural discovery and desert adventure.\r\n                    <\/p>\r\n                    <div class=\"transfer-details\">\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-mountain\"><\/i> Chefchaouen Blue City<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-city\"><\/i> Fes Imperial City<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-camel\"><\/i> Sahara Desert Trek<\/div>\r\n                        <div class=\"detail-pill\"><i class=\"fa-solid fa-mountain-sun\"><\/i> Atlas Mountains<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/header>\r\n\r\n            <!-- Main Content -->\r\n            <main class=\"main-layout\">\r\n                <!-- Left Column -->\r\n                <article>\r\n                    <!-- Overview -->\r\n                    <section class=\"content-section\" id=\"description\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-circle-info\"><\/i>\r\n                            <div>\r\n                                <h2>6-Day Tangier to Marrakech Desert Tour Overview<\/h2>\r\n                                <small>Complete Adventure Through Imperial Cities & Sahara Desert<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"highlight-box\">\r\n                            <strong>This 6-day desert tour offers an unparalleled journey from <span class=\"keyword-highlight\">Tangier<\/span> to <span class=\"keyword-highlight\">Marrakech<\/span>, combining Morocco's most iconic imperial cities with the breathtaking Sahara Desert. Begin in the strategic port of <span class=\"keyword-highlight\">Tangier<\/span>, then travel to the magical blue city of <span class=\"keyword-highlight\">Chefchaouen<\/span> in the Rif Mountains. Explore the ancient Roman ruins of <span class=\"keyword-highlight\">Volubilis<\/span> and the imperial city of <span class=\"keyword-highlight\">Meknes<\/span>. Immerse yourself in the cultural and spiritual heart of Morocco in <span class=\"keyword-highlight\">Fes<\/span>. Journey through the <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span> und <span class=\"keyword-highlight\">Ziz Valley<\/span> to reach the golden dunes of <span class=\"keyword-highlight\">Merzouga<\/span> for a magical Sahara Desert experience with camel trek and overnight in a desert camp. Continue through the stunning <span class=\"keyword-highlight\">Todra Gorge<\/span> und <span class=\"keyword-highlight\">Dades Valley<\/span>, visit the film city of <span class=\"keyword-highlight\">Ouarzazate<\/span> and the UNESCO site of <span class=\"keyword-highlight\">Ait Ben Haddou<\/span>, cross the majestic <span class=\"keyword-highlight\">High Atlas Mountains<\/span>, and conclude in vibrant <span class=\"keyword-highlight\">Marrakech<\/span>.<\/strong><br \/> This comprehensive itinerary is designed for travelers who want to experience the full spectrum of Morocco's diversity, from imperial cities to desert landscapes and mountain scenery.\r\n                        <\/div>\r\n                        <p>\r\n                            The <span class=\"keyword-highlight\">6-day Tangier to Marrakech desert tour<\/span> covers approximately 1,500 kilometers through Morocco's most diverse landscapes. This carefully crafted itinerary balances travel time with immersive experiences in each destination, allowing you to appreciate the unique character of each region. You'll travel in comfortable air-conditioned 4x4 vehicles with an experienced driver\/guide who will provide historical context and cultural insights throughout your journey. Accommodations are carefully selected to reflect the local character of each destination, ranging from modern hotels to traditional riads and a memorable overnight in a Sahara Desert camp.\r\n                        <\/p>\r\n                        <p>\r\n                            This tour is perfect for adventure seekers, cultural travelers, and anyone interested in experiencing Morocco's dramatic contrasts. You'll experience the transition from northern Morocco's Mediterranean influence to the Sahara Desert's vast landscapes and the vibrant energy of Marrakech. For more information about Morocco's Sahara Desert, visit the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Sahara\" target=\"_blank\" rel=\"noopener\" class=\"wiki-link\">Wikipedia page on Sahara Desert<\/a>.\r\n                        <\/p>\r\n                    <\/section>\r\n\r\n                    <!-- Itinerary -->\r\n                    <section class=\"content-section\" id=\"itineraire\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-route\"><\/i>\r\n                            <div>\r\n                                <h2>6-Day Tangier to Marrakech Desert Tour Itinerary<\/h2>\r\n                                <small>Detailed day-by-day itinerary of your desert adventure through Morocco<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 1: Tangier \u21e2 Chefchaouen<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Tangier Departure & Scenic Drive<\/h3>\r\n                                <p>Meet your driver\/guide in <strong>Tangier<\/strong> and begin your journey south. Depart Tangier and travel through the scenic Rif Mountains towards the magical blue city of <strong>Chefchaouen<\/strong>. Enjoy the changing landscapes as you leave the coastal region and enter the mountainous interior. Stop for photos at scenic viewpoints overlooking the Rif Mountains. Learn about the region's history and culture from your guide during the journey.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Chefchaouen Blue City Exploration<\/h3>\r\n                                <p>Arrive in <strong>Chefchaouen<\/strong> in the afternoon and check into your hotel\/riad. Begin exploring the enchanting blue-washed streets of this picturesque mountain town. Wander through the medina's blue alleyways, discover small squares, artisan shops, and hidden corners. Visit the <strong>Kasbah Museum<\/strong> in the central Outa el Hammam square. Climb to the <strong>Spanish Mosque<\/strong> for panoramic views of the blue city against the mountain backdrop as the sun sets. Evening at leisure to enjoy the relaxed atmosphere and perhaps sample local cuisine.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 2: Chefchaouen \u21e2 Volubilis \u21e2 Meknes \u21e2 Fes<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Chefchaouen Morning & Journey South<\/h3>\r\n                                <p>After breakfast, enjoy some free time to explore more of <strong>Chefchaouen<\/strong> at your leisure. The morning light offers excellent photographic opportunities in the blue streets. You might choose to do some shopping for local handicrafts or simply enjoy the peaceful atmosphere. Depart Chefchaouen and travel south through agricultural landscapes towards the Roman ruins of Volubilis.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Volubilis Roman Ruins & Meknes Imperial City<\/h3>\r\n                                <p>Arrive at <strong>Volubilis<\/strong>, a UNESCO World Heritage site and the best-preserved Roman ruins in Morocco. Explore the ancient city with its impressive mosaics, triumphal arch, basilica, Capitol, and residential areas. Continue to the imperial city of <strong>Meknes<\/strong>. Visit the massive <strong>Bab Mansour gate<\/strong>, one of the finest gates in Morocco. Explore the <strong>Mausoleum of Moulay Ismail<\/strong>, who made Meknes his capital in the 17th century. See the <strong>Heri es-Souani<\/strong> (royal granaries and stables) and the <strong>Place el-Hedim<\/strong> square. Later, continue to <strong>Fes<\/strong> and check into your riad\/hotel. Evening at leisure.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 3: Guided Tour of Fes<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Fes Medina Cultural Exploration<\/h3>\r\n                                <p>After breakfast, meet your local guide for a full-day exploration of <strong>Fes el-Bali<\/strong>, the ancient medina and UNESCO World Heritage site. Visit the <strong>Royal Palace<\/strong> gates with their magnificent brass doors. Explore the <strong>Jewish Quarter (Mellah)<\/strong> and the <strong>Jewish Cemetery<\/strong>. Enjoy panoramic viewpoints overlooking the medina. Enter the medina through <strong>Bab Bou Jeloud<\/strong> (the Blue Gate) and begin your exploration of the labyrinthine streets. Visit the <strong>Al-Attarine Madrasa<\/strong>, a beautifully decorated Islamic school.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Medina Souks & Historical Sites<\/h3>\r\n                                <p>Continue your medina exploration, visiting the <strong>Kairaouine Mosque and University<\/strong>, founded in 859 AD and considered the oldest continuously operating university in the world. See the famous <strong>tanneries (Chouara Tannery)<\/strong> where leather is still processed using traditional methods. Visit the <strong>Nejjarine Museum of Wooden Arts and Crafts<\/strong> and the <strong>Nejjarine Fountain<\/strong>. Explore artisan workshops specializing in pottery, metalwork, and textiles. Evening at leisure to explore on your own or enjoy dinner at a traditional restaurant.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 4: Fes \u21e2 Ifrane \u21e2 Middle Atlas Mountains \u21e2 Ziz Valley \u21e2 Merzouga Desert<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Atlas Mountains & Ifrane<\/h3>\r\n                                <p>After breakfast, depart Fes and begin your journey towards the Sahara Desert. Travel through the <strong>Middle Atlas Mountains<\/strong>, passing through cedar forests and Berber villages. Stop in <strong>Ifrane<\/strong>, known as \"Little Switzerland\" for its European-style architecture and clean streets. Visit the <strong>Lion Stone<\/strong> monument. Continue through the mountains, possibly spotting Barbary macaque monkeys in the cedar forests. Enjoy scenic views as you ascend to higher altitudes.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Ziz Valley to Merzouga Desert Camp<\/h3>\r\n                                <p>Descend from the mountains into the pre-Saharan region. Pass through the town of Midelt, known for its mineral fossils. Continue through the dramatic <strong>Ziz Valley<\/strong> with its palm groves and gorges. Arrive at the edge of the Sahara Desert in <strong>Merzouga<\/strong> in the late afternoon. Transfer to a desert camp where you'll mount camels for a magical sunset trek into the Erg Chebbi dunes. Watch the sunset over the golden sands before arriving at your desert camp. Enjoy a traditional Berber dinner under the stars, with Berber music around a campfire. Overnight in comfortable desert tents with proper beds and facilities.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 5: Merzouga Desert \u21e2 Rissani \u21e2 Todra Gorge \u21e2 Dades Valley<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Desert Sunrise & Rissani Market<\/h3>\r\n                                <p>Wake up early to witness a breathtaking sunrise over the Sahara Desert dunes. Enjoy breakfast at the desert camp before camel trekking back to Merzouga village. After freshening up at a local hotel, depart Merzouga and visit <strong>Rissani<\/strong>, the former capital of the Alaouite dynasty and an important trading post. Explore the traditional market (souk) if it's market day (Tuesday, Thursday, or Sunday). Visit the <strong>Mausoleum of Moulay Ali Cherif<\/strong>, the founder of the Alaouite dynasty.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Todra Gorge & Dades Valley<\/h3>\r\n                                <p>Continue to the stunning <strong>Todra Gorge<\/strong>, where towering canyon walls rise up to 300 meters high on either side of the river. Take time to walk through the gorge, appreciating the scale and beauty of this natural wonder. Continue to the <strong>Dades Valley<\/strong>, known as the \"Valley of a Thousand Kasbahs\" for its numerous fortified earthen structures. Drive through the dramatic \"Monkey Fingers\" rock formations. Check into your hotel in the Dades Valley with views over the valley. Evening at leisure to enjoy the peaceful surroundings.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 6: Dades Valley \u21e2 Ouarzazate \u21e2 Ait Ben Haddou \u21e2 High Atlas Mountains \u21e2 Marrakech<\/h3>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Morning<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Rose Valley & Ouarzazate<\/h3>\r\n                                <p>After breakfast, depart the Dades Valley and travel through the <strong>Rose Valley<\/strong> (especially beautiful during the rose harvest season in May). Continue to <strong>Ouarzazate<\/strong>, known as the \"Hollywood of Morocco\" for its film studios and numerous film productions. Visit the <strong>Taourirt Kasbah<\/strong>, once one of the largest kasbahs in Morocco. Optionally visit the <strong>Atlas Film Studios<\/strong> to see sets from famous movies like \"Gladiator,\" \"Lawrence of Arabia,\" and \"Game of Thrones.\"<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"itinerary-step\">\r\n                            <div class=\"step-label\">Afternoon<\/div>\r\n                            <div class=\"step-content\">\r\n                                <h3>Ait Ben Haddou & Atlas Crossing to Marrakech<\/h3>\r\n                                <p>Continue to the UNESCO World Heritage site of <strong>Ait Ben Haddou<\/strong>, the most famous ksar (fortified village) in Morocco. Cross the river and explore this well-preserved earthen architecture, which has served as a backdrop for numerous films and TV series. After your visit, begin the crossing of the <strong>High Atlas Mountains<\/strong> via the Tizi n'Tichka Pass (2,260m), the highest mountain pass in Morocco. Enjoy spectacular mountain scenery, Berber villages, and changing landscapes. Descend to <strong>Marrakech<\/strong>, arriving in the late afternoon. Transfer to your riad\/hotel, marking the end of your 6-day desert adventure from Tangier to Marrakech.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Tour Highlights Section -->\r\n                    <section class=\"content-section\" id=\"highlights\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-star\"><\/i>\r\n                            <div>\r\n                                <h2>Tangier to Marrakech Desert Tour Highlights<\/h2>\r\n                                <small>Experience the best of Morocco's imperial cities and Sahara Desert<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"highlights-grid\">\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Chefchaouen Blue City<\/h4>\r\n                                    <p>Magical blue-washed streets in the Rif Mountains<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-chess-rook\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Volubilis Roman Ruins<\/h4>\r\n                                    <p>Best-preserved Roman archaeological site in Morocco<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-archway\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Meknes Imperial City<\/h4>\r\n                                    <p>Bab Mansour gate & Moulay Ismail Mausoleum<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-city\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Fes Medieval Medina<\/h4>\r\n                                    <p>UNESCO World Heritage site & world's oldest university<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-mountain\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Middle Atlas Mountains<\/h4>\r\n                                    <p>Cedar forests, Ifrane & scenic mountain landscapes<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-tree\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Ziz Valley Oasis<\/h4>\r\n                                    <p>Dramatic palm-filled valley in pre-Saharan region<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-camel\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Merzouga Sahara Desert<\/h4>\r\n                                    <p>Camel trek, desert camp & starry night in Erg Chebbi<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-store\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Rissani Traditional Market<\/h4>\r\n                                    <p>Historic trading town & Alaouite dynasty origins<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-mountain-sun\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Todra Gorge<\/h4>\r\n                                    <p>Towering 300m canyon walls & dramatic natural beauty<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-landmark\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Dades Valley Kasbahs<\/h4>\r\n                                    <p>\"Valley of a Thousand Kasbahs\" & Monkey Fingers formations<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-film\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Ouarzazate Film City<\/h4>\r\n                                    <p>\"Hollywood of Morocco\" & Atlas Film Studios<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-chess-rook\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Ait Ben Haddou Ksar<\/h4>\r\n                                    <p>UNESCO World Heritage fortified village & film location<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-route\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>High Atlas Mountains Crossing<\/h4>\r\n                                    <p>Tizi n'Tichka Pass (2,260m) & spectacular mountain scenery<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"highlight-item\">\r\n                                <div class=\"highlight-icon\"><i class=\"fa-solid fa-place-of-worship\"><\/i><\/div>\r\n                                <div class=\"highlight-text\">\r\n                                    <h4>Marrakech Arrival<\/h4>\r\n                                    <p>Vibrant red city & conclusion of desert adventure<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Includes \/ Excludes -->\r\n                    <section class=\"content-section\" id=\"inclus\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-clipboard-list\"><\/i>\r\n                            <div>\r\n                                <h2>What's Included \/ Not Included<\/h2>\r\n                                <small>Complete details for your 6-day Tangier to Marrakech desert tour package<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"two-column\">\r\n                            <div class=\"inclusion-column\">\r\n                                <div class=\"list-title\">\r\n                                    <i class=\"fa-solid fa-circle-check\"><\/i>\r\n                                    Price Includes\r\n                                <\/div>\r\n                                <ul class=\"bullet-list included\">\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Pick-up from Tangier (hotel\/port\/airport)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Private transportation with A\/C 4x4 vehicle throughout<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Professional English-speaking driver\/guide<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>5 nights accommodation in selected hotels\/riads<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Overnight in Sahara Desert camp with dinner & breakfast<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>All breakfasts during the tour<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Local guide in Fes for medina tour<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Camel trek in Merzouga Sahara Desert (one per person)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Entrance fees to Volubilis, Ait Ben Haddou, and major sites<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Hotel\/riad taxes and service charges<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-check\"><\/i> <div>Drop-off in Marrakech at your accommodation<\/div><\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n\r\n                            <div class=\"inclusion-column\">\r\n                                <div class=\"list-title\">\r\n                                    <i class=\"fa-solid fa-circle-xmark\" style=\"color:#dc2626\"><\/i>\r\n                                    Price Excludes\r\n                                <\/div>\r\n                                <ul class=\"bullet-list excluded\">\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>International flights to\/from Morocco<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Lunches and dinners (except desert camp)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Travel insurance (highly recommended)<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Tips for guides, drivers, camel handlers, and hotel staff<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Personal expenses and souvenirs<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Optional activities not mentioned in itinerary<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Visa fees if applicable to your nationality<\/div><\/li>\r\n                                    <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Atlas Film Studios entrance fee (optional visit)<\/div><\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- Practical Details -->\r\n                    <section class=\"content-section\" id=\"details\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-list-ul\"><\/i>\r\n                            <div>\r\n                                <h2>Practical Details<\/h2>\r\n                                <small>Important information for your 6-day Tangier to Marrakech desert tour<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"feature-grid\">\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-clock\"><\/i>\r\n                                <div>\r\n                                    <strong>Total Duration<\/strong>\r\n                                    6 Days \/ 5 Nights\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-car\"><\/i>\r\n                                <div>\r\n                                    <strong>Transport<\/strong>\r\n                                    Private A\/C 4x4 Vehicle\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-user-friends\"><\/i>\r\n                                <div>\r\n                                    <strong>Group Size<\/strong>\r\n                                    Private Tour (2-6 travelers)\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-temperature-three-quarters\"><\/i>\r\n                                <div>\r\n                                    <strong>Best Season<\/strong>\r\n                                    Year-round (spring & autumn ideal)\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-hotel\"><\/i>\r\n                                <div>\r\n                                    <strong>Unterkunft<\/strong>\r\n                                    Hotels\/Riads + Desert Camp\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-utensils\"><\/i>\r\n                                <div>\r\n                                    <strong>Meals Included<\/strong>\r\n                                    Breakfasts + Desert Camp Dinner\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-road\"><\/i>\r\n                                <div>\r\n                                    <strong>Total Distance<\/strong>\r\n                                    Approximately 1,500 km\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-suitcase\"><\/i>\r\n                                <div>\r\n                                    <strong>Luggage<\/strong>\r\n                                    Standard luggage + small desert bag\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-child\"><\/i>\r\n                                <div>\r\n                                    <strong>Age Suitability<\/strong>\r\n                                    All ages (reasonable fitness needed)\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-card\">\r\n                                <i class=\"fa-solid fa-map\"><\/i>\r\n                                <div>\r\n                                    <strong>Destinations Covered<\/strong>\r\n                                    7+ Cities, Desert & Mountain Regions\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n\r\n                    <!-- FAQ -->\r\n                    <section class=\"content-section\" id=\"faq\">\r\n                        <div class=\"section-header\">\r\n                            <i class=\"fa-solid fa-circle-question\"><\/i>\r\n                            <div>\r\n                                <h2>Frequently Asked Questions<\/h2>\r\n                                <small>About our 6-day Tangier to Marrakech desert tour<\/small>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"faq\">\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>What is the accommodation standard, especially in the desert camp?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        Accommodations include carefully selected <strong>3-4 star equivalent hotels and traditional riads<\/strong> in cities like Chefchaouen, Fes, and Dades Valley. The <strong>Sahara Desert camp<\/strong> offers comfortable tents with proper beds, bedding, and basic en-suite facilities (toilet and shower in most camps). The desert camp provides an authentic but comfortable experience with electricity (often solar-powered), dining area, and campfire. All city accommodations include private bathrooms and air conditioning\/heating. Upgrades to luxury desert camps or higher category hotels are available upon request for an additional cost.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>How strenuous is the camel trek and desert experience?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        The <strong>camel trek in Merzouga<\/strong> is designed to be accessible to most travelers. The trek to the desert camp typically takes about 1-1.5 hours at a gentle pace during sunset. Camels walk slowly and are led by experienced handlers. If you have mobility issues or prefer not to ride a camel, alternative transportation to the desert camp (4x4 vehicle) can be arranged. The desert camp itself involves walking on sandy terrain. The tour overall involves moderate travel days with several hours of driving through varied landscapes. Comfortable clothing and footwear are recommended for both the camel trek and general touring.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>What should I pack for this diverse 6-day tour?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        Essential packing includes: <strong>comfortable walking shoes<\/strong> und <strong>sandals<\/strong>, <strong>layered clothing<\/strong> (temperatures vary greatly from mountains to desert), <strong>warm jacket<\/strong> for desert nights (can be cold), <strong>lightweight scarf or shawl<\/strong> (for sun protection and modesty), <strong>sun protection<\/strong> (hat, sunglasses, high SPF sunscreen), <strong>camera with extra batteries\/memory cards<\/strong>, <strong>power bank<\/strong> (limited charging in desert), <strong>small backpack<\/strong> for daily essentials, <strong>headlamp or flashlight<\/strong> for desert camp, <strong>personal toiletries and medications<\/strong>, <strong>swimwear<\/strong> (some hotels have pools), and <strong>copy of passport and travel documents<\/strong>. For the desert, pack a small overnight bag as main luggage stays in the vehicle.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>Can this itinerary be customized or extended?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        <strong>Yes, this tour can be customized<\/strong> in several ways. Popular customizations include: adding extra nights in specific locations (particularly Fes or Marrakech), extending the desert experience with additional nights in Merzouga, adding coastal stops (Essaouira), including more mountain hiking, or adjusting the pace for a more leisurely experience. The tour can also be extended to 7-10 days for a more comprehensive experience. Since this is a private tour, we can work with you to create an itinerary that matches your interests, pace, and budget. Common starting points other than Tangier (like Casablanca or Rabat) can also be arranged.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"faq-item\">\r\n                                <div class=\"faq-question\">\r\n                                    <span>What is the best time of year for this desert tour?<\/span>\r\n                                    <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n                                <\/div>\r\n                                <div class=\"faq-answer\">\r\n                                    <p>\r\n                                        This tour operates <strong>year-round<\/strong>, but the <strong>best seasons are spring (March-May) and autumn (September-November)<\/strong> when temperatures are mild throughout. Spring offers beautiful wildflowers and comfortable desert temperatures. Autumn provides pleasant weather after the summer heat. Summer (June-August) can be extremely hot in the desert (often above 40\u00b0C\/104\u00b0F), though evenings are pleasant. Winter (December-February) offers cool days but very cold desert nights (can drop below freezing). The desert is beautiful year-round, but temperature extremes should be considered. The Rose Valley is especially spectacular during the rose harvest in May.\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/section>\r\n                <\/article>\r\n\r\n                <!-- Sidebar - Booking Form -->\r\n                <aside class=\"sidebar\">\r\n                    <section class=\"booking-form\" id=\"booking-form-section\">\r\n                        <h3>Book This 6-Day Tangier to Marrakech Desert Tour<\/h3>\r\n                        <p>Complete the form below to get a quote for your comprehensive desert adventure from Tangier to Marrakech through imperial cities and Sahara.<\/p>\r\n                        <form id=\"desktop-form\" novalidate action=\"\">\r\n                            <!-- First row: Full Name and Email Address -->\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-fullname\">Full Name<\/label>\r\n                                    <input type=\"text\" id=\"d-fullname\" class=\"form-input\" placeholder=\"Your full name\" \/>\r\n                                    <div class=\"error-message\" id=\"d-fullname-error\">Please enter your name.<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-email\">Email Address<\/label>\r\n                                    <input type=\"email\" id=\"d-email\" class=\"form-input\" placeholder=\"Your email address\" \/>\r\n                                    <div class=\"error-message\" id=\"d-email-error\">Please enter a valid email.<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Second row: Phone Number and Number of Travelers -->\r\n                            <div class=\"form-row\">\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-phone\">Phone Number<\/label>\r\n                                    <input type=\"tel\" id=\"d-phone\" class=\"form-input\" placeholder=\"Your phone number\" \/>\r\n                                    <div class=\"error-message\" id=\"d-phone-error\">Invalid number (min. 10 digits).<\/div>\r\n                                <\/div>\r\n                                <div class=\"form-group\">\r\n                                    <label for=\"d-people\">Number of Travelers<\/label>\r\n                                    <input type=\"number\" id=\"d-people\" class=\"form-input\" min=\"1\" max=\"8\" value=\"2\" \/>\r\n                                    <div class=\"error-message\" id=\"d-people-error\">Please enter travelers (1\u20138).<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Third row: Tour Start Date (full width) -->\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-date\">Tour Start Date<\/label>\r\n                                <input type=\"date\" id=\"d-date\" class=\"form-input\" style=\"width: 100%;\" \/>\r\n                                <div class=\"error-message\" id=\"d-date-error\">Please choose a date.<\/div>\r\n                            <\/div>\r\n                            \r\n                            <!-- Fourth row: Special Requests & Questions -->\r\n                            <div class=\"form-group\">\r\n                                <label for=\"d-message\">Special Requests & Questions<\/label>\r\n                                <textarea id=\"d-message\" rows=\"4\" class=\"form-input\" placeholder=\"Pick-up location in Tangier (hotel\/port\/airport), accommodation preferences, desert camp type (standard\/luxury), specific interests, dietary requirements, mobility considerations, extension requests, etc.\"><\/textarea>\r\n                            <\/div>\r\n                            \r\n                            <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n                                <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                                Request a Quote\r\n                            <\/button>\r\n                            <div class=\"form-note\">\r\n                                We'll contact you within 24 hours with a customized desert tour quote and detailed itinerary.\r\n                            <\/div>\r\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n                    <\/section>\r\n                <\/aside>\r\n            <\/main>\r\n        <\/div>\r\n\r\n        <!-- Thank You Overlay -->\r\n        <div class=\"thankyou-overlay\" id=\"thankyou\">\r\n            <div class=\"thankyou-card\">\r\n                <button class=\"thankyou-close\" id=\"ty-close\">\r\n                    <i class=\"fa-solid fa-xmark\"><\/i>\r\n                <\/button>\r\n\r\n                <div class=\"thankyou-icon\">\r\n                    <div class=\"circle\">\r\n                        <i class=\"fa-solid fa-check\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <h3 class=\"thankyou-title\">Desert Tour Quote Requested<\/h3>\r\n                <p class=\"thankyou-text\">\r\n                    Thank you for your interest in our 6-day Tangier to Marrakech desert tour.\r\n                <\/p>\r\n                <p class=\"thankyou-subtext\">\r\n                    A Morocco adventure specialist will review your request and send you a detailed quote and itinerary by email within 24 hours (working days).\r\n                <\/p>\r\n\r\n                <div class=\"thankyou-actions\">\r\n                    <button id=\"ty-ok\">\r\n                        <i class=\"fa-solid fa-check\"><\/i>\r\n                        Back to website\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Toast -->\r\n        <div class=\"toast\" id=\"toast\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- EmailJS SDK v4 -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n    <script>\r\n        \/\/ === EMAILJS CONFIG ===\r\n        const EMAILJS_PUBLIC_KEY   = '1eurDR9BoKUswr-Rj';\r\n        const EMAILJS_SERVICE_ID   = 'service_cwcsvc7';\r\n        const EMAILJS_TEMPLATE_ID  = 'template_i0hq02b';\r\n\r\n        \/\/ Init EmailJS\r\n        (function () {\r\n            try {\r\n                if (window.emailjs) {\r\n                    emailjs.init({ publicKey: EMAILJS_PUBLIC_KEY });\r\n                } else {\r\n                    console.warn('EmailJS SDK not loaded');\r\n                }\r\n            } catch (e) {\r\n                console.error('EmailJS init error:', e);\r\n            }\r\n        })();\r\n\r\n        \/\/ Gallery\r\n        const mainGalleryImg = document.getElementById('main-gallery-img');\r\n        const thumbnails = document.querySelectorAll('#tangier-marrakech-tour-wrapper .thumbnail');\r\n        \r\n        thumbnails.forEach(thumb => {\r\n            thumb.addEventListener('click', () => {\r\n                const src = thumb.getAttribute('data-src');\r\n                if (src) mainGalleryImg.src = src;\r\n                thumbnails.forEach(t => t.classList.remove('active'));\r\n                thumb.classList.add('active');\r\n            });\r\n        });\r\n\r\n        \/\/ FAQ accordion\r\n        document.querySelectorAll('#tangier-marrakech-tour-wrapper .faq-item').forEach(item => {\r\n            const question = item.querySelector('.faq-question');\r\n            question.addEventListener('click', () => {\r\n                const isOpen = item.classList.contains('open');\r\n                document.querySelectorAll('#tangier-marrakech-tour-wrapper .faq-item').forEach(i => i.classList.remove('open'));\r\n                if (!isOpen) item.classList.add('open');\r\n            });\r\n        });\r\n\r\n        \/\/ Toast\r\n        function showToast(message, type = 'success') {\r\n            const toast = document.getElementById('toast');\r\n            toast.textContent = message;\r\n            toast.className = 'toast show ' + type;\r\n            setTimeout(() => {\r\n                toast.classList.remove('show');\r\n            }, 4000);\r\n        }\r\n\r\n        \/\/ Validation helpers\r\n        function validateEmail(email) {\r\n            const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n            return emailRegex.test(email);\r\n        }\r\n\r\n        function validatePhone(phone) {\r\n            const cleanPhone = phone.replace(\/\\D\/g, '');\r\n            return cleanPhone.length >= 10;\r\n        }\r\n\r\n        function showError(inputId, errorId, message) {\r\n            document.getElementById(inputId).classList.add('error');\r\n            document.getElementById(errorId).textContent = message;\r\n            document.getElementById(errorId).style.display = 'block';\r\n        }\r\n\r\n        function hideError(inputId, errorId) {\r\n            document.getElementById(inputId).classList.remove('error');\r\n            document.getElementById(errorId).style.display = 'none';\r\n        }\r\n\r\n        function validateForm() {\r\n            let isValid = true;\r\n            const prefix = 'd-';\r\n\r\n            const email = document.getElementById(`${prefix}email`).value.trim();\r\n            if (!validateEmail(email)) {\r\n                showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address');\r\n                isValid = false;\r\n            } else {\r\n                hideError(`${prefix}email`, `${prefix}email-error`);\r\n            }\r\n\r\n            const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n            if (!validatePhone(phone)) {\r\n                showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number (min. 10 digits)');\r\n                isValid = false;\r\n            } else {\r\n                hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n            }\r\n\r\n            const requiredFields = [\r\n                { id: `${prefix}fullname`, errorId: `${prefix}fullname-error`, message: 'Please enter your name' },\r\n                { id: `${prefix}date`, errorId: `${prefix}date-error`, message: 'Please choose start date' },\r\n                { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of travelers' }\r\n            ];\r\n\r\n            requiredFields.forEach(field => {\r\n                const value = document.getElementById(field.id).value.trim();\r\n                if (!value) {\r\n                    showError(field.id, field.errorId, field.message);\r\n                    isValid = false;\r\n                } else {\r\n                    hideError(field.id, field.errorId);\r\n                }\r\n            });\r\n\r\n            return isValid;\r\n        }\r\n\r\n        \/\/ EmailJS send\r\n        async function sendEmailJS() {\r\n            const prefix = 'd-';\r\n            const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n            const formData = {\r\n                full_name:        document.getElementById(`${prefix}fullname`).value,\r\n                email:            document.getElementById(`${prefix}email`).value,\r\n                phone:            document.getElementById(`${prefix}phone`).value,\r\n                start_date:       document.getElementById(`${prefix}date`).value,\r\n                participants:     pax,\r\n                special_requests: document.getElementById(`${prefix}message`).value,\r\n                tour_name:        '6 Days Tangier to Marrakech Desert Tour - Complete Morocco Sahara Adventure',\r\n                total_price:      'Price on Call - Custom Quote'\r\n            };\r\n\r\n            return emailjs.send(\r\n                EMAILJS_SERVICE_ID,\r\n                EMAILJS_TEMPLATE_ID,\r\n                formData\r\n            );\r\n        }\r\n\r\n        \/\/ Thank You overlay\r\n        const TY = document.getElementById('thankyou');\r\n        const TY_CLOSE = document.getElementById('ty-close');\r\n        const TY_OK = document.getElementById('ty-ok');\r\n\r\n        function showThankYou() {\r\n            if (TY) {\r\n                TY.style.display = 'flex';\r\n                document.body.style.overflow = 'hidden';\r\n            }\r\n        }\r\n\r\n        function hideThankYou() {\r\n            if (TY) {\r\n                TY.style.display = 'none';\r\n                document.body.style.overflow = '';\r\n            }\r\n        }\r\n\r\n        if (TY_CLOSE) {\r\n            TY_CLOSE.addEventListener('click', hideThankYou);\r\n        }\r\n\r\n        if (TY_OK) {\r\n            TY_OK.addEventListener('click', hideThankYou);\r\n        }\r\n\r\n        if (TY) {\r\n            TY.addEventListener('click', (e) => {\r\n                if (e.target === TY) {\r\n                    hideThankYou();\r\n                }\r\n            });\r\n        }\r\n\r\n        document.addEventListener('keydown', (e) => {\r\n            if (e.key === 'Escape' && TY && TY.style.display !== 'none') {\r\n                hideThankYou();\r\n            }\r\n        });\r\n\r\n        \/\/ Desktop form submit\r\n        const desktopForm = document.getElementById('desktop-form');\r\n        const desktopSubmitBtn = document.getElementById('d-submit');\r\n        \r\n        if (desktopForm) {\r\n            desktopForm.addEventListener('submit', async (e) => {\r\n                e.preventDefault();\r\n                \r\n                if (!validateForm()) {\r\n                    showToast('Please correct the errors in the form', 'error');\r\n                    return;\r\n                }\r\n                \r\n                desktopSubmitBtn.disabled = true;\r\n                desktopSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n                \r\n                try {\r\n                    const result = await sendEmailJS();\r\n                    console.log('EmailJS SUCCESS:', result);\r\n                    showThankYou();\r\n                    desktopForm.reset();\r\n                    showToast('Your desert tour quote request has been submitted successfully!', 'success');\r\n                } catch (err) { \r\n                    console.error('EmailJS Error:', err);\r\n                    showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n                } finally {\r\n                    desktopSubmitBtn.disabled = false;\r\n                    desktopSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Request a Quote';\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Set min dates\r\n        (function() {\r\n            const d = new Date();\r\n            const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\r\n            \r\n            const startDateEl = document.getElementById('d-date');\r\n            \r\n            if (startDateEl) {\r\n                startDateEl.min = min;\r\n            }\r\n        })();\r\n\r\n        \/\/ Real-time validation\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const emailInput = document.getElementById('d-email');\r\n            const phoneInput = document.getElementById('d-phone');\r\n            if (emailInput) {\r\n                emailInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validateEmail(this.value.trim())) {\r\n                        showError('d-email', 'd-email-error', 'Please enter a valid email address');\r\n                    } else {\r\n                        hideError('d-email', 'd-email-error');\r\n                    }\r\n                });\r\n            }\r\n            if (phoneInput) {\r\n                phoneInput.addEventListener('blur', function() {\r\n                    if (this.value.trim() && !validatePhone(this.value.trim())) {\r\n                        showError('d-phone', 'd-phone-error', 'Please enter a valid phone number (min. 10 digits)');\r\n                    } else {\r\n                        hideError('d-phone', 'd-phone-error');\r\n                    }\r\n                });\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>6 Days Tangier to Marrakech Desert Tour | Morocco Sahara Adventure &#8230; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-324","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages\/324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/comments?post=324"}],"version-history":[{"count":4,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages\/324\/revisions"}],"predecessor-version":[{"id":328,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages\/324\/revisions\/328"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/media?parent=324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}