{"id":329,"date":"2025-12-05T18:52:59","date_gmt":"2025-12-05T18:52:59","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=329"},"modified":"2025-12-05T18:53:15","modified_gmt":"2025-12-05T18:53:15","slug":"5-days-tour-from-tangier-to-marrakech","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/de\/5-days-tour-from-tangier-to-marrakech\/","title":{"rendered":"5 Days Tour from Tangier to Marrakech"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 5 Days Tour from Tangier to Marrakech | Morocco Desert Adventure<\/title>\r\n <meta name=\"description\" content=\"Book a 5-day tour from Tangier to Marrakech. Explore Chefchaouen, Fes, Middle Atlas, Merzouga Desert, Todra Gorge, Dades Valley, Ait Ben Haddou, and Marrakech on this comprehensive Morocco adventure.\">\r\n <meta name=\"keywords\" content=\"5 days tour from Tangier to Marrakech, Tangier to Marrakech desert tour, Chefchaouen blue city, Fes Morocco, Merzouga desert tour, Todra Gorge, Dades Valley, Ait Ben Haddou, Sahara desert Morocco, Morocco 5-day itinerary\">\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 *\/\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 *\/\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 *\/\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 *\/\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 *\/\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 *\/\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 *\/\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 *\/\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 *\/\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 *\/\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 *\/\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 *\/\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 *\/\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-tour.webp\"\r\n alt=\"5 Days Tour from Tangier to Marrakech - Morocco Desert 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> 5-Day Desert 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-tour.webp\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Tangier-to-Marrakech-tour.webp\" alt=\"Tangier 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\/5-days-from-Tangier.webp\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/5-days-from-Tangier.webp\" alt=\"5 days tour from Tangier Morocco\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/5-days-tour-from-Tangier.webp\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/5-days-tour-from-Tangier.webp\" alt=\"Morocco desert tour from Tangier\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/5e-1.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/5e-1.jpg\" alt=\"Sahara desert Morocco tour\" \/>\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>5 Days \/ 4 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>5 Day Tangier to Marrakech Tour<\/span>\r\n <\/div>\r\n <h1>5 Days Tour from Tangier to Marrakech \u2013 Complete Morocco Desert Adventure<\/h1>\r\n <p class=\"hero-description\">\r\n Embark on an unforgettable <span class=\"keyword-highlight\">5-day tour from Tangier to Marrakech<\/span>, exploring Morocco's diverse landscapes from the blue city of <span class=\"keyword-highlight\">Chefchaouen<\/span> to the imperial city of <span class=\"keyword-highlight\">Fes<\/span>, through the <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span> und <span class=\"keyword-highlight\">Ziz Valley<\/span> to the golden dunes of <span class=\"keyword-highlight\">Merzouga Desert<\/span>. Continue through <span class=\"keyword-highlight\">Rissani<\/span>, the stunning <span class=\"keyword-highlight\">Todra Gorge<\/span>, <span class=\"keyword-highlight\">Dades Valley<\/span>, and the cinematic landscapes around <span class=\"keyword-highlight\">Ouarzazate<\/span> und <span class=\"keyword-highlight\">Ait Ben Haddou<\/span>, before crossing the <span class=\"keyword-highlight\">High Atlas Mountains<\/span> to arrive in vibrant <span class=\"keyword-highlight\">Marrakech<\/span>. This tour offers a 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-palette\"><\/i> Chefchaouen Blue City<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-city\"><\/i> Fes Medina<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-mountain\"><\/i> W\u00fcste Sahara<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-archway\"><\/i> Ait Ben Haddou<\/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>5-Day Tangier to Marrakech Tour Overview<\/h2>\r\n <small>Comprehensive Journey from Northern Morocco to the Sahara Desert<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>This <span class=\"keyword-highlight\">5-day tour from Tangier to Marrakech<\/span> is a spectacular journey through Morocco's most iconic landscapes. Starting in the cosmopolitan port city of <span class=\"keyword-highlight\">Tangier<\/span>, you'll travel to the enchanting blue city of <span class=\"keyword-highlight\">Chefchaouen<\/span> in the Rif Mountains. Continue to the imperial city of <span class=\"keyword-highlight\">Fes<\/span>, with its UNESCO-listed medieval medina. Journey south through the <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span>, passing through <span class=\"keyword-highlight\">Ifrane<\/span> (known as \"Little Switzerland\") and the stunning <span class=\"keyword-highlight\">Ziz Valley<\/span> to reach the golden dunes of the <span class=\"keyword-highlight\">Merzouga Sahara Desert<\/span>. Experience a magical night in a desert camp, then travel through <span class=\"keyword-highlight\">Rissani<\/span>, the dramatic <span class=\"keyword-highlight\">Todra Gorge<\/span>, and the picturesque <span class=\"keyword-highlight\">Dades Valley<\/span>. Visit the film capital <span class=\"keyword-highlight\">Ouarzazate<\/span> and the UNESCO World Heritage site of <span class=\"keyword-highlight\">Ait Ben Haddou<\/span> before crossing the <span class=\"keyword-highlight\">High Atlas Mountains<\/span> to arrive in vibrant <span class=\"keyword-highlight\">Marrakech<\/span>.<\/strong><br \/> This carefully crafted itinerary offers the perfect balance of cultural immersion, natural wonders, and desert adventure, showcasing the incredible diversity of Morocco in just 5 days.\r\n <\/div>\r\n <p>\r\n The <span class=\"keyword-highlight\">5-day tour from Tangier to Marrakech<\/span> covers approximately 1,400 kilometers through Morocco's most breathtaking regions. This expertly designed itinerary maximizes your experience while maintaining comfortable travel times between destinations. You'll travel in a private air-conditioned vehicle with an experienced driver\/guide who will provide cultural insights and historical context throughout your journey. Accommodations are carefully selected to enhance your experience, ranging from comfortable hotels to a memorable night in a traditional desert camp under the stars.\r\n <\/p>\r\n <p>\r\n This tour is ideal for adventurous travelers seeking to experience Morocco's diverse landscapes and rich culture in a compact timeframe. From the blue-washed streets of Chefchaouen to the golden dunes of the Sahara, from ancient medinas to Hollywood film sets, this journey showcases the very best of Morocco. For more information about Morocco's diverse regions, visit the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Tourism_in_Morocco\" target=\"_blank\" rel=\"noopener\" class=\"wiki-link\">Wikipedia page on Tourism in Morocco<\/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>5-Day Tangier to Marrakech 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 & Rif Mountains<\/h3>\r\n <p>Meet your driver\/guide in <strong>Tangier<\/strong> at your accommodation or the port\/airport. Begin your journey south towards the <strong>Rif Mountains<\/strong>. Enjoy scenic views as you travel through the mountainous landscape. The drive takes approximately 3 hours to reach your destination. Along the way, you'll see traditional Berber villages and agricultural landscapes characteristic of northern Morocco.<\/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 Exploration<\/h3>\r\n <p>Arrive in the enchanting blue city of <strong>Chefchaouen<\/strong> in the early afternoon. Check into your hotel or riad, then begin exploring this magical town at your leisure. Wander through the picturesque blue-washed streets of the medina, discovering hidden corners, small squares, and artisan shops. Visit the <strong>Kasbah Museum<\/strong> in the central square (Outa el Hammam), climb to the <strong>Spanish Mosque<\/strong> for panoramic views of the blue city against the mountain backdrop, or simply enjoy the relaxed atmosphere of this unique mountain town. Chefchaouen is particularly photogenic in the afternoon light.<\/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 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 & Departure<\/h3>\r\n <p>Enjoy a leisurely morning in <strong>Chefchaouen<\/strong>. You might choose to explore more of the blue medina, do some shopping for local handicrafts (the town is known for its wool garments and woven blankets), or simply enjoy breakfast with a view. After check-out, begin your journey to <strong>Fes<\/strong>, traveling through the scenic Rif Mountains and towards the plains that lead to Morocco's spiritual and cultural capital.<\/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>Arrival in Fes<\/h3>\r\n <p>Arrive in <strong>Fes<\/strong> in the afternoon and check into your accommodation, typically a traditional riad in or near the medina. Depending on your arrival time, you may have the opportunity for an initial orientation walk in the vicinity of your accommodation. Evening at leisure to relax after your journey or take an initial stroll around your neighborhood. Fes offers numerous dining options, from traditional Moroccan restaurants to international 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 3: 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>Fes to Middle Atlas Mountains<\/h3>\r\n <p>After an early breakfast, depart <strong>Fes<\/strong> and begin your journey south towards the Sahara Desert. Travel through the <strong>Middle Atlas Mountains<\/strong>, stopping in <strong>Ifrane<\/strong>, known as \"Little Switzerland\" for its alpine-style architecture and cooler climate. Visit the <strong>Cedre Gouraud Forest<\/strong> to see the ancient cedar trees and possibly spot Barbary macaques (wild monkeys). Continue through the mountain towns of Azrou and Midelt, with scenic views of the Atlas Mountains.<\/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<\/h3>\r\n <p>Descend from the mountains into the <strong>Ziz Valley<\/strong>, a spectacular oasis with millions of palm trees. Stop for lunch in Errachidia or a local village. Continue through the changing landscape as you approach the Sahara Desert. Arrive at the edge of the <strong>Merzouga dunes<\/strong> in the late afternoon. Here, you'll transfer from your vehicle to camels for a magical ride into the dunes to watch the sunset. After sunset, continue to your desert camp located among the dunes.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">Evening<\/div>\r\n <div class=\"step-content\">\r\n <h3>Sahara Desert Camp Experience<\/h3>\r\n <p>Arrive at your traditional Berber desert camp as the stars begin to appear. Settle into your private tent equipped with comfortable beds and basic amenities. Enjoy a traditional Moroccan dinner under the stars, often accompanied by Berber music around a campfire. Experience the profound silence and incredible starry sky of the Sahara Desert. This is a truly magical experience that many consider the highlight of their Moroccan journey.<\/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: 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 & Journey to Rissani<\/h3>\r\n <p>Wake up early to witness a spectacular sunrise over the Sahara dunes (optional but highly recommended). After breakfast at the camp, camel ride back to the edge of the dunes where your vehicle awaits. Travel to <strong>Rissani<\/strong>, the traditional capital of the Tafilalet region and the birthplace of the Alaouite dynasty, the current ruling family of Morocco. Visit the lively traditional market (souk) if it's market day (Tuesday, Thursday, or Sunday).<\/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 to Dades Valley<\/h3>\r\n <p>Continue to the spectacular <strong>Todra Gorge<\/strong>, where the river has carved a 300-meter deep canyon through the mountains. Walk along the river at the base of the cliffs, admiring the dramatic rock formations. After lunch in the area, travel through the <strong>Dades Valley<\/strong>, known as the \"Valley of a Thousand Kasbahs\" for its numerous fortified earthen buildings. Stop at viewpoint to see the remarkable \"monkey fingers\" rock formations. Arrive at your accommodation in the Dades Valley for overnight.<\/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: 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>Dades Valley to Ouarzazate<\/h3>\r\n <p>After breakfast, continue your journey through the Dades Valley, stopping at viewpoints to admire the dramatic landscapes. Travel along the \"Road of a Thousand Kasbahs\" to <strong>Ouarzazate<\/strong>, known as the \"Hollywood of Africa\" for its film studios and numerous movie productions. Visit the <strong>Taourirt Kasbah<\/strong>, once one of the largest kasbahs in Morocco, and optionally visit the <strong>Atlas Film Studios<\/strong> where many famous movies were filmed.<\/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 & High Atlas Crossing<\/h3>\r\n <p>Continue to the UNESCO World Heritage site of <strong>Ait Ben Haddou<\/strong>, the most famous kasbah in Morocco and a backdrop for numerous films including \"Gladiator,\" \"Lawrence of Arabia,\" and \"Game of Thrones.\" Walk through the ancient fortified village and learn about its history. After lunch, begin your ascent through the <strong>High Atlas Mountains<\/strong> via the Tizi n'Tichka Pass (2,260 meters), the highest mountain pass in Morocco. Enjoy spectacular views of the mountains and Berber villages along the way.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">Evening<\/div>\r\n <div class=\"step-content\">\r\n <h3>Arrival in Marrakech<\/h3>\r\n <p>Descend from the High Atlas Mountains to arrive in <strong>Marrakech<\/strong> in the late afternoon or early evening. Check into your accommodation, typically a riad in or near the medina. Your 5-day tour from Tangier to Marrakech concludes here. You'll be dropped off at your Marrakech accommodation. If you wish to explore Marrakech, your driver\/guide can provide recommendations for dining and sightseeing. Evening free to experience the famous <strong>Djemaa el-Fna square<\/strong> as it comes alive with food stalls, storytellers, musicians, and entertainers.<\/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 Tour Highlights<\/h2>\r\n <small>Experience the best of Morocco's diverse landscapes and cultural heritage<\/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-city\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Fes Imperial City<\/h4>\r\n <p>UNESCO World Heritage medieval medina<\/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>Scenic landscapes & cedar forests<\/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>Spectacular palm-filled valley<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-sun\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Merzouga Sahara Desert<\/h4>\r\n <p>Golden dunes & overnight desert camp<\/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>Authentic souk experience<\/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>Dramatic 300-meter deep canyon<\/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>Dades Valley<\/h4>\r\n <p>\"Valley of a Thousand Kasbahs\"<\/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 & Ait Ben Haddou<\/h4>\r\n <p>Hollywood of Africa & UNESCO site<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-mountains\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>High Atlas Mountains<\/h4>\r\n <p>Tizi n'Tichka Pass scenic drive<\/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>Camel Trek & Desert Camp<\/h4>\r\n <p>Traditional Sahara desert experience<\/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>Complete Morocco Experience<\/h4>\r\n <p>From mountains to desert in 5 days<\/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 5-day Tangier to Marrakech 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 accommodation\/port\/airport<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Private transportation with A\/C 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>4 nights accommodation (hotels & desert camp)<\/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>1 dinner at the desert camp (Day 3)<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Camel trek in Merzouga desert (one per person)<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Overnight in traditional Berber desert camp<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Hotel\/desert camp taxes and service charges<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Drop-off at Marrakech 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 most dinners (except specified)<\/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, and camp 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>Entrance fees to museums & historical sites<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Visa fees if applicable to your nationality<\/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 5-day Tangier to Marrakech 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 5 Days \/ 4 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 (avoid July-August heat)\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 & Desert Camp (varies)\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 + 1 Desert 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,400 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 + daypack\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 (moderate fitness)\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 8 Major Regions & Landscapes\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-temperature-high\"><\/i>\r\n <div>\r\n <strong>Desert Conditions<\/strong>\r\n Hot days, cool nights\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-camera\"><\/i>\r\n <div>\r\n <strong>Photography<\/strong>\r\n Exceptional opportunities\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 5-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 type of accommodation is used 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 The desert camp in <strong>Merzouga<\/strong> offers a comfortable yet authentic Sahara experience. Accommodations typically consist of <strong>private Berber-style tents<\/strong> equipped with proper beds, bedding, and basic furnishings. Most camps provide shared bathroom facilities with showers and toilets (sometimes with limited hot water). Some luxury camps offer private bathrooms. The camp usually has a central dining tent where meals are served, and a campfire area for evening entertainment. While not hotel-standard, the camps are clean, safe, and provide a memorable desert experience. It's important to manage expectations \u2013 you're in the middle of the desert, and the experience is about connection with nature rather than luxury amenities.\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 physically demanding is the camel trek?<\/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<\/strong> in Merzouga is generally accessible to most travelers with average mobility. The ride typically lasts <strong>45-60 minutes each way<\/strong> (to and from the camp). Camels walk at a slow, steady pace, and guides lead them through the dunes. While not strenuous, it does require some physical ability: you need to be able to mount and dismount the camel (with assistance), maintain balance while riding, and tolerate sitting in the saddle for about an hour. The experience is more about the novelty and connection with traditional desert travel than physical challenge. If you have back problems or mobility issues, it's possible to arrange transportation to the camp by 4x4 vehicle instead \u2013 please inform us when booking so we can make appropriate arrangements.\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 the desert night?<\/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 For your <strong>Sahara desert overnight<\/strong>, essential items include: <strong>warm layers<\/strong> (desert nights can be surprisingly cold, even after hot days \u2013 temperatures can drop significantly), <strong>comfortable closed shoes<\/strong> for walking on sand, <strong>headlamp or flashlight<\/strong> (camps have limited lighting), <strong>personal toiletries<\/strong> (camps provide basic amenities), <strong>sandals<\/strong> for around camp, <strong>sun protection<\/strong> (hat, sunglasses, sunscreen \u2013 for daytime), <strong>camera with extra batteries<\/strong> (no charging facilities in tents), <strong>small backpack<\/strong> for essentials during camel ride (leave main luggage in vehicle), <strong>reusable water bottle<\/strong>, and <strong>any personal medications<\/strong>. Also consider bringing <strong>baby wipes<\/strong> for refreshing, and a <strong>power bank<\/strong> for charging devices if needed.\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 tour be customized or taken in reverse?<\/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 in several ways<\/strong>. Popular options include: taking the tour in <strong>reverse direction<\/strong> (from Marrakech to Tangier), adding extra nights in specific locations (particularly Fes or Marrakech), upgrading accommodations (to luxury hotels or premium desert camps), extending the tour to include more time in the desert or additional destinations, adjusting the pace for a more leisurely experience, or combining with other Morocco tours. Since this is a private tour, we can work with you to create an itinerary that matches your interests, pace, and budget. The tour can also be extended to 6-8 days for a more comprehensive experience with less daily driving. Please discuss your preferences when requesting a quote.\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 The <strong>best seasons for this tour are spring (March-May) and autumn (September-November)<\/strong> when temperatures are pleasant throughout the route. During these months, daytime temperatures in the desert are warm but not extreme (25-30\u00b0C \/ 77-86\u00b0F), while nights are cool but not cold. <strong>Winter (December-February)<\/strong> offers clear skies and comfortable daytime temperatures, but nights in the desert can be quite cold (potentially near freezing). <strong>Summer (June-August)<\/strong> can be extremely hot in the desert (often exceeding 40\u00b0C \/ 104\u00b0F), making daytime activities challenging, though nights are warmer. The tour operates year-round, but summer requires careful planning and acceptance of heat. Shoulder seasons (April-May and September-October) generally offer the ideal balance of pleasant weather and comfortable touring conditions.\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 5-Day Tangier to Marrakech Tour<\/h3>\r\n <p>Complete the form below to get a quote for your desert adventure journey from Tangier to Marrakech through Morocco's diverse landscapes.<\/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, accommodation preferences (standard\/luxury), desert camp type, 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 Tangier to Marrakech 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\">Tangier to Marrakech Tour Quote Requested<\/h3>\r\n <p class=\"thankyou-text\">\r\n Thank you for your interest in our 5-day Tangier to Marrakech desert adventure.\r\n <\/p>\r\n <p class=\"thankyou-subtext\">\r\n A Morocco travel 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: '5 Days Tour from Tangier to Marrakech - Complete Morocco Desert 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 Tangier to Marrakech 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>5 Days Tour from Tangier to Marrakech | Morocco Desert Adventure … <\/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-329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages\/329","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=329"}],"version-history":[{"count":4,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages\/329\/revisions"}],"predecessor-version":[{"id":333,"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/pages\/329\/revisions\/333"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/de\/wp-json\/wp\/v2\/media?parent=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}