{"id":339,"date":"2025-12-05T19:55:49","date_gmt":"2025-12-05T19:55:49","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=339"},"modified":"2025-12-05T19:56:23","modified_gmt":"2025-12-05T19:56:23","slug":"7-days-tour-from-tangier-to-marrakech","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/it\/7-days-tour-from-tangier-to-marrakech\/","title":{"rendered":"7 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 7 Days Tour from Tangier to Marrakech | Morocco Desert & Imperial Cities<\/title>\r\n <meta name=\"description\" content=\"Book a 7-day tour from Tangier to Marrakech. Explore Chefchaouen, Volubilis, Meknes, Fes, Sahara Desert, Todra Gorge, Ait Ben Haddou, and Marrakech on this comprehensive Morocco adventure.\">\r\n <meta name=\"keywords\" content=\"7 days tour from Tangier to Marrakech, Tangier to Marrakech desert tour, Chefchaouen blue city, Sahara desert Morocco, Merzouga camel trek, Todra Gorge, Ait Ben Haddou kasbah, Fes guided tour, Marrakech exploration, Morocco imperial cities and desert\">\r\n \r\n <!-- Fonts & Icons -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* CSS RESET FOR OUR COMPONENT ONLY - EXACT SAME AS BEFORE *\/\r\n #tangier-marrakech-tour-wrapper * {\r\n box-sizing: border-box !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper {\r\n --primary-bg: #ffffff !important;\r\n --card-bg: #ffffff !important;\r\n --accent-color: #BF1A1A !important;\r\n --accent-color-2: #FF6C0C !important;\r\n --accent-light: #ffe4d6 !important;\r\n --accent-dark: #a31616 !important;\r\n --accent-gradient: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n --text-primary: #1a1a1a !important;\r\n --text-secondary: #555555 !important;\r\n --border-color: rgba(191, 26, 26, 0.15) !important;\r\n --radius-large: 16px !important;\r\n --radius-medium: 12px !important;\r\n --shadow-large: 0 10px 30px rgba(191, 26, 26, 0.15) !important;\r\n --shadow-small: 0 5px 15px rgba(191, 26, 26, 0.1) !important;\r\n\r\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\r\n background: #ffffff !important;\r\n color: var(--text-primary) !important;\r\n line-height: 1.6 !important;\r\n isolation: isolate !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .container {\r\n max-width: 1300px !important;\r\n margin: 0 auto !important;\r\n padding: 20px 18px 60px !important;\r\n }\r\n\r\n \/* Hero Section - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .hero-section {\r\n display: grid !important;\r\n grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.3fr) !important;\r\n gap: 24px !important;\r\n align-items: stretch !important;\r\n margin-bottom: 26px !important;\r\n }\r\n\r\n @media (max-width: 960px) {\r\n #tangier-marrakech-tour-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .hero-content {\r\n position: relative !important;\r\n padding: 22px 24px 20px !important;\r\n border-radius: var(--radius-large) !important;\r\n background: linear-gradient(135deg, #fff8f3 0%, #ffffff 100%) !important;\r\n box-shadow: var(--shadow-large) !important;\r\n overflow: hidden !important;\r\n border: 1px solid rgba(255, 108, 12, 0.1) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .hero-content::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n width: 260px !important;\r\n height: 260px !important;\r\n border-radius: 999px !important;\r\n background: radial-gradient(circle at center, rgba(255, 108, 12, 0.15), transparent 70%) !important;\r\n top: -80px !important;\r\n right: -120px !important;\r\n opacity: 0.7 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .route-badge {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n padding: 6px 14px !important;\r\n border-radius: 999px !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 0.75rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.16em !important;\r\n margin-bottom: 12px !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .hero-content h1 {\r\n margin: 0 0 10px !important;\r\n font-size: 30px !important;\r\n font-weight: 800 !important;\r\n letter-spacing: -0.02em !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n line-height: 1.2 !important;\r\n color: #1a1a1a !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .hero-description {\r\n margin: 0 0 18px !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 1.05rem !important;\r\n max-width: 38rem !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n .keyword-highlight {\r\n font-weight: 700 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .transfer-details {\r\n display: flex !important;\r\n flex-wrap: wrap !important;\r\n gap: 8px !important;\r\n position: relative !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .detail-pill {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 6px !important;\r\n font-size: 0.8rem !important;\r\n padding: 8px 14px !important;\r\n border-radius: 999px !important;\r\n background: rgba(191, 26, 26, 0.08) !important;\r\n color: #BF1A1A !important;\r\n border: 1px solid rgba(191, 26, 26, 0.2) !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .detail-pill i {\r\n color: #FF6C0C !important;\r\n }\r\n\r\n \/* Gallery Section - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .main-gallery {\r\n position: relative !important;\r\n border-radius: var(--radius-large) !important;\r\n overflow: hidden !important;\r\n height: 340px !important;\r\n background: #000 !important;\r\n box-shadow: var(--shadow-large) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .main-gallery img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .gallery-overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 55%) !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .gallery-caption {\r\n position: absolute !important;\r\n left: 14px !important;\r\n bottom: 14px !important;\r\n padding: 8px 14px !important;\r\n border-radius: 999px !important;\r\n font-size: 0.8rem !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 7px !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .thumbnail-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n gap: 8px !important;\r\n margin-top: 8px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #tangier-marrakech-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .thumbnail {\r\n border-radius: 12px !important;\r\n overflow: hidden !important;\r\n position: relative !important;\r\n border: 2px solid transparent !important;\r\n cursor: pointer !important;\r\n min-height: 90px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .thumbnail img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n transform: scale(1.04) !important;\r\n transition: transform 0.3s !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .thumbnail::after {\r\n content: \"\" !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(to top, rgba(191, 26, 26, 0.3), transparent 75%) !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.3s !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .thumbnail.active {\r\n border-color: var(--accent-color) !important;\r\n box-shadow: 0 0 0 2px rgba(255, 108, 12, 0.3) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .info-cards {\r\n display: flex !important;\r\n gap: 10px !important;\r\n margin-top: 12px !important;\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .info-card {\r\n flex: 1 1 0 !important;\r\n min-width: 0 !important;\r\n border-radius: var(--radius-medium) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 14px 16px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .info-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .info-text span {\r\n display: block !important;\r\n font-size: 0.75rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.08em !important;\r\n color: var(--text-secondary) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .info-text strong {\r\n font-size: 1rem !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n \/* Main Layout - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .main-layout {\r\n display: grid !important;\r\n grid-template-columns: minmax(0, 1.8fr) minmax(0, 1.1fr) !important;\r\n gap: 26px !important;\r\n align-items: flex-start !important;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n #tangier-marrakech-tour-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .content-section {\r\n border-radius: var(--radius-large) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 24px 24px 22px !important;\r\n margin-bottom: 20px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .section-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .section-header i {\r\n width: 32px !important;\r\n height: 32px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .section-header h2 {\r\n margin: 0 !important;\r\n font-size: 1.2rem !important;\r\n letter-spacing: 0.02em !important;\r\n text-transform: uppercase !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .section-header small {\r\n display: block !important;\r\n font-size: 0.8rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-top: 2px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .highlight-box {\r\n padding: 16px 18px !important;\r\n border-radius: 12px !important;\r\n background: linear-gradient(135deg, #fff8f3 0%, #ffe4d6 100%) !important;\r\n border: 1px solid rgba(255, 108, 12, 0.2) !important;\r\n font-size: 1rem !important;\r\n margin-bottom: 16px !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .highlight-box strong {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .content-section p {\r\n color: var(--text-secondary) !important;\r\n font-size: 1rem !important;\r\n margin: 0 0 12px !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* Feature Grid - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .feature-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 12px !important;\r\n margin-top: 16px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #tangier-marrakech-tour-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .feature-card {\r\n border-radius: var(--radius-medium) !important;\r\n background: #f9f9f9 !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 14px 16px !important;\r\n font-size: 0.95rem !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 10px !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .feature-card:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: var(--shadow-small) !important;\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .feature-card i {\r\n color: #FF6C0C !important;\r\n margin-top: 4px !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .feature-card strong {\r\n display: block !important;\r\n font-size: 0.95rem !important;\r\n color: var(--text-primary) !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .feature-card div {\r\n color: var(--text-secondary) !important;\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n \/* Itinerary - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .itinerary-step {\r\n display: grid !important;\r\n grid-template-columns: 180px minmax(0, 1fr) !important;\r\n gap: 16px !important;\r\n padding: 18px 0 !important;\r\n border-bottom: 1px solid var(--border-color) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .itinerary-step:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #tangier-marrakech-tour-wrapper .itinerary-step {\r\n grid-template-columns: 1fr !important;\r\n gap: 8px !important;\r\n padding: 16px 0 !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .step-label {\r\n font-size: 0.9rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.12em !important;\r\n font-weight: 700 !important;\r\n color: #BF1A1A !important;\r\n background: rgba(191, 26, 26, 0.08) !important;\r\n padding: 6px 12px !important;\r\n border-radius: 6px !important;\r\n display: inline-block !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .step-content h3 {\r\n margin: 0 0 8px !important;\r\n font-size: 1.1rem !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .step-content p {\r\n margin: 0 !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 0.98rem !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* Tour Highlights Section - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .highlights-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 16px !important;\r\n margin-top: 16px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #tangier-marrakech-tour-wrapper .highlights-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .highlight-item {\r\n background: #f9f9f9 !important;\r\n border-radius: var(--radius-medium) !important;\r\n padding: 18px 20px !important;\r\n border: 1px solid var(--border-color) !important;\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 12px !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .highlight-item:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: var(--shadow-small) !important;\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .highlight-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 999px !important;\r\n display: grid !important;\r\n place-items: center !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n flex-shrink: 0 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .highlight-text h4 {\r\n margin: 0 0 6px !important;\r\n font-size: 1rem !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .highlight-text p {\r\n margin: 0 !important;\r\n color: var(--text-secondary) !important;\r\n font-size: 0.95rem !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* Inclusions - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .two-column {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 24px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #tangier-marrakech-tour-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n #tangier-marrakech-tour-wrapper .inclusion-column {\r\n background: #f9f9f9 !important;\r\n border-radius: var(--radius-medium) !important;\r\n padding: 20px !important;\r\n border: 1px solid var(--border-color) !important;\r\n box-shadow: var(--shadow-small) !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .list-title {\r\n font-size: 1.1rem !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 12px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .list-title i {\r\n background: none !important;\r\n width: auto !important;\r\n height: auto !important;\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .bullet-list {\r\n list-style: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .bullet-list li {\r\n display: flex !important;\r\n gap: 10px !important;\r\n margin-bottom: 10px !important;\r\n color: var(--text-secondary) !important;\r\n align-items: flex-start !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .bullet-list li i {\r\n margin-top: 3px !important;\r\n font-size: 0.9rem !important;\r\n min-width: 16px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .bullet-list.included li i {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .bullet-list.excluded li i {\r\n color: #dc2626 !important;\r\n }\r\n\r\n \/* FAQ - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .faq-item {\r\n border-radius: var(--radius-medium) !important;\r\n border: 1px solid var(--border-color) !important;\r\n margin-bottom: 12px !important;\r\n background: #f9f9f9 !important;\r\n overflow: hidden !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .faq-item:hover {\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .faq-question {\r\n padding: 16px 20px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n gap: 16px !important;\r\n cursor: pointer !important;\r\n background: #ffffff !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .faq-question span {\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .faq-question i {\r\n color: #FF6C0C !important;\r\n transition: transform 0.3s !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .faq-answer {\r\n max-height: 0 !important;\r\n overflow: hidden !important;\r\n padding: 0 20px !important;\r\n font-size: 0.95rem !important;\r\n color: var(--text-secondary) !important;\r\n transition: max-height 0.3s ease, padding 0.3s ease !important;\r\n background: #ffffff !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .faq-item.open .faq-answer {\r\n padding: 0 20px 20px !important;\r\n max-height: 300px !important;\r\n }\r\n\r\n \/* Sidebar & Booking Form - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .sidebar {\r\n position: sticky !important;\r\n top: 20px !important;\r\n align-self: flex-start !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .booking-form {\r\n border-radius: var(--radius-large) !important;\r\n background: var(--card-bg) !important;\r\n border: 1px solid var(--border-color) !important;\r\n padding: 24px !important;\r\n box-shadow: var(--shadow-small) !important;\r\n position: sticky !important;\r\n top: 20px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .booking-form h3 {\r\n margin: 0 0 8px !important;\r\n font-size: 1.2rem !important;\r\n color: var(--text-primary) !important;\r\n font-weight: 700 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .booking-form p {\r\n margin: 0 0 20px !important;\r\n font-size: 0.95rem !important;\r\n color: var(--text-secondary) !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .form-group {\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .form-row {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 16px !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #tangier-marrakech-tour-wrapper .sidebar {\r\n position: static !important;\r\n top: auto !important;\r\n margin-top: 16px !important;\r\n }\r\n #tangier-marrakech-tour-wrapper .booking-form {\r\n position: static !important;\r\n top: auto !important;\r\n }\r\n #tangier-marrakech-tour-wrapper .form-row {\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: 12px !important;\r\n }\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper label {\r\n display: block !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 600 !important;\r\n margin-bottom: 6px !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .form-input,\r\n #tangier-marrakech-tour-wrapper textarea {\r\n width: 100% !important;\r\n border-radius: 8px !important;\r\n border: 1px solid #ddd !important;\r\n padding: 12px 14px !important;\r\n font: inherit !important;\r\n font-size: 0.95rem !important;\r\n background: #ffffff !important;\r\n outline: none !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .form-input:focus,\r\n #tangier-marrakech-tour-wrapper textarea:focus {\r\n border-color: #FF6C0C !important;\r\n box-shadow: 0 0 0 3px rgba(255, 108, 12, 0.1) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .form-input.error,\r\n #tangier-marrakech-tour-wrapper textarea.error {\r\n border-color: #dc2626 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .error-message {\r\n display: none !important;\r\n font-size: 0.85rem !important;\r\n color: #dc2626 !important;\r\n margin-top: 4px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .btn-primary {\r\n width: 100% !important;\r\n border-radius: 999px !important;\r\n border: none !important;\r\n padding: 14px !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-weight: 700 !important;\r\n font-size: 1rem !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n cursor: pointer !important;\r\n box-shadow: 0 4px 15px rgba(191, 26, 26, 0.3) !important;\r\n transition: all 0.3s !important;\r\n margin-top: 8px !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .btn-primary:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 20px rgba(191, 26, 26, 0.4) !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .btn-primary:disabled {\r\n opacity: 0.6 !important;\r\n cursor: not-allowed !important;\r\n transform: none !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .btn-primary i {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .form-note {\r\n font-size: 0.85rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-top: 12px !important;\r\n text-align: center !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* Toast - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .toast {\r\n position: fixed !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n bottom: 20px !important;\r\n padding: 12px 20px !important;\r\n border-radius: 999px !important;\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n color: #ffffff !important;\r\n font-size: 0.9rem !important;\r\n box-shadow: var(--shadow-large) !important;\r\n display: none !important;\r\n z-index: 1050 !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n \/* Thank You Overlay - EXACT SAME *\/\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 - EXACT SAME *\/\r\n #tangier-marrakech-tour-wrapper .wiki-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--accent-color);\r\n text-decoration: none;\r\n font-weight: 500;\r\n margin-top: 10px;\r\n }\r\n\r\n #tangier-marrakech-tour-wrapper .wiki-link:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n \/* Mobile Optimization - EXACT SAME *\/\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\/CHEFCHAOU-1-700x400.jpg.webp\"\r\n alt=\"7 Days Tour from Tangier to Marrakech - Morocco Desert & Imperial Cities\"\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> 7-Day Desert & Imperial Cities Tour\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\/CHEFCHAOU-1-700x400.jpg.webp\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/CHEFCHAOU-1-700x400.jpg.webp\" alt=\"Chefchaouen Blue City Morocco\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/7-Days-Desert-Tour-From-Tangier-10.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/7-Days-Desert-Tour-From-Tangier-10.jpg\" alt=\"Sahara Desert Morocco Camel Trek\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/7-days-desert-tour-from-Tangier-to-Marrakech.webp\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/7-days-desert-tour-from-Tangier-to-Marrakech.webp\" alt=\"Morocco Desert Tour Itinerary\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/7-day-Tangier-to-Marrakech-tour-800x600-1.webp\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/7-day-Tangier-to-Marrakech-tour-800x600-1.webp\" alt=\"Todra Gorge Morocco Landscape\" \/>\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>7 Days \/ 6 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>Cultural & Desert Adventure<\/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>7 Day Tangier to Marrakech Tour<\/span>\r\n <\/div>\r\n <h1>7 Days Tour from Tangier to Marrakech \u2013 Complete Morocco Desert & Imperial Cities Journey<\/h1>\r\n <p class=\"hero-description\">\r\n Embark on an unforgettable <span class=\"keyword-highlight\">7-day tour from Tangier to Marrakech<\/span>, exploring Morocco's diverse landscapes from the enchanting blue city of <span class=\"keyword-highlight\">Chefchaouen<\/span> to the golden dunes of the <span class=\"keyword-highlight\">Deserto del Sahara<\/span>. Discover ancient Roman ruins at <span class=\"keyword-highlight\">Volubilis<\/span>, explore imperial cities including <span class=\"keyword-highlight\">Meknes<\/span> and <span class=\"keyword-highlight\">Fes<\/span>, traverse the scenic <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span>, experience a magical camel trek and overnight stay in <span class=\"keyword-highlight\">Merzouga desert<\/span>, marvel at the towering cliffs of <span class=\"keyword-highlight\">Todra Gorge<\/span>, explore the dramatic <span class=\"keyword-highlight\">Dades Valley<\/span>, visit the famous <span class=\"keyword-highlight\">Ait Ben Haddou kasbah<\/span> (UNESCO site), and conclude in vibrant <span class=\"keyword-highlight\">Marrakech<\/span>. This tour perfectly combines cultural immersion with desert adventure.\r\n <\/p>\r\n <div class=\"transfer-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-city\"><\/i> Chefchaouen Blue City<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-camel\"><\/i> Deserto del Sahara<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-chess-rook\"><\/i> Imperial Cities<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-mountain\"><\/i> Atlas Mountains<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Main Content -->\r\n <main class=\"main-layout\">\r\n <!-- Left Column -->\r\n <article>\r\n <!-- Overview -->\r\n <section class=\"content-section\" id=\"description\">\r\n <div class=\"section-header\">\r\n <i class=\"fa-solid fa-circle-info\"><\/i>\r\n <div>\r\n <h2>7-Day Tangier to Marrakech Tour Overview<\/h2>\r\n <small>Complete Desert & Imperial Cities Journey Through Morocco<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>This 7-day tour from Tangier to Marrakech offers the ultimate Morocco experience, combining imperial cities, desert adventure, and breathtaking landscapes. Beginning in <span class=\"keyword-highlight\">Tangier<\/span>, you'll immediately journey to the magical blue city of <span class=\"keyword-highlight\">Chefchaouen<\/span> in the Rif Mountains. Continue to the ancient Roman ruins of <span class=\"keyword-highlight\">Volubilis<\/span> (UNESCO World Heritage), explore the imperial city of <span class=\"keyword-highlight\">Meknes<\/span>, then immerse yourself in the cultural heart of Morocco in <span class=\"keyword-highlight\">Fes<\/span>. Cross the <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span> through <span class=\"keyword-highlight\">Ifrane<\/span> (Morocco's \"Little Switzerland\") and the <span class=\"keyword-highlight\">Ziz Valley<\/span> to reach the golden dunes of the <span class=\"keyword-highlight\">Sahara Desert at Merzouga<\/span>. Experience a camel trek and overnight in a desert camp under the stars. Continue through <span class=\"keyword-highlight\">Rissani<\/span>, the dramatic <span class=\"keyword-highlight\">Todra Gorge<\/span>, the scenic <span class=\"keyword-highlight\">Dades Valley<\/span>, visit the famous <span class=\"keyword-highlight\">Ait Ben Haddou kasbah<\/span> (filming location for many Hollywood movies), cross the <span class=\"keyword-highlight\">High Atlas Mountains<\/span>, and conclude in vibrant <span class=\"keyword-highlight\">Marrakech<\/span>.<\/strong><br \/> This comprehensive itinerary is designed for travelers who want to experience the full spectrum of Morocco, from ancient cities to desert landscapes and mountain scenery.\r\n <\/div>\r\n <p>\r\n The <span class=\"keyword-highlight\">7-day tour from Tangier to Marrakech<\/span> covers approximately 1,500 kilometers through Morocco's most diverse regions. This carefully crafted itinerary balances travel time with immersive experiences in each destination, allowing you to appreciate the unique character of each location. You'll travel in comfortable air-conditioned 4x4 vehicles or minivans with an experienced driver\/guide who will provide cultural insights throughout your journey. Accommodations range from comfortable hotels to a unique overnight stay in a desert camp, all carefully selected to enhance your Moroccan experience.\r\n <\/p>\r\n <p>\r\n This tour is perfect for adventure seekers, cultural enthusiasts, photographers, and anyone wanting to experience the dramatic contrasts of Morocco. You'll witness the transition from the blue hues of Chefchaouen to the golden sands of the Sahara, from ancient medinas to breathtaking gorges. For more information about Morocco's diverse landscapes, 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>7-Day Tangier to Marrakech Tour Itinerary<\/h2>\r\n <small>Detailed day-by-day itinerary of your desert and imperial cities journey<\/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 Arrival & Departure to Chefchaouen<\/h3>\r\n <p>Arrive at Tangier Ibn Battouta Airport or Tangier port. Meet your driver\/guide and begin your journey to the magical blue city of <strong>Chefchaouen<\/strong>. The drive takes you through the scenic Rif Mountains with beautiful views of the countryside. As you approach Chefchaouen, you'll begin to see the distinctive blue-washed buildings that make this city famous worldwide.<\/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 <strong>Chefchaouen<\/strong> and check into your hotel or riad. Spend the afternoon exploring the enchanting blue streets of the medina at your own pace. Wander through the picturesque alleyways, discover hidden corners, visit the central square (Outa el Hammam), and see the Kasbah Museum. The city is particularly photogenic in the late afternoon light. Evening free to enjoy dinner at a local restaurant and experience the peaceful atmosphere of this unique mountain town.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 2: Chefchaouen \u21e2 Volubilis \u21e2 Meknes \u21e2 Fes<\/h3>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">Morning<\/div>\r\n <div class=\"step-content\">\r\n <h3>Chefchaouen to Volubilis<\/h3>\r\n <p>After breakfast, depart Chefchaouen for a journey through the Moroccan countryside. Arrive at <strong>Volubilis<\/strong>, the best-preserved Roman archaeological site in Morocco and a UNESCO World Heritage site. Explore the ancient city with its impressive mosaics, triumphal arch, basilica, Capitol, and residential areas. Learn about the Roman influence in North Africa and imagine life in this prosperous city dating back to the 3rd century BC.<\/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>Meknes Imperial City & Continue to Fes<\/h3>\r\n <p>Continue to the nearby imperial city of <strong>Meknes<\/strong>. Explore the historical sites including the massive <strong>Bab Mansour gate<\/strong>, one of the finest gates in Morocco. Visit the <strong>Mausoleum of Moulay Ismail<\/strong>, who made Meknes his capital in the 17th century. See the <strong>Heri es-Souani<\/strong> (royal granaries and stables) and the <strong>Place el-Hedim<\/strong> square. After your visit, continue to <strong>Fes<\/strong>, arriving in the evening. Check into your riad\/hotel located in or near the medina.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 3: Guided Tour of Fes<\/h3>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">Morning<\/div>\r\n <div class=\"step-content\">\r\n <h3>Fes Medina 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. Explore the <strong>Jewish Quarter (Mellah)<\/strong>. Enter the medina through <strong>Bab Bou Jeloud<\/strong> (the Blue Gate) and begin your exploration of the labyrinthine streets. Visit the <strong>Al-Attarine Madrasa<\/strong>, a beautifully decorated Islamic school, and see the <strong>Kairaouine Mosque and University<\/strong>, founded in 859 AD.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">Afternoon<\/div>\r\n <div class=\"step-content\">\r\n <h3>Medina Souks & Tanneries<\/h3>\r\n <p>Continue your medina exploration, visiting the famous <strong>Chouara Tannery<\/strong> where leather is still processed using traditional methods. Explore artisan workshops specializing in pottery, metalwork, ceramics, and textiles. Visit the <strong>Nejjarine Museum of Wooden Arts and Crafts<\/strong>. Experience the vibrant souks filled with spices, leather goods, carpets, and traditional crafts. Evening at leisure to explore on your own or enjoy dinner at a traditional restaurant with live Moroccan music.<\/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 Ifrane & Middle Atlas<\/h3>\r\n <p>After breakfast, depart Fes for your journey to the Sahara Desert. Travel through the <strong>Middle Atlas Mountains<\/strong>, stopping in <strong>Ifrane<\/strong>, known as \"Morocco's Switzerland\" for its alpine-style architecture and clean, orderly streets. Visit the <strong>Cedar Forest<\/strong> near Azrou, where you might see Barbary macaques (wild monkeys) in their natural habitat. Continue through beautiful mountain scenery, passing through traditional Berber villages.<\/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>, known for its palm groves and dramatic gorges. Stop for panoramic views of the valley. Continue to <strong>Merzouga<\/strong>, the gateway to the Erg Chebbi dunes. Arrive at your hotel at the edge of the desert. In the late afternoon, embark on a magical <strong>camel trek<\/strong> into the dunes. Watch the sunset over the golden sands, then continue to your desert camp. Enjoy a traditional Moroccan dinner under the stars, accompanied by Berber music around a campfire. Overnight in comfortable nomadic tents with proper bedding.<\/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>Sunrise & Departure from Desert<\/h3>\r\n <p>Wake up early to experience the spectacular sunrise over the dunes (optional). After breakfast at the camp, camel trek back to your hotel for shower facilities. Visit the nearby town of <strong>Rissani<\/strong>, the former capital of the Tafilalet region and birthplace of the Alaouite dynasty (current ruling dynasty of Morocco). Explore the traditional market (souk) if it's market day (Tuesday, Thursday, or Sunday). See the ancient ksar (fortified village) and the Mausoleum of Moulay Ali Sharif.<\/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 your journey to the spectacular <strong>Todra Gorge<\/strong>, where towering limestone cliffs rise 300 meters on either side of a narrow gorge. Walk through the gorge, admiring the dramatic scenery and watching rock climbers. After your visit, drive through the <strong>Dades Valley<\/strong>, known as \"the Valley of a Thousand Kasbahs\" for its numerous fortified earthen buildings. Stop at strategic viewpoints to admire the winding road through the valley and the unique rock formations. Overnight in a hotel in the Dades Valley area.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 6: Dades Valley \u21e2 Ouarzazate \u21e2 Ait Ben Haddou \u21e2 High Atlas Mountains \u21e2 Marrakech<\/h3>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">Morning<\/div>\r\n <div class=\"step-content\">\r\n <h3>Dades Valley to Ouarzazate<\/h3>\r\n <p>After breakfast, depart Dades Valley and continue through the \"Road of the Thousand Kasbahs.\" Stop at <strong>Kelaat M'Gouna<\/strong>, known as the \"Valley of Roses\" (especially beautiful during the rose harvest in May). Continue to <strong>Ouarzazate<\/strong>, known as the \"Gateway to the Desert\" and a major film production location. Visit the <strong>Taourirt Kasbah<\/strong>, one of the most impressive kasbahs in Morocco, and optionally the <strong>Atlas Film Studios<\/strong> where many 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 famous <strong>Ait Ben Haddou<\/strong>, a UNESCO World Heritage site and the most famous kasbah in Morocco. This impressive fortified village has been featured in numerous films including \"Gladiator,\" \"Lawrence of Arabia,\" and \"Game of Thrones.\" Cross the river and climb up to explore the kasbah. After your visit, begin your journey across the <strong>High Atlas Mountains<\/strong> via the Tizi n'Tichka pass (2,260m), enjoying spectacular mountain scenery. Arrive in <strong>Marrakech<\/strong> in the evening and check into your riad\/hotel. Evening free to experience the famous Djemaa el-Fna square.<\/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: Guided Tour of Marrakech \u21e2 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. 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 7-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 diverse landscapes of Morocco, from the blue city to the golden desert, through dramatic gorges and over majestic mountains, providing an unforgettable Moroccan adventure.<\/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 desert, mountains, and imperial cities<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Chefchaouen Blue City<\/h4>\r\n <p>Magical blue-washed streets in the Rif Mountains<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-chess-rook\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Volubilis Roman Ruins<\/h4>\r\n <p>UNESCO World Heritage Roman archaeological 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-landmark\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Meknes Imperial City<\/h4>\r\n <p>Bab Mansour gate & Moulay Ismail Mausoleum<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-city\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Fes Medieval Medina<\/h4>\r\n <p>UNESCO site with world's oldest university<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-camel\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Sahara Desert Experience<\/h4>\r\n <p>Camel trek & overnight in Merzouga 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-mountain\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Todra Gorge<\/h4>\r\n <p>300m high limestone cliffs in dramatic gorge<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-road\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Dades Valley<\/h4>\r\n <p>\"Valley of a Thousand Kasbahs\" scenic route<\/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>Ait Ben Haddou<\/h4>\r\n <p>UNESCO kasbah featured in Hollywood films<\/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 with spectacular views<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-place-of-worship\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Marrakech Cultural Sites<\/h4>\r\n <p>Koutoubia, Bahia Palace, Saadian Tombs & souks<\/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>Ifrane & Cedar Forest<\/h4>\r\n <p>\"Morocco's Switzerland\" & Barbary macaques<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-compass\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Complete Morocco Experience<\/h4>\r\n <p>From Mediterranean north to Sahara desert south<\/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 7-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>Airport\/port pick-up in Tangier<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Private transportation with A\/C vehicle\/4x4<\/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>6 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>Dinner during desert night (Day 4)<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Camel trek in Merzouga (one per person)<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Overnight in desert camp with bedding<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Local guides in Fes and Marrakech<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Entrance fees to Volubilis and major sites<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Hotel taxes and service charges<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Airport drop-off in Marrakech<\/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 Day 4)<\/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 hotel staff<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Personal expenses and souvenirs<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Optional activities (quad biking, etc.)<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Visa fees if applicable to your nationality<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Drinks and beverages<\/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 7-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 7 Days \/ 6 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>Trasporto<\/strong>\r\n Private A\/C Vehicle\/4x4\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-user-friends\"><\/i>\r\n <div>\r\n <strong>Group Size<\/strong>\r\n Private Tour (2-6 travelers)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-temperature-three-quarters\"><\/i>\r\n <div>\r\n <strong>Best Season<\/strong>\r\n Year-round (spring & autumn ideal)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-hotel\"><\/i>\r\n <div>\r\n <strong>Sistemazione<\/strong>\r\n Hotels + 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 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 Soft bags recommended for desert\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 needed)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-map\"><\/i>\r\n <div>\r\n <strong>Destinations Covered<\/strong>\r\n 8 Major Sites & Landscapes\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 7-day Tangier to Marrakech desert tour<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the accommodation like 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 Merzouga offers <strong>comfortable nomadic-style tents<\/strong> with proper bedding (mattress, sheets, blankets, and pillows). Most camps have shared bathroom facilities with basic showers and toilets. Some luxury camps offer private bathrooms with hot showers. The camp typically includes a dining tent where meals are served, and a common area for evening entertainment around a campfire. While it's not luxury hotel accommodation, it's clean, comfortable, and provides an authentic desert experience. The highlight is sleeping under the stars in the Sahara Desert. If you prefer, you can arrange to stay in a hotel at the edge of the desert instead, though you'd miss the overnight desert 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>Is the camel trek suitable for everyone? Are there alternatives?<\/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 camel trek typically lasts about <strong>1-1.5 hours each way<\/strong> (to and from the camp). While camels walk slowly and are generally gentle, riding can be uncomfortable for those with back problems or mobility issues. The camels are led by experienced guides. If you prefer not to ride a camel, most camps can arrange <strong>4x4 transportation<\/strong> to the camp instead. Also, you can choose to walk alongside the camels if you prefer. For those with significant mobility limitations, it's best to discuss alternatives when booking. The camel trek is a highlight for most travelers, but your comfort and safety are the priority.\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 portion of the 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 For the desert: <strong>lightweight, loose clothing<\/strong> for daytime (long sleeves protect from sun), <strong>warmer layers<\/strong> for evening (desert temperatures drop significantly at night), <strong>comfortable closed shoes<\/strong> (sand gets everywhere), <strong>scarf or shemagh<\/strong> (for sun\/wind protection), <strong>sunglasses<\/strong>, <strong>hat<\/strong>, <strong>high SPF sunscreen<\/strong>, <strong>lip balm<\/strong>, <strong>flashlight\/headlamp<\/strong>, <strong>power bank<\/strong> (limited electricity in camp), <strong>small backpack<\/strong> for day items, <strong>camera with dust protection<\/strong>, and <strong>personal toiletries<\/strong>. Pack in a soft bag rather than hard suitcase for the desert portion. Hotels can store larger luggage 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>How are the driving distances on 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 covers significant distances, with some longer driving days (particularly Day 4 and Day 6). However, the journey is part of the experience, with constantly changing landscapes and frequent stops at interesting sites. Typical driving times: Day 1 (2-3 hours), Day 2 (4-5 hours with stops), Day 3 (no driving), Day 4 (7-8 hours with stops), Day 5 (4-5 hours), Day 6 (7-8 hours with stops), Day 7 (no driving). The vehicle is comfortable with air conditioning, and your driver will make regular stops for photos, restrooms, and stretching. The scenery is spectacular, especially through the Atlas Mountains.\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 direction?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n <strong>Yes, this tour can be customized<\/strong> in several ways: It can easily be taken in reverse (Marrakech to Tangier). You can add extra nights in specific locations (Chefchaouen, Fes, or Marrakech). You can extend the desert stay (2 nights in Merzouga instead of 1). You can add visits to other sites (Skoura Oasis, Draa Valley, etc.). You can adjust the pace for a more leisurely experience. The tour can also be combined with other Morocco tours or extended to 10-14 days for a more comprehensive experience. Since this is a private tour, we can work with you to create an itinerary that matches your interests, pace, and budget.\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 7-Day Tangier to Marrakech Tour<\/h3>\r\n <p>Complete the form below to get a quote for your comprehensive desert and imperial cities journey through Morocco 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=\"Arrival details (airport\/port), accommodation preferences, dietary requirements, mobility considerations, desert camp upgrade requests, extension requests, specific interests (photography, hiking, 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=\"it\"\/><\/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 7-day Tangier to Marrakech desert and imperial cities tour.\r\n <\/p>\r\n <p class=\"thankyou-subtext\">\r\n A Morocco adventure specialist will review your request and send you a detailed quote and itinerary by email within 24 hours (working days).\r\n <\/p>\r\n\r\n <div class=\"thankyou-actions\">\r\n <button id=\"ty-ok\">\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Back to website\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Toast -->\r\n <div class=\"toast\" id=\"toast\"><\/div>\r\n <\/div>\r\n\r\n <!-- EmailJS SDK v4 -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n <script>\r\n \/\/ === EMAILJS CONFIG ===\r\n const EMAILJS_PUBLIC_KEY = '1eurDR9BoKUswr-Rj';\r\n const EMAILJS_SERVICE_ID = 'service_cwcsvc7';\r\n const EMAILJS_TEMPLATE_ID = 'template_i0hq02b';\r\n\r\n \/\/ Init EmailJS\r\n (function () {\r\n try {\r\n if (window.emailjs) {\r\n emailjs.init({ publicKey: EMAILJS_PUBLIC_KEY });\r\n } else {\r\n console.warn('EmailJS SDK not loaded');\r\n }\r\n } catch (e) {\r\n console.error('EmailJS init error:', e);\r\n }\r\n })();\r\n\r\n \/\/ Gallery\r\n const mainGalleryImg = document.getElementById('main-gallery-img');\r\n const thumbnails = document.querySelectorAll('#tangier-marrakech-tour-wrapper .thumbnail');\r\n \r\n thumbnails.forEach(thumb => {\r\n thumb.addEventListener('click', () => {\r\n const src = thumb.getAttribute('data-src');\r\n if (src) mainGalleryImg.src = src;\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n thumb.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ FAQ accordion\r\n document.querySelectorAll('#tangier-marrakech-tour-wrapper .faq-item').forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('#tangier-marrakech-tour-wrapper .faq-item').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n });\r\n });\r\n\r\n \/\/ Toast\r\n function showToast(message, type = 'success') {\r\n const toast = document.getElementById('toast');\r\n toast.textContent = message;\r\n toast.className = 'toast show ' + type;\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 4000);\r\n }\r\n\r\n \/\/ Validation helpers\r\n function validateEmail(email) {\r\n const emailRegex = \/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$\/;\r\n return emailRegex.test(email);\r\n }\r\n\r\n function validatePhone(phone) {\r\n const cleanPhone = phone.replace(\/\\D\/g, '');\r\n return cleanPhone.length >= 10;\r\n }\r\n\r\n function showError(inputId, errorId, message) {\r\n document.getElementById(inputId).classList.add('error');\r\n document.getElementById(errorId).textContent = message;\r\n document.getElementById(errorId).style.display = 'block';\r\n }\r\n\r\n function hideError(inputId, errorId) {\r\n document.getElementById(inputId).classList.remove('error');\r\n document.getElementById(errorId).style.display = 'none';\r\n }\r\n\r\n function validateForm() {\r\n let isValid = true;\r\n const prefix = 'd-';\r\n\r\n const email = document.getElementById(`${prefix}email`).value.trim();\r\n if (!validateEmail(email)) {\r\n showError(`${prefix}email`, `${prefix}email-error`, 'Please enter a valid email address');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}email`, `${prefix}email-error`);\r\n }\r\n\r\n const phone = document.getElementById(`${prefix}phone`).value.trim();\r\n if (!validatePhone(phone)) {\r\n showError(`${prefix}phone`, `${prefix}phone-error`, 'Please enter a valid phone number (min. 10 digits)');\r\n isValid = false;\r\n } else {\r\n hideError(`${prefix}phone`, `${prefix}phone-error`);\r\n }\r\n\r\n const requiredFields = [\r\n { id: `${prefix}fullname`, errorId: `${prefix}fullname-error`, message: 'Please enter your name' },\r\n { id: `${prefix}date`, errorId: `${prefix}date-error`, message: 'Please choose start date' },\r\n { id: `${prefix}people`, errorId: `${prefix}people-error`, message: 'Please enter number of travelers' }\r\n ];\r\n\r\n requiredFields.forEach(field => {\r\n const value = document.getElementById(field.id).value.trim();\r\n if (!value) {\r\n showError(field.id, field.errorId, field.message);\r\n isValid = false;\r\n } else {\r\n hideError(field.id, field.errorId);\r\n }\r\n });\r\n\r\n return isValid;\r\n }\r\n\r\n \/\/ EmailJS send\r\n async function sendEmailJS() {\r\n const prefix = 'd-';\r\n const pax = parseInt(document.getElementById(`${prefix}people`).value || '2', 10);\r\n\r\n const formData = {\r\n full_name: document.getElementById(`${prefix}fullname`).value,\r\n email: document.getElementById(`${prefix}email`).value,\r\n phone: document.getElementById(`${prefix}phone`).value,\r\n start_date: document.getElementById(`${prefix}date`).value,\r\n participants: pax,\r\n special_requests: document.getElementById(`${prefix}message`).value,\r\n tour_name: '7 Days Tour from Tangier to Marrakech \u2013 Complete Morocco Desert & Imperial Cities Journey',\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>7 Days Tour from Tangier to Marrakech | Morocco Desert & … <\/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-339","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages\/339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/comments?post=339"}],"version-history":[{"count":4,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages\/339\/revisions"}],"predecessor-version":[{"id":343,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages\/339\/revisions\/343"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/media?parent=339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}