{"id":334,"date":"2025-12-05T19:31:45","date_gmt":"2025-12-05T19:31:45","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=334"},"modified":"2025-12-05T19:32:05","modified_gmt":"2025-12-05T19:32:05","slug":"8-days-tour-from-tangier-to-marrakech","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/es\/8-days-tour-from-tangier-to-marrakech\/","title":{"rendered":"8 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 8 Days Tour from Tangier to Marrakech | Complete Morocco Adventure<\/title>\r\n <meta name=\"description\" content=\"Book an 8-day tour from Tangier to Marrakech. Explore Chefchaouen, Fes, Middle Atlas, Sahara Desert, Todra Gorge, Dades Valley, Skoura, Ouarzazate, Ait Ben Haddou, and Marrakech on this comprehensive Morocco journey.\">\r\n <meta name=\"keywords\" content=\"8 days tour from Tangier to Marrakech, Tangier to Marrakech 8-day tour, Morocco desert tour from Tangier, Chefchaouen blue city, Fes Morocco, Merzouga Sahara desert, Todra Gorge, Dades Valley, Skoura oasis, Ouarzazate, Ait Ben Haddou, Morocco 8-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .detail-pill i {\r\n color: #FF6C0C !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #tangier-marrakech-8days-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .highlight-box strong {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .highlights-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .bullet-list.included li i {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #tangier-marrakech-8days-wrapper .bullet-list.excluded li i {\r\n color: #dc2626 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #tangier-marrakech-8days-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-8days-wrapper .faq-item:hover {\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-wrapper .faq-question i {\r\n color: #FF6C0C !important;\r\n transition: transform 0.3s !important;\r\n }\r\n\r\n #tangier-marrakech-8days-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .form-group {\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-wrapper .sidebar {\r\n position: static !important;\r\n top: auto !important;\r\n margin-top: 16px !important;\r\n }\r\n #tangier-marrakech-8days-wrapper .booking-form {\r\n position: static !important;\r\n top: auto !important;\r\n }\r\n #tangier-marrakech-8days-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-8days-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-8days-wrapper .form-input,\r\n #tangier-marrakech-8days-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-8days-wrapper .form-input:focus,\r\n #tangier-marrakech-8days-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-8days-wrapper .form-input.error,\r\n #tangier-marrakech-8days-wrapper textarea.error {\r\n border-color: #dc2626 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-wrapper .btn-primary i {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n \/* Thank You Overlay *\/\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-wrapper .thankyou-close:hover {\r\n background: #f0f0f0 !important;\r\n }\r\n\r\n #tangier-marrakech-8days-wrapper .thankyou-icon {\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-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-8days-wrapper .container {\r\n padding: 15px 12px 60px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-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-8days-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .hero-content {\r\n padding: 20px 18px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .main-gallery {\r\n height: 280px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .thumbnail {\r\n min-height: 80px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-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-8days-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-8days-wrapper .content-section {\r\n padding: 20px 18px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .highlight-box {\r\n padding: 14px 16px !important;\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #tangier-marrakech-8days-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-8days-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-8days-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-8days-wrapper .container {\r\n padding: 12px 10px 60px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .main-gallery {\r\n height: 240px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-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-8days-wrapper .thumbnail {\r\n min-height: 70px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .content-section {\r\n padding: 18px 16px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-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-8days-wrapper .hero-content h1 {\r\n font-size: 24px !important;\r\n }\r\n \r\n #tangier-marrakech-8days-wrapper .hero-description {\r\n font-size: 1rem !important;\r\n }\r\n \r\n #tangier-marrakech-8days-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-8days-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\/WhatsApp-Image-2025-11-28-at-23.27.02_aaa32b9f.jpg\"\r\n alt=\"8 Days Tour from Tangier to Marrakech - Complete Morocco 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> 8-Day Morocco 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\/WhatsApp-Image-2025-11-28-at-23.27.02_aaa32b9f.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-23.27.02_aaa32b9f.jpg\" alt=\"Tangier to Marrakech 8-day tour\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.47.33_30b663b3-1.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.47.33_30b663b3-1.jpg\" 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\/hc8daY0tKNgF8xh-Lglc.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/hc8daY0tKNgF8xh-Lglc.jpg\" alt=\"Sahara desert Morocco 8-day tour\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/06.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/06.jpg\" alt=\"Morocco cultural heritage 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>8 Days \/ 7 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>8 Day Tangier to Marrakech Tour<\/span>\r\n <\/div>\r\n <h1>8 Days Tour from Tangier to Marrakech \u2013 Complete Morocco Desert & Cultural Adventure<\/h1>\r\n <p class=\"hero-description\">\r\n Embark on an unforgettable <span class=\"keyword-highlight\">8-day tour from Tangier to Marrakech<\/span>, exploring Morocco's most iconic destinations. Discover the enchanting blue city of <span class=\"keyword-highlight\">Chefchaouen<\/span>, immerse yourself in the imperial city of <span class=\"keyword-highlight\">Fes<\/span>, traverse the <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span> y <span class=\"keyword-highlight\">Ziz Valley<\/span> to reach the golden dunes of <span class=\"keyword-highlight\">Merzouga Sahara Desert<\/span>. Experience a magical desert night, explore traditional markets in <span class=\"keyword-highlight\">Rissani<\/span>, marvel at the dramatic <span class=\"keyword-highlight\">Todra Gorge<\/span>, wander through the picturesque <span class=\"keyword-highlight\">Dades Valley<\/span>, discover the oasis of <span class=\"keyword-highlight\">Skoura<\/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>.\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-sun\"><\/i> Desierto del S\u00e1hara<\/div>\r\n <div 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>8-Day Tangier to Marrakech Tour Overview<\/h2>\r\n <small>Comprehensive Journey Through 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\">8-day tour from Tangier to Marrakech<\/span> offers the ultimate Moroccan experience, combining cultural immersion with breathtaking natural landscapes. Starting in the cosmopolitan port city of <span class=\"keyword-highlight\">Tangier<\/span>, you'll travel to the magical 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 and rich history. Journey south through the <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span>, passing through <span class=\"keyword-highlight\">Ifrane<\/span> (\"Little Switzerland\") and the stunning <span class=\"keyword-highlight\">Ziz Valley<\/span> oasis to reach the golden dunes of the <span class=\"keyword-highlight\">Merzouga Sahara Desert<\/span>. Experience an unforgettable night in a desert camp under the stars. Travel through <span class=\"keyword-highlight\">Rissani<\/span> with its traditional markets, the dramatic <span class=\"keyword-highlight\">Todra Gorge<\/span>, and the scenic <span class=\"keyword-highlight\">Dades Valley<\/span>. Discover the palm oasis of <span class=\"keyword-highlight\">Skoura<\/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> via the Tizi n'Tichka Pass to arrive in vibrant <span class=\"keyword-highlight\">Marrakech<\/span>.<\/strong><br \/> This expertly crafted itinerary provides the perfect balance of cultural exploration, natural wonders, and desert adventure, showcasing the incredible diversity of Morocco in 8 unforgettable days.\r\n <\/div>\r\n <p>\r\n The <span class=\"keyword-highlight\">8-day tour from Tangier to Marrakech<\/span> covers approximately 1,500 kilometers through Morocco's most spectacular regions. This comprehensive itinerary allows for a more leisurely pace with deeper exploration at each destination compared to shorter tours. You'll travel in a private air-conditioned 4x4 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 and traditional riads to a memorable night in a desert camp under the Sahara stars.\r\n <\/p>\r\n <p>\r\n This tour is perfect for travelers seeking a complete Moroccan experience, from the blue-washed streets of Chefchaouen to the golden dunes of the Sahara, from ancient medinas to Hollywood film sets. The extended 8-day duration allows for more immersive experiences and comfortable travel times between destinations. For more information about Morocco's diverse regions, visit the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Geography_of_Morocco\" target=\"_blank\" rel=\"noopener\" class=\"wiki-link\">Wikipedia page on Geography of 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>8-Day Tangier to Marrakech Tour Itinerary<\/h2>\r\n <small>Detailed day-by-day itinerary of your comprehensive Morocco adventure<\/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> at your accommodation, the port, or 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. Stop for photos at scenic viewpoints overlooking the Rif 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>Chefchaouen Arrival & 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. 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), and climb to the <strong>Spanish Mosque<\/strong> for panoramic views of the blue city against the mountain backdrop. Chefchaouen is particularly photogenic in the afternoon light. Evening at leisure to enjoy dinner at a local restaurant and experience the peaceful atmosphere as the blue walls take on different hues in the fading 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 Exploration<\/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, woven blankets, and leather goods), visit the local waterfall, or simply enjoy breakfast with a view. The morning light offers excellent photographic opportunities. 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 & Initial Exploration<\/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. Your driver\/guide can point out key landmarks and recommend dining options. 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 Full Day Exploration<\/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 Guided Tour<\/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 and intricate zellij tilework. Explore the <strong>Jewish Quarter (Mellah)<\/strong> and the <strong>Jewish Cemetery<\/strong>. Visit 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, visiting artisan workshops and historical sites.<\/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>Cultural Sites & Souks<\/h3>\r\n <p>Continue your medina exploration, visiting the <strong>Al-Attarine Madrasa<\/strong>, a beautifully decorated Islamic school. See the <strong>Kairaouine Mosque and University<\/strong>, founded in 859 AD and considered the oldest continuously operating university in the world. Visit the <strong>Nejjarine Museum of Wooden Arts and Crafts<\/strong> and the <strong>Nejjarine Fountain<\/strong>. Explore the famous tanneries (Chouara Tannery) where leather is still processed using traditional methods. Visit 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>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. Stop for lunch in Midelt, known as the \"apple capital\" of 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>Ziz Valley to Merzouga Desert<\/h3>\r\n <p>Descend from the mountains into the spectacular <strong>Ziz Valley<\/strong>, a vast oasis with millions of palm trees stretching as far as the eye can see. Stop at viewpoints to admire the breathtaking scenery. Continue through the changing landscape as you approach the Sahara Desert, with the terrain becoming increasingly arid. 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 over the golden sands.<\/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 in the darkening sky. 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 \u2013 one of the best places in the world for stargazing. 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 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 & Journey to Rissani<\/h3>\r\n <p>Wake up early to witness a spectacular sunrise over the Sahara dunes (optional but highly recommended). Watch as the first rays of sunlight paint the dunes in shades of gold and orange. After breakfast at the camp, enjoy a 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), where you can see local crafts, spices, and livestock trading.<\/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 and watching local climbers scale the vertical walls. 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 viewpoints to see the remarkable \"monkey fingers\" rock formations and traditional kasbahs. Arrive at your accommodation in the Dades Valley for overnight, often with beautiful views of the valley.<\/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 Skoura \u21e2 Ouarzazate<\/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 Exploration & Route of a Thousand Kasbahs<\/h3>\r\n <p>After breakfast, continue your journey through the Dades Valley, stopping at additional viewpoints to admire the dramatic landscapes. Travel along the famous \"Road of a Thousand Kasbahs,\" passing numerous traditional fortified villages. Visit <strong>Skoura<\/strong>, a beautiful palm oasis with several well-preserved kasbahs, including the impressive <strong>Kasbah Amridil<\/strong>, which has been restored and is open to visitors. Explore the palm groves and learn about traditional oasis agriculture.<\/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 Ouarzazate<\/h3>\r\n <p>Continue 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 the former residence of the Glaoui family. Explore the labyrinthine passages and rooms of this impressive earthen structure. Optionally visit the <strong>Atlas Film Studios<\/strong> where many famous movies were filmed, including \"Gladiator,\" \"Lawrence of Arabia,\" and \"Game of Thrones.\" Check into your accommodation in Ouarzazate and 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 7: 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>Ait Ben Haddou UNESCO Site<\/h3>\r\n <p>After breakfast, travel 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, crossing the river (dry most of the year) to enter the kasbah. Explore the narrow streets and climb to the top for panoramic views of the surrounding area. Learn about the history of this remarkable example of southern Moroccan architecture and its significance in film history.<\/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>High Atlas Mountains Crossing<\/h3>\r\n <p>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, Berber villages, and changing landscapes along the way. Stop at viewpoints for photos and to appreciate the dramatic scenery. Visit a traditional Berber village or a cooperative along the route to learn about local life and crafts. The journey through the mountains is as much a highlight as the destinations themselves.<\/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. Check into your accommodation, typically a riad in or near the medina. Your driver\/guide will 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, snake charmers, and entertainers \u2013 a truly unforgettable sensory experience that captures the essence of Marrakech.<\/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 8: Marrakech Exploration & Departure<\/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>Marrakech Highlights Tour<\/h3>\r\n <p>After breakfast, explore <strong>Marrakech<\/strong> with a local guide (optional, can be arranged at additional cost). Visit the <strong>Koutoubia Mosque<\/strong> with its distinctive minaret, the <strong>Bahia Palace<\/strong> with its beautiful gardens and intricate decoration, the <strong>Saadian Tombs<\/strong> rediscovered in 1917, and the <strong>Ben Youssef Madrasa<\/strong>, once the largest Islamic college in Morocco. Explore the souks specializing in leather, metalwork, textiles, and spices. Visit the <strong>Majorelle Garden<\/strong>, created by French painter Jacques Majorelle and later owned by Yves Saint Laurent.<\/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>Departure or Extended Stay<\/h3>\r\n <p>After your Marrakech exploration, transfer to Marrakech Menara Airport for your departure flight, marking the end of your 8-day Tangier to Marrakech tour. Alternatively, if you have extended your stay in Morocco, you'll be dropped off at your Marrakech accommodation. This comprehensive tour has taken you through the most iconic regions of Morocco, from the blue city of Chefchaouen to the Sahara Desert, through ancient medinas and over majestic mountain passes, providing a deep and unforgettable experience of Morocco's diverse landscapes and rich cultural heritage.<\/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>8-Day 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 & 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>Scenic landscapes, cedar forests & Ifrane<\/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 landscape<\/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, camel trek & 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 in desert town<\/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 walk<\/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\" & rock 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-leaf\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Skoura Oasis<\/h4>\r\n <p>Beautiful palm oasis with historic 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<\/h4>\r\n <p>\"Hollywood of Africa\" & Taourirt Kasbah<\/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>Ait Ben Haddou<\/h4>\r\n <p>UNESCO World Heritage site & 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-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 Experience<\/h4>\r\n <p>Traditional Sahara desert camel ride<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-hotel\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Desert Camp Overnight<\/h4>\r\n <p>Berber camp under the Sahara stars<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-map-marked-alt\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Complete Morocco Circuit<\/h4>\r\n <p>From north to south through diverse 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-utensils\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Inmersi\u00f3n cultural<\/h4>\r\n <p>Authentic experiences with local communities<\/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 8-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 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>7 nights accommodation (hotels, riads & 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 4)<\/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>Local guide in Fes for medina tour (half day)<\/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\/airport<\/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>Local guide in Marrakech (optional)<\/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 8-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 8 Days \/ 7 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>Transporte<\/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 Spring & Autumn (Mar-May, Sep-Nov)\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>Alojamiento<\/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 + 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,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 + 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 10+ Major Regions & Sites\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>Climate Variety<\/strong>\r\n Mountains, desert, cities\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 throughout\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-hiking\"><\/i>\r\n <div>\r\n <strong>Activity Level<\/strong>\r\n Moderate (some walking)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-language\"><\/i>\r\n <div>\r\n <strong>Guides<\/strong>\r\n English-speaking driver + local guides\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <div>\r\n <strong>Tour Type<\/strong>\r\n Cultural, Adventure, Scenic\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 8-day Tangier to Marrakech comprehensive 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>How does this 8-day tour differ from the 5-day version?<\/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>8-day tour offers a more comprehensive and relaxed experience<\/strong> compared to the 5-day version. Key differences include: <strong>Full day in Fes<\/strong> with guided medina tour (vs. just an overnight), <strong>additional night in Fes<\/strong> allowing for deeper exploration, <strong>visit to Skoura oasis<\/strong> (not included in 5-day), <strong>more time in Dades Valley<\/strong> and surrounding areas, <strong>additional night in Ouarzazate<\/strong> allowing exploration of film studios and kasbahs, <strong>more leisurely pace<\/strong> with less daily driving, <strong>optional Marrakech guided tour<\/strong> on final day, and <strong>generally more immersive experiences<\/strong> at each destination. The 8-day tour is ideal for travelers who want to experience Morocco more deeply without feeling rushed.\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 type of vehicles are used for this 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 uses <strong>comfortable, air-conditioned 4x4 vehicles<\/strong> (typically Toyota Prado, Land Cruiser, or similar) suitable for all road conditions encountered during the journey. The vehicles are well-maintained and equipped for long-distance travel. For groups of 2-3 travelers, a SUV-style 4x4 is used. For groups of 4-6 travelers, a larger 4x4 or minivan with 4x4 capability may be used. All vehicles have air conditioning, comfortable seating, and space for luggage. The 4x4 capability is particularly useful for accessing the desert camp and some remote areas, though most of the journey is on paved roads. Your driver\/guide is experienced in navigating Moroccan roads and conditions.\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 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 in numerous ways<\/strong>. Popular customizations include: adding extra nights in specific cities (particularly Fes or Marrakech), upgrading accommodations to luxury hotels or premium desert camps, extending the tour to include Essaouira on the coast, adding more time in the desert (additional activities like quad biking or sandboarding), including a visit to Meknes and Volubilis, adjusting the pace for a more leisurely experience, or combining with other Morocco tours. The tour can also be taken in reverse direction (from Marrakech to Tangier). 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 10-14 days for an even more comprehensive Morocco experience.\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 varying climates?<\/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 Packing for this tour requires consideration of <strong>multiple climates<\/strong>: <strong>Comfortable walking shoes<\/strong> for medina exploration, <strong>sturdy closed shoes<\/strong> for desert and gorge walking, <strong>sandals<\/strong> for around accommodations, <strong>layered clothing<\/strong> (temperatures vary greatly \u2013 from cool mountains to hot desert), <strong>warm jacket<\/strong> for desert nights and mountain passes, <strong>lightweight clothing<\/strong> for daytime in desert and cities, <strong>modest clothing<\/strong> for visiting religious sites (shoulders and knees covered), <strong>sun protection<\/strong> (hat, sunglasses, high SPF sunscreen), <strong>headscarf or shemagh<\/strong> for desert sun\/sand protection, <strong>swimsuit<\/strong> (some hotels have pools), <strong>personal toiletries and medications<\/strong>, <strong>camera with extra batteries\/memory cards<\/strong>, <strong>power adapter<\/strong> (Morocco uses European plugs Type C\/E), <strong>headlamp or flashlight<\/strong> for desert camp, <strong>reusable water bottle<\/strong>, and <strong>small daypack<\/strong> for daily excursions.\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>Is this tour suitable for families with children?<\/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 is generally suitable for families with children aged 8 and above<\/strong>. The camel trek can be adjusted for children (shorter rides or alternative transportation to camp). The desert camp experience is often particularly memorable for children. However, considerations include: <strong>long driving days<\/strong> (though broken up with stops), <strong>moderate walking<\/strong> in medinas and gorges, <strong>climate variations<\/strong> that children may find challenging, <strong>basic facilities<\/strong> at desert camp, and <strong>different food<\/strong> that may not appeal to all children. We recommend discussing your family's specific needs when booking so we can suggest adjustments. Some families prefer to add extra nights to reduce daily travel time. Children under 8 can be accommodated with careful planning and potentially modified activities.\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 8-Day Tangier to Marrakech Tour<\/h3>\r\n <p>Complete the form below to get a quote for your comprehensive Morocco adventure from Tangier to Marrakech.<\/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, desert camp type, dietary requirements, children ages if applicable, extension requests, specific interests, 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 8-day Tangier to Marrakech tour quote and detailed itinerary.\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/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\">8-Day Tour Quote Requested<\/h3>\r\n <p class=\"thankyou-text\">\r\n Thank you for your interest in our 8-day Tangier to Marrakech comprehensive Morocco 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-8days-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-8days-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-8days-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: '8 Days Tour from Tangier to Marrakech - Complete Morocco Desert & Cultural 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 8-day 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>8 Days Tour from Tangier to Marrakech | Complete Morocco 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-334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/comments?post=334"}],"version-history":[{"count":4,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages\/334\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages\/334\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/media?parent=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}