{"id":232,"date":"2025-12-05T12:19:19","date_gmt":"2025-12-05T12:19:19","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=232"},"modified":"2025-12-15T19:47:47","modified_gmt":"2025-12-15T19:47:47","slug":"3-days-fes-to-marrakech-desert-tour","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/es\/3-days-fes-to-marrakech-desert-tour\/","title":{"rendered":"3 Days Fes to Marrakech Desert Tour"},"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 9 Days Fes to Marrakech Desert Tour | Fes to Marrakech via Desert & Atlas<\/title>\r\n <meta name=\"description\" content=\"Book a 9-day desert tour from Fes to Marrakech via Ifrane, Middle Atlas, Ziz Valley, Merzouga desert, Todra Gorge, Dades Valley, Ait Ben Haddou, and High Atlas Mountains.\">\r\n <meta name=\"keywords\" content=\"9 days Fes to Marrakech desert tour, Fes to Marrakech 9 days, Ifrane Middle Atlas, Ziz Valley Merzouga, Todra Gorge Dades Valley, Ait Ben Haddou High Atlas, Fes desert tour 9 days, Morocco 9-day desert adventure, Merzouga desert camping, Atlas Mountains crossing, Morocco multi-day tour\">\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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .container {\r\n max-width: 1300px !important;\r\n margin: 0 auto !important;\r\n padding: 20px 18px 60px !important;\r\n }\r\n\r\n \/* Hero Section *\/\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .hero-section {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .detail-pill i {\r\n color: #FF6C0C !important;\r\n }\r\n\r\n \/* Gallery Section *\/\r\n #marrakech-desert-tour-wrapper .gallery-section {\r\n display: grid !important;\r\n gap: 10px !important;\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .thumbnail:hover img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .thumbnail:hover::after {\r\n opacity: 1 !important;\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .info-text strong {\r\n font-size: 1rem !important;\r\n color: var(--text-primary) !important;\r\n }\r\n\r\n \/* Main Layout *\/\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .main-layout {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .highlight-box strong {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #marrakech-desert-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 - Mobile: 1 item per line *\/\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .feature-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .feature-card div {\r\n color: var(--text-secondary) !important;\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n \/* Itinerary *\/\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .itinerary-step:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 (Separate from Itinerary) *\/\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .highlights-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 - Mobile Optimized *\/\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .two-column {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .bullet-list.included li i {\r\n color: #BF1A1A !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .bullet-list.excluded li i {\r\n color: #dc2626 !important;\r\n }\r\n\r\n \/* FAQ *\/\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .faq-item:hover {\r\n border-color: #FF6C0C !important;\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .faq-question i {\r\n color: #FF6C0C !important;\r\n transition: transform 0.3s !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .faq-item.open .faq-question i {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 - Fixed Form Only *\/\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .form-group {\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #marrakech-desert-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 \/* Updated form layout for mobile *\/\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .sidebar {\r\n position: static !important;\r\n top: auto !important;\r\n margin-top: 16px !important;\r\n }\r\n #marrakech-desert-tour-wrapper .booking-form {\r\n position: static !important;\r\n top: auto !important;\r\n }\r\n #marrakech-desert-tour-wrapper .form-row {\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n \/* Mobile form adjustments *\/\r\n #marrakech-desert-tour-wrapper .full-width-input {\r\n grid-column: 1 \/ -1 !important;\r\n }\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .form-input,\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .form-input:focus,\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .form-input.error,\r\n #marrakech-desert-tour-wrapper textarea.error {\r\n border-color: #dc2626 !important;\r\n background: #fef2f2 !important;\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .btn-primary i {\r\n font-size: 1rem !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .form-note {\r\n font-size: 0.85rem !important;\r\n color: var(--text-secondary) !important;\r\n margin-top: 12px !important;\r\n text-align: center !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n \/* Toast *\/\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .toast.show {\r\n display: block !important;\r\n }\r\n\r\n \/* Thank You Overlay *\/\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .thankyou-close:hover {\r\n background: #f0f0f0 !important;\r\n }\r\n\r\n #marrakech-desert-tour-wrapper .thankyou-icon {\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .thankyou-actions button:hover {\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n @keyframes thankYouPopIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(20px) scale(0.95);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n \/* Wikipedia link styling *\/\r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .wiki-link:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n \/* Mobile Optimization *\/\r\n @media (max-width: 768px) {\r\n #marrakech-desert-tour-wrapper .container {\r\n padding: 15px 12px 60px !important;\r\n }\r\n \r\n #marrakech-desert-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 #marrakech-desert-tour-wrapper .gallery-section {\r\n order: 1 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-content {\r\n padding: 20px 18px !important;\r\n order: 2 !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .main-gallery {\r\n height: 280px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail {\r\n min-height: 80px !important;\r\n }\r\n \r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .content-section {\r\n padding: 20px 18px !important;\r\n margin-bottom: 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .highlight-box {\r\n padding: 14px 16px !important;\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .info-cards {\r\n flex-direction: column !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .info-card {\r\n width: 100% !important;\r\n }\r\n \r\n #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-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 #marrakech-desert-tour-wrapper .container {\r\n padding: 12px 10px 60px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-content {\r\n padding: 18px 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .main-gallery {\r\n height: 240px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr) !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .thumbnail {\r\n min-height: 70px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .content-section {\r\n padding: 18px 16px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .bullet-list.included li {\r\n padding: 12px !important;\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-content h1 {\r\n font-size: 24px !important;\r\n }\r\n \r\n #marrakech-desert-tour-wrapper .hero-description {\r\n font-size: 1rem !important;\r\n }\r\n \r\n #marrakech-desert-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=\"marrakech-desert-tour-wrapper\">\r\n <div class=\"container\">\r\n <!-- Hero Section -->\r\n <header class=\"hero-section\">\r\n <!-- Gallery -->\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\/06.jpg\"\r\n alt=\"9 Days Fes to Marrakech Desert Tour - Atlas Mountains & Sahara Adventure\"\r\n \/>\r\n <div class=\"gallery-overlay\"><\/div>\r\n <div class=\"gallery-caption\">\r\n <i class=\"fa-solid fa-calendar-days\"><\/i> 9-Day Desert Tour 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\/06.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/06.jpg\" alt=\"Fes to Marrakech Desert Tour\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/hc8daY0tKNgF8xh-Lglc.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/hc8daY0tKNgF8xh-Lglc.jpg\" alt=\"Merzouga Desert Experience\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/5e-1.jpg\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/5e-1.jpg\" alt=\"Atlas Mountains Morocco\" \/>\r\n <\/button>\r\n <button\r\n class=\"thumbnail\"\r\n data-src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/dunes_de_lErg_Chebbi.webp\"\r\n >\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/dunes_de_lErg_Chebbi.webp\" alt=\"Erg Chebbi Dunes Sahara\" \/>\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>9 Days \/ 8 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 Tour<\/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>9 Day Desert Expedition<\/span>\r\n <\/div>\r\n <h1>9 Days Fes to Marrakech Desert Tour via Ifrane, Middle Atlas, Ziz Valley & Merzouga<\/h1>\r\n <p class=\"hero-description\">\r\n Experience an unforgettable <span class=\"keyword-highlight\">9-day desert tour from Fes to Marrakech<\/span> crossing the scenic <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span>, visiting the charming city of <span class=\"keyword-highlight\">Ifrane<\/span>, exploring the stunning <span class=\"keyword-highlight\">Ziz Valley<\/span>, enjoying the <span class=\"keyword-highlight\">Merzouga desert<\/span> with camel trekking, visiting <span class=\"keyword-highlight\">Todra Gorge<\/span> y <span class=\"keyword-highlight\">Dades Valley<\/span>, then traveling through <span class=\"keyword-highlight\">Ait Ben Haddou<\/span> and crossing the <span class=\"keyword-highlight\">High Atlas Mountains<\/span> to reach Marrakech.\r\n <\/p>\r\n <div class=\"transfer-details\">\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-mountain\"><\/i> Middle Atlas<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-tree-city\"><\/i> Ifrane<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-water\"><\/i> Ziz Valley<\/div>\r\n <div class=\"detail-pill\"><i class=\"fa-solid fa-campground\"><\/i> Merzouga Desert<\/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>9-Day Desert Tour Overview<\/h2>\r\n <small>Complete Atlas Mountains Crossing & Desert Adventure from Fes to Marrakech<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-box\">\r\n <strong>This comprehensive 9-day desert tour takes you from Fes to Marrakech through Morocco's most spectacular landscapes with ample time for exploration. You'll cross the <span class=\"keyword-highlight\">Middle Atlas Mountains<\/span>, visit the picturesque city of <span class=\"keyword-highlight\">Ifrane<\/span> (known as 'Little Switzerland'), explore the breathtaking <span class=\"keyword-highlight\">Ziz Valley<\/span>, experience the <span class=\"keyword-highlight\">Merzouga desert<\/span> with extended camel trekking and overnight desert camp stays, visit the dramatic <span class=\"keyword-highlight\">Todra Gorge<\/span> and scenic <span class=\"keyword-highlight\">Dades Valley<\/span>, explore <span class=\"keyword-highlight\">Draa Valley<\/span> y <span class=\"keyword-highlight\">Skoura Oasis<\/span>, then travel through <span class=\"keyword-highlight\">Ait Ben Haddou<\/span> and cross the <span class=\"keyword-highlight\">High Atlas Mountains<\/span> to reach Marrakech.<\/strong><br \/> The itinerary includes comfortable transportation, luxury desert camp accommodation, comprehensive sightseeing, and cultural experiences for an unforgettable Moroccan adventure.\r\n <\/div>\r\n <p>\r\n The <span class=\"keyword-highlight\">9-day Fes to Marrakech desert tour<\/span> covers Morocco's most diverse landscapes with a relaxed pace that allows for deep exploration. You'll experience the contrasting scenery of the Middle Atlas with its cedar forests and Berber villages, the desert landscapes around Merzouga with Erg Chebbi's golden dunes for multiple nights, the dramatic gorges of Todra, the historic kasbahs of southern Morocco, the palm groves of Draa Valley, and finally the majestic High Atlas Mountains before reaching Marrakech.\r\n <\/p>\r\n <p>\r\n This extended tour allows time to truly immerse yourself in Moroccan culture and landscapes without feeling rushed. You'll have ample opportunity for photography, cultural interactions, village visits, and enjoying the natural beauty of Morocco at a leisurely pace.\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>9-Day Desert Tour Itinerary: Fes to Marrakech<\/h2>\r\n <small>Detailed day-by-day itinerary of your mountain & desert 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: Arrival in Fes - City Introduction<\/h3>\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 & Hotel Check-in<\/h3>\r\n <p>Arrive in Fes and transfer to your riad\/hotel. Meet your guide for a comprehensive tour briefing. Evening free to explore the medina surroundings or rest after your 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 2: Fes Guided Tour<\/h3>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">Full Day<\/div>\r\n <div class=\"step-content\">\r\n <h3>Fes Exploration<\/h3>\r\n <p>Full day guided tour of Fes including the medina (UNESCO site), Al Quaraouiyine University, Chouara Tannery, Nejjarine Museum, and traditional souks. Experience the cultural heart of Morocco's spiritual capital.<\/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 - Ifrane - Middle Atlas - Midelt - Ziz Valley - Merzouga<\/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<\/h3>\r\n <p>Depart Fes after breakfast for the scenic drive through the <strong>Middle Atlas Mountains<\/strong>. Stop in <strong>Ifrane<\/strong>, known as 'Little Switzerland' for its European-style architecture. Visit the famous stone lion statue.<\/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 & Desert Arrival<\/h3>\r\n <p>Descend into the stunning <strong>Ziz Valley<\/strong> with its dramatic gorges. Continue to <strong>Merzouga<\/strong> arriving in late afternoon. Evening camel trek into Erg Chebbi dunes for sunset. Overnight in luxury desert camp.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 style=\"margin-top: 30px; margin-bottom: 20px; color: var(--text-primary); font-size: 1.1rem; font-weight: 700;\">Day 4: Merzouga Desert Exploration<\/h3>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">Full Day<\/div>\r\n <div class=\"step-content\">\r\n <h3>Sahara Experience<\/h3>\r\n <p>Full day exploring the Sahara. Visit nomadic families, see the oasis of Merzouga, explore the dunes, optional 4x4 excursion to distant dunes. Second night in desert camp with traditional Berber entertainment.<\/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 - Rissani - Todra Gorge<\/h3>\r\n\r\n <div class=\"itinerary-step\">\r\n <div class=\"step-label\">Morning<\/div>\r\n <div class=\"step-content\">\r\n <h3>Desert Sunrise & Rissani<\/h3>\r\n <p>Early morning sunrise over dunes. Camel trek back to Merzouga. Visit <strong>Rissani<\/strong> traditional market. Then travel toward Todra Gorge.<\/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 Exploration<\/h3>\r\n <p>Arrive at <strong>Todra Gorge<\/strong> where limestone cliffs rise 300 meters. Take a walk through the gorge. Overnight in Todra Gorge 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: Todra Gorge - Dades Valley - Valley of Roses<\/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<\/h3>\r\n <p>Travel through the <strong>Dades Valley<\/strong> (Valley of a Thousand Kasbahs). Visit traditional kasbahs and enjoy the impressive rock formations.<\/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>Valley of Roses<\/h3>\r\n <p>Continue to the <strong>Valley of Roses<\/strong> (especially beautiful April-May). Visit rose water cooperatives. Overnight in Boumalne Dades 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 7: Dades Valley - Skoura Oasis - 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>Skoura Oasis<\/h3>\r\n <p>Travel through <strong>Skoura Oasis<\/strong>, visiting Kasbah Amridil and learning about date palm cultivation in this lush oasis.<\/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>Ouarzazate<\/h3>\r\n <p>Arrive in <strong>Ouarzazate<\/strong>, visit the film studios and Taourirt Kasbah. Overnight in Ouarzazate.<\/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: Ouarzazate - Ait Ben Haddou - High Atlas - 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<\/h3>\r\n <p>Visit the famous <strong>Ait Ben Haddou<\/strong>, UNESCO World Heritage site. Explore the ancient mud-brick architecture featured in many films.<\/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 Crossing<\/h3>\r\n <p>Cross the <strong>High Atlas Mountains<\/strong> via Tizi n'Tichka pass (2,260m). Enjoy breathtaking mountain views. Descend to <strong>Marrakech<\/strong>, arriving in evening.<\/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 9: Marrakech 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>Free Time & Departure<\/h3>\r\n <p>Free morning to explore Marrakech or do last-minute shopping. Transfer to airport for departure according to your flight schedule.<\/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>Desert Tour Highlights<\/h2>\r\n <small>Experience the best of Morocco's 9-day desert adventure<\/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-landmark\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Fes Medina Tour<\/h4>\r\n <p>UNESCO World Heritage site exploration<\/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-city\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Ifrane Visit<\/h4>\r\n <p>'Little Switzerland' architecture<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-water\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Ziz Valley<\/h4>\r\n <p>Dramatic gorges and palm groves<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-campground\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Merzouga Desert Camp<\/h4>\r\n <p>Two nights Sahara experience<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\"><i class=\"fa-solid fa-mountain\"><\/i><\/div>\r\n <div class=\"highlight-text\">\r\n <h4>Todra Gorge<\/h4>\r\n <p>300m high limestone cliffs<\/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 film location<\/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 9-day desert tour package<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"two-column\">\r\n <div class=\"inclusion-column\">\r\n <div class=\"list-title\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Price Includes\r\n <\/div>\r\n <ul class=\"bullet-list included\">\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>8 Nights Accommodation<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Comfortable Private Transport<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Experienced Driver Guide<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Daily Breakfast Included<\/div><\/li>\r\n <li><i class=\"fa-solid fa-check\"><\/i> <div>Camel Trek Experience<\/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>Lunches & Dinners<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Personal Expenses<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Travel Insurance<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Optional Activities<\/div><\/li>\r\n <li><i class=\"fa-solid fa-xmark\"><\/i> <div>Tips & Gratuities<\/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 9-day desert tour<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-clock\"><\/i>\r\n <div>\r\n <strong>Total Duration<\/strong>\r\n 9 Days \/ 8 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 Vehicle with AC\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 Sep-May (ideal conditions)\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <i class=\"fa-solid fa-campground\"><\/i>\r\n <div>\r\n <strong>Overnight<\/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-camel\"><\/i>\r\n <div>\r\n <strong>Camel Trekking<\/strong>\r\n Included (desert experience)\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\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 (family friendly)\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 9-day Fes to Marrakech desert tour<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What type of accommodation is included throughout the 9-day tour?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n The tour includes <strong>8 nights accommodation<\/strong> in carefully selected hotels\/riads and a luxury desert camp. In cities (Fes, Marrakech), you'll stay in charming riads or 4-star hotels. In desert areas, you'll experience a luxury desert camp with proper beds, private tents, and en-suite facilities. All accommodations feature Moroccan decor, comfortable amenities, and excellent service. Accommodation can be upgraded upon request to higher categories or luxury options.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How physically demanding is this 9-day tour?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n This tour is <strong>moderately paced<\/strong> with reasonable activity levels. The camel trekking is gentle (1-1.5 hours). Walking in the desert camp and gorges requires basic mobility. Exploring medinas involves walking on uneven surfaces. The tour is suitable for most fitness levels, but those with mobility issues should note there are some steps and uneven paths. Longest driving day is about 7 hours with frequent breaks. We can adjust the pace for specific needs upon request.\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 meals are included during 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 <strong>Daily breakfast is included<\/strong> at all accommodations. Most dinners are included (especially in desert camp and some hotels). Lunches are generally not included, allowing flexibility to choose restaurants based on your preferences. Your driver\/guide can recommend excellent local restaurants at various price points. Special dietary requirements (vegetarian, vegan, gluten-free, allergies) can be accommodated with advance notice.\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 9-day tour be customized further?<\/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, extensive customization is possible!<\/strong> You can: Add extra days in specific locations, include additional destinations (like Chefchaouen or Essaouira), upgrade to luxury accommodations throughout, add specific activities (cooking classes, hiking, photography tours), extend desert stay, or adjust the pace. We can also arrange special experiences like private guides in cities, special celebrations, or cultural encounters. Contact us with your preferences for a fully customized itinerary.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the best time of year for this 9-day tour?<\/span>\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>\r\n <strong>Spring (March-May) and Autumn (September-November)<\/strong> offer ideal conditions with pleasant temperatures (20-28\u00b0C). These seasons provide comfortable desert nights and sunny days. <strong>Winter (December-February)<\/strong> offers cool days and cold desert nights (great for stargazing). <strong>Summer (June-August)<\/strong> can be extremely hot in the desert (35-45\u00b0C), though nights are pleasant. The Valley of Roses is spectacular in April-May. Overall, the tour operates year-round with appropriate adjustments for seasonal conditions.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/article>\r\n\r\n <!-- Sidebar - Booking Form -->\r\n <aside class=\"sidebar\">\r\n <section class=\"booking-form\" id=\"booking-form-section\">\r\n <h3>Book This 9-Day Desert Tour<\/h3>\r\n <p>Complete the form below to get a quote for your Fes to Marrakech desert adventure.<\/p>\r\n <form id=\"desktop-form\" novalidate action=\"\">\r\n <!-- First row: Full Name & 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 & 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 -->\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 address in Fes, accommodation preference, dietary requirements, special needs, etc.\"><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn-primary\" id=\"d-submit\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n Request a Quote\r\n <\/button>\r\n <div class=\"form-note\">\r\n We'll contact you within 24 hours with a customized desert tour quote and availability.\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\">Desert Tour Quote Requested<\/h3>\r\n <p class=\"thankyou-text\">\r\n Thank you for your interest in our 9-day Fes to Marrakech desert tour.\r\n <\/p>\r\n <p class=\"thankyou-subtext\">\r\n A desert adventure specialist will review your request and send you a detailed quote 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('#marrakech-desert-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('#marrakech-desert-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('#marrakech-desert-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: '9 Days Fes to Marrakech Desert Tour via Ifrane, Middle Atlas, Ziz Valley & Merzouga',\r\n total_price: 'Price on Call - Custom Quote'\r\n };\r\n\r\n return emailjs.send(\r\n EMAILJS_SERVICE_ID,\r\n EMAILJS_TEMPLATE_ID,\r\n formData\r\n );\r\n }\r\n\r\n \/\/ Thank You overlay\r\n const TY = document.getElementById('thankyou');\r\n const TY_CLOSE = document.getElementById('ty-close');\r\n const TY_OK = document.getElementById('ty-ok');\r\n\r\n function showThankYou() {\r\n if (TY) {\r\n TY.style.display = 'flex';\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n\r\n function hideThankYou() {\r\n if (TY) {\r\n TY.style.display = 'none';\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n if (TY_CLOSE) {\r\n TY_CLOSE.addEventListener('click', hideThankYou);\r\n }\r\n\r\n if (TY_OK) {\r\n TY_OK.addEventListener('click', hideThankYou);\r\n }\r\n\r\n if (TY) {\r\n TY.addEventListener('click', (e) => {\r\n if (e.target === TY) {\r\n hideThankYou();\r\n }\r\n });\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && TY && TY.style.display !== 'none') {\r\n hideThankYou();\r\n }\r\n });\r\n\r\n \/\/ Desktop form submit\r\n const desktopForm = document.getElementById('desktop-form');\r\n const desktopSubmitBtn = document.getElementById('d-submit');\r\n \r\n if (desktopForm) {\r\n desktopForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n \r\n if (!validateForm()) {\r\n showToast('Please correct the errors in the form', 'error');\r\n return;\r\n }\r\n \r\n desktopSubmitBtn.disabled = true;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n \r\n try {\r\n const result = await sendEmailJS();\r\n console.log('EmailJS SUCCESS:', result);\r\n showThankYou();\r\n desktopForm.reset();\r\n showToast('Your desert tour quote request has been submitted successfully!', 'success');\r\n } catch (err) { \r\n console.error('EmailJS Error:', err);\r\n showToast('Sorry, an error occurred: ' + (err.text || 'Please check your EmailJS keys\/domain.'), 'error'); \r\n } finally {\r\n desktopSubmitBtn.disabled = false;\r\n desktopSubmitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Request a Quote';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Set min date for tour start\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>9 Days Fes to Marrakech Desert Tour | Fes to Marrakech … <\/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-232","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages\/232","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=232"}],"version-history":[{"count":7,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages\/232\/revisions"}],"predecessor-version":[{"id":813,"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/pages\/232\/revisions\/813"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/es\/wp-json\/wp\/v2\/media?parent=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}