{"id":29,"date":"2026-02-21T15:08:00","date_gmt":"2026-02-21T15:08:00","guid":{"rendered":"https:\/\/moroccotravel.ai\/?page_id=29"},"modified":"2026-03-11T12:42:06","modified_gmt":"2026-03-11T12:42:06","slug":"morocco-desert-tour-7-days-tour-from-casablanca-to-marrakech-desert-2026","status":"publish","type":"page","link":"https:\/\/moroccotravel.ai\/pt\/morocco-desert-tour-7-days-tour-from-casablanca-to-marrakech-desert-2026\/","title":{"rendered":"Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech\u00a0Desert 2026"},"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 \r\n \r\n \r\n \r\n \r\n Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech Desert 2026<\/title>\r\n <!-- ########## END SEO ########## -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <!-- EmailJS config: Public Key MnTxIyAXYhEVP7r_W , Service ID service_sgtr84h , Template ID template_3zsdqnq -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TouristTrip\",\r\n \"name\": \"7 Days Tour from Casablanca to Marrakech Desert 2026\",\r\n \"description\": \"7-day journey through Morocco: Casablanca, Fes, Merzouga Sahara, Ouarzazate, Marrakech. Includes camel ride, luxury desert camp, and 4x4 transport.\",\r\n \"provider\": {\r\n \"@type\": \"Organization\",\r\n \"name\": \"Timlalin Tours\",\r\n \"url\": \"https:\/\/timlalintours.com\"\r\n },\r\n \"location\": {\r\n \"@type\": \"Place\",\r\n \"name\": \"Casablanca, Fes, Merzouga, Ouarzazate, Marrakech\"\r\n },\r\n \"offers\": {\r\n \"@type\": \"Offer\",\r\n \"price\": \"0\",\r\n \"priceCurrency\": \"EUR\",\r\n \"availability\": \"https:\/\/schema.org\/InStock\"\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* UPDATED COLOR SCHEME - TIMLALIN TOURS THEME *\/\r\n :root {\r\n --primary: #d0923d; \/* Golden brown *\/\r\n --primary-dark: #b37a34; \/* Darker golden brown *\/\r\n --primary-light: #e0aa60; \/* Lighter golden brown *\/\r\n --secondary: #DC0E0E; \/* Red accent *\/\r\n --secondary-dark: #b30b0b; \/* Darker red *\/\r\n --secondary-light: #e63939; \/* Lighter red *\/\r\n --button-bg: #d0923d; \/* Golden brown *\/\r\n --button-text: #FFFFFF; \/* White *\/\r\n --button-hover: #b37a34; \/* Darker golden brown *\/\r\n --button-text-hover: #FFFFFF; \/* White *\/\r\n --dark: #111827;\r\n --gray-dark: #4b5563;\r\n --gray: #6b7280;\r\n --gray-light: #9ca3af;\r\n --gray-extra-light: #e5e7eb;\r\n --light: #f9fafb;\r\n --white: #ffffff;\r\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n --radius: 12px;\r\n --radius-sm: 8px;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-text-size-adjust: 100%;\r\n touch-action: manipulation;\r\n }\r\n\r\n html {\r\n -webkit-text-size-adjust: 100%;\r\n text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n font-weight: 400;\r\n color: var(--gray-dark);\r\n line-height: 1.6;\r\n background-color: var(--light);\r\n padding: 0;\r\n margin: 0;\r\n overflow-x: hidden;\r\n padding-bottom: 70px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n .booking-page {\r\n display: flex;\r\n gap: 40px;\r\n padding: 40px 0;\r\n align-items: flex-start;\r\n }\r\n\r\n .left-container {\r\n flex: 1;\r\n }\r\n\r\n .right-container {\r\n width: 380px;\r\n position: sticky;\r\n top: 40px;\r\n }\r\n\r\n .section {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 32px;\r\n margin-bottom: 32px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n margin-bottom: 24px;\r\n color: var(--dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .section-title i {\r\n color: var(--secondary);\r\n font-size: 20px;\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n font-weight: 800;\r\n line-height: 1.3;\r\n color: var(--dark);\r\n margin-bottom: 20px;\r\n }\r\n\r\n h2 {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 20px;\r\n }\r\n\r\n h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .image-gallery {\r\n margin-bottom: 32px;\r\n position: relative;\r\n }\r\n\r\n .hero-image {\r\n width: 100%;\r\n height: 400px;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n margin-bottom: 16px;\r\n box-shadow: var(--shadow-lg);\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n\r\n .hero-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .thumbnail-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 12px;\r\n }\r\n\r\n .thumbnail {\r\n height: 90px;\r\n border-radius: var(--radius-sm);\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n border: 3px solid transparent;\r\n opacity: 0.9;\r\n position: relative;\r\n }\r\n\r\n .thumbnail:hover {\r\n opacity: 1;\r\n transform: translateY(-3px);\r\n border-color: var(--primary);\r\n }\r\n\r\n .thumbnail.active {\r\n border-color: var(--primary);\r\n opacity: 1;\r\n }\r\n\r\n .thumbnail img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n user-select: none;\r\n }\r\n\r\n .zoom-icon {\r\n position: absolute;\r\n top: 5px;\r\n right: 5px;\r\n background: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n .thumbnail:hover .zoom-icon {\r\n opacity: 1;\r\n }\r\n\r\n .view-more-thumbnail {\r\n position: relative;\r\n }\r\n\r\n .view-more-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.6);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 700;\r\n font-size: 14px;\r\n flex-direction: column;\r\n gap: 5px;\r\n }\r\n\r\n .gallery-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n z-index: 3000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n touch-action: pan-y pinch-zoom;\r\n }\r\n\r\n .gallery-modal.active {\r\n display: flex;\r\n }\r\n\r\n .modal-content {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 80vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n touch-action: pan-y pinch-zoom;\r\n }\r\n\r\n .modal-image {\r\n max-width: 100%;\r\n max-height: 80vh;\r\n border-radius: 8px;\r\n object-fit: contain;\r\n touch-action: pan-y pinch-zoom;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n }\r\n\r\n .modal-nav {\r\n position: absolute;\r\n top: 50%;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n transform: translateY(-50%);\r\n padding: 0 20px;\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 30px;\r\n cursor: pointer;\r\n z-index: 3001;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .modal-close i {\r\n font-size: 24px;\r\n }\r\n\r\n .modal-nav-btn {\r\n background: rgba(208, 146, 61, 0.7); \r\n border: none;\r\n color: white;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n font-size: 20px;\r\n cursor: pointer;\r\n transition: background 0.2s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .modal-nav-btn:hover {\r\n background: rgba(208, 146, 61, 0.9); \r\n }\r\n\r\n .modal-counter {\r\n color: white;\r\n font-size: 16px;\r\n margin-top: 20px;\r\n text-align: center;\r\n }\r\n\r\n .tour-description {\r\n font-size: 18px;\r\n line-height: 1.7;\r\n color: var(--gray-dark);\r\n margin-bottom: 32px;\r\n font-weight: 400;\r\n }\r\n\r\n .tour-duration {\r\n color: var(--dark);\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n padding: 12px 20px;\r\n background-color: transparent;\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n width: 100%;\r\n margin-left: 0;\r\n margin-right: 0;\r\n border: 3px solid var(--primary);\r\n border-left: 6px solid var(--secondary);\r\n white-space: nowrap;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n\r\n .tour-duration i {\r\n color: var(--primary);\r\n flex-shrink: 0;\r\n }\r\n\r\n .timeline {\r\n position: relative;\r\n padding-left: 40px;\r\n }\r\n\r\n .timeline:before {\r\n content: '';\r\n position: absolute;\r\n left: 19px;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n background-image: linear-gradient(to bottom, \r\n var(--primary) 0%, \r\n var(--primary) 50%, \r\n transparent 50%, \r\n transparent 100%);\r\n background-size: 2px 20px;\r\n background-repeat: repeat-y;\r\n }\r\n\r\n .timeline-item {\r\n position: relative;\r\n margin-bottom: 30px;\r\n padding-left: 10px;\r\n }\r\n\r\n .timeline-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .timeline-item:before {\r\n content: '';\r\n position: absolute;\r\n left: -31px;\r\n top: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background-color: var(--primary);\r\n border: 4px solid var(--white);\r\n box-shadow: 0 0 0 2px var(--primary);\r\n z-index: 2;\r\n }\r\n\r\n .timeline-content {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .timeline-icon {\r\n color: var(--primary);\r\n font-size: 20px;\r\n width: 24px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .timeline-day {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 8px;\r\n color: var(--dark);\r\n line-height: 1.3;\r\n }\r\n\r\n .timeline-details {\r\n color: var(--gray-dark);\r\n font-size: 16px;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n }\r\n\r\n .highlights-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .highlight-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .highlight-icon {\r\n color: var(--white);\r\n font-size: 24px;\r\n width: 50px;\r\n height: 50px;\r\n background: var(--primary);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-content {\r\n flex: 1;\r\n }\r\n\r\n .highlight-title {\r\n font-weight: 800;\r\n margin-bottom: 6px;\r\n color: var(--dark);\r\n font-size: 20px;\r\n line-height: 1.2;\r\n }\r\n\r\n .highlight-desc {\r\n color: var(--gray);\r\n font-size: 16px;\r\n line-height: 1.3;\r\n font-weight: 400;\r\n }\r\n\r\n .included-section {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 32px;\r\n }\r\n\r\n .included-list, .excluded-list {\r\n list-style: none;\r\n }\r\n\r\n .included-list li, .excluded-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 14px;\r\n gap: 12px;\r\n padding: 2px 0;\r\n font-size: 16px;\r\n line-height: 1.5;\r\n color: var(--gray-dark);\r\n font-weight: 400;\r\n }\r\n\r\n .included-list i {\r\n color: var(--primary);\r\n font-size: 18px;\r\n width: 24px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .excluded-list i {\r\n color: #ef4444;\r\n font-size: 18px;\r\n width: 24px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .included-text {\r\n font-weight: 400;\r\n color: var(--gray-dark);\r\n font-size: 16px;\r\n line-height: 1.5;\r\n }\r\n\r\n .faq-item {\r\n border-bottom: 1px solid var(--gray-extra-light);\r\n padding-bottom: 20px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .faq-item:last-child {\r\n border-bottom: none;\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n .faq-question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n padding: 8px 0;\r\n gap: 12px;\r\n }\r\n\r\n .faq-question h3 {\r\n margin-bottom: 0;\r\n font-weight: 800;\r\n color: var(--dark);\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 18px;\r\n }\r\n\r\n .faq-question i {\r\n color: var(--primary);\r\n font-size: 18px;\r\n }\r\n\r\n .faq-question .arrow {\r\n color: var(--gray);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .faq-question.active .arrow {\r\n transform: rotate(180deg);\r\n color: var(--primary);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease;\r\n color: var(--gray-dark);\r\n line-height: 1.6;\r\n padding-left: 36px;\r\n font-weight: 400;\r\n font-size: 16px;\r\n }\r\n\r\n .faq-answer.open {\r\n max-height: 500px;\r\n margin-top: 12px;\r\n }\r\n\r\n .booking-widget {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 32px;\r\n margin-bottom: 32px;\r\n box-shadow: var(--shadow-lg);\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .price-container {\r\n text-align: center;\r\n margin-bottom: 28px;\r\n padding-bottom: 28px;\r\n border-bottom: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .price-display {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .price {\r\n font-size: 42px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n line-height: 1.2;\r\n }\r\n \r\n .currency-symbol {\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-right: -5px;\r\n }\r\n\r\n .price-icon {\r\n color: var(--primary);\r\n font-size: 28px;\r\n }\r\n\r\n .price-note {\r\n color: var(--primary);\r\n font-size: 18px;\r\n margin-bottom: 8px;\r\n font-weight: 700;\r\n }\r\n\r\n .booking-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .form-group label {\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: var(--dark);\r\n font-size: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .form-group label i {\r\n color: var(--primary);\r\n font-size: 16px;\r\n }\r\n\r\n .form-control {\r\n padding: 14px 16px;\r\n border: 1px solid var(--gray-extra-light);\r\n border-radius: var(--radius-sm);\r\n font-family: inherit;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n background-color: var(--white);\r\n width: 100%;\r\n height: 52px;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n .form-control:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(208, 146, 61, 0.1);\r\n }\r\n\r\n input[type=\"date\"], input[type=\"time\"] {\r\n color: var(--gray-dark);\r\n font-size: 16px;\r\n }\r\n\r\n .guests-selector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border: 1px solid var(--gray-extra-light);\r\n border-radius: var(--radius-sm);\r\n padding: 10px 16px;\r\n background-color: var(--white);\r\n height: 52px;\r\n }\r\n\r\n .guests-btn {\r\n background-color: var(--light);\r\n border: none;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n font-weight: 800;\r\n font-size: 18px;\r\n transition: background-color 0.2s ease;\r\n color: var(--dark);\r\n }\r\n\r\n .guests-btn:hover:not(:disabled) {\r\n background-color: var(--gray-extra-light);\r\n }\r\n\r\n .guests-btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n .guests-count {\r\n font-weight: 800;\r\n font-size: 20px;\r\n min-width: 40px;\r\n text-align: center;\r\n }\r\n\r\n .book-now-btn {\r\n background-color: var(--button-bg);\r\n color: var(--button-text);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n padding: 18px;\r\n font-size: 18px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n margin-top: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n height: 56px;\r\n box-shadow: 0 4px 12px rgba(208, 146, 61, 0.2);\r\n }\r\n\r\n .book-now-btn:hover {\r\n background-color: var(--button-hover);\r\n color: var(--button-text-hover);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 15px rgba(208, 146, 61, 0.3);\r\n }\r\n\r\n .secure-booking {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n color: var(--gray);\r\n font-size: 14px;\r\n margin-top: 16px;\r\n text-align: center;\r\n font-weight: 600;\r\n }\r\n\r\n .contact-container {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 28px;\r\n margin-top: 24px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .contact-title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n margin-bottom: 12px;\r\n color: var(--dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .contact-title i {\r\n color: var(--primary);\r\n font-size: 20px;\r\n }\r\n\r\n .contact-subtitle {\r\n color: var(--gray);\r\n font-size: 16px;\r\n font-weight: 600;\r\n margin-bottom: 16px;\r\n font-style: italic;\r\n }\r\n\r\n .contact-description {\r\n color: var(--gray-dark);\r\n margin-bottom: 24px;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n font-size: 16px;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 8px;\r\n font-size: 16px;\r\n }\r\n\r\n .contact-icon {\r\n color: var(--primary);\r\n font-size: 18px;\r\n width: 24px;\r\n }\r\n\r\n .contact-text {\r\n color: var(--dark);\r\n font-weight: 600;\r\n font-size: 16px;\r\n }\r\n\r\n .contact-btn {\r\n background-color: var(--primary);\r\n color: var(--white);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n padding: 14px 20px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n text-decoration: none;\r\n text-align: center;\r\n }\r\n\r\n .contact-btn:hover {\r\n background-color: var(--primary-dark);\r\n }\r\n\r\n .mobile-fixed-booking {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: var(--white);\r\n padding: 12px 15px;\r\n box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);\r\n z-index: 1000;\r\n display: none;\r\n border-top: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .mobile-fixed-booking {\r\n display: block;\r\n }\r\n body, html {\r\n overflow-x: hidden;\r\n max-width: 100%;\r\n }\r\n .container, .booking-page, .left-container, .right-container, .section, .image-gallery {\r\n max-width: 100%;\r\n overflow-x: hidden;\r\n }\r\n h1 {\r\n font-size: 20px !important;\r\n line-height: 1.4;\r\n }\r\n h2 {\r\n font-size: 18px !important;\r\n }\r\n h3, .section-title, .timeline-day, .faq-question h3 {\r\n font-size: 18px !important;\r\n }\r\n .tour-description, .timeline-details, .included-text, .contact-description, .faq-answer, .contact-item, .contact-text {\r\n font-size: 16px !important;\r\n }\r\n .tour-duration {\r\n font-size: 16px;\r\n white-space: nowrap;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n .included-section {\r\n grid-template-columns: 1fr !important;\r\n gap: 20px !important;\r\n }\r\n .right-container {\r\n width: 100%;\r\n position: static;\r\n }\r\n .booking-page {\r\n gap: 20px;\r\n }\r\n .section {\r\n padding: 20px;\r\n }\r\n .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n .thumbnail {\r\n height: 70px;\r\n }\r\n }\r\n\r\n .mobile-booking-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .mobile-booking-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex: 1;\r\n justify-content: space-between;\r\n }\r\n\r\n .mobile-guests-selector {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--light);\r\n border-radius: var(--radius-sm);\r\n padding: 8px 12px;\r\n min-width: 120px;\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .mobile-guests-label {\r\n color: var(--dark);\r\n font-size: 14px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .mobile-guests-label i {\r\n color: var(--primary);\r\n font-size: 14px;\r\n }\r\n\r\n .mobile-guests-controls {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-left: auto;\r\n }\r\n\r\n .mobile-guests-btn {\r\n background: var(--gray-extra-light);\r\n border: none;\r\n color: var(--dark);\r\n font-size: 16px;\r\n font-weight: 800;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n transition: all 0.2s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .mobile-guests-btn:disabled {\r\n opacity: 0.4;\r\n cursor: not-allowed;\r\n background: var(--gray-light);\r\n }\r\n\r\n .mobile-guests-btn:not(:disabled):hover {\r\n background: var(--gray-light);\r\n transform: scale(1.1);\r\n }\r\n\r\n .mobile-guests-count {\r\n color: var(--dark);\r\n font-weight: 800;\r\n font-size: 16px;\r\n min-width: 24px;\r\n text-align: center;\r\n }\r\n\r\n .mobile-book-btn {\r\n background: var(--white) !important;\r\n color: var(--primary) !important;\r\n border: 2px solid var(--primary) !important;\r\n border-radius: var(--radius-sm) !important;\r\n padding: 10px 16px !important;\r\n font-size: 15px !important;\r\n font-weight: 800 !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 6px !important;\r\n white-space: nowrap !important;\r\n box-shadow: 0 2px 8px rgba(208, 146, 61, 0.1) !important;\r\n flex: 0 1 auto !important;\r\n margin-left: auto !important;\r\n }\r\n\r\n .mobile-book-btn:hover {\r\n background: var(--primary) !important;\r\n color: var(--white) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 4px 12px rgba(208, 146, 61, 0.2) !important;\r\n }\r\n\r\n \/* MODAL & BUTTON FIXES *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.9);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2000;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.3s ease;\r\n padding: 16px;\r\n }\r\n\r\n .modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .modal {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n width: 100%;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n padding: 25px;\r\n position: relative;\r\n transform: translateY(20px);\r\n transition: all 0.3s ease;\r\n max-width: 500px;\r\n }\r\n\r\n .modal-overlay.active .modal {\r\n transform: translateY(0);\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: none;\r\n border: none;\r\n font-size: 24px;\r\n cursor: pointer;\r\n color: var(--gray);\r\n z-index: 10;\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .close-modal:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .modal-header {\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n\r\n .modal-tour-image {\r\n width: 100%;\r\n height: 200px;\r\n border-radius: var(--radius-sm);\r\n overflow: hidden;\r\n margin-bottom: 15px;\r\n border: 3px solid var(--primary);\r\n }\r\n\r\n .modal-tour-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .modal-title {\r\n font-size: 22px;\r\n margin-bottom: 10px;\r\n color: var(--dark);\r\n font-weight: 800;\r\n line-height: 1.3;\r\n }\r\n\r\n .booking-summary {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 20px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .summary-item {\r\n background-color: var(--primary);\r\n padding: 10px 18px;\r\n border-radius: 20px;\r\n font-size: 15px;\r\n color: var(--white);\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .summary-item i {\r\n color: var(--white);\r\n font-size: 16px;\r\n }\r\n\r\n .map-container {\r\n margin-top: 20px;\r\n border-radius: var(--radius-sm);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .map-container iframe {\r\n width: 100%;\r\n height: 350px;\r\n border: 0;\r\n }\r\n\r\n \/* FIXED SUBMIT BUTTON STYLE *\/\r\n .submit-btn {\r\n background-color: var(--button-bg);\r\n color: var(--button-text);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n padding: 16px;\r\n font-size: 18px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n margin-top: 10px;\r\n box-shadow: 0 4px 12px rgba(208, 146, 61, 0.2);\r\n }\r\n .submit-btn:hover {\r\n background-color: var(--button-hover);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 15px rgba(208, 146, 61, 0.3);\r\n }\r\n .submit-btn i {\r\n font-size: 18px;\r\n }\r\n\r\n .confirmation-message {\r\n display: none;\r\n text-align: center;\r\n padding: 30px 20px;\r\n }\r\n .confirmation-message i {\r\n font-size: 60px;\r\n color: var(--primary);\r\n margin-bottom: 20px;\r\n }\r\n .confirmation-message h3 {\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n color: var(--dark);\r\n }\r\n .confirmation-message p {\r\n font-size: 16px;\r\n color: var(--gray-dark);\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .booking-page {\r\n flex-direction: column;\r\n }\r\n .right-container {\r\n width: 100%;\r\n position: static;\r\n }\r\n .highlights-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container { padding: 0 16px; }\r\n .hero-image { height: 300px; }\r\n .thumbnail-grid { grid-template-columns: repeat(4, 1fr); }\r\n .thumbnail { height: 80px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .highlights-grid { grid-template-columns: 1fr; }\r\n .price { font-size: 36px; }\r\n .thumbnail:nth-child(n+5) { display: none; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"no-select\">\r\n <!-- Mobile Fixed Booking with changed text to \"Book Now\" -->\r\n <div class=\"mobile-fixed-booking\">\r\n <div class=\"mobile-booking-content\">\r\n <div class=\"mobile-booking-actions\">\r\n <div class=\"mobile-guests-selector\">\r\n <div class=\"mobile-guests-label\"><i class=\"fas fa-users\"><\/i><span>People<\/span><\/div>\r\n <div class=\"mobile-guests-controls\">\r\n <button class=\"mobile-guests-btn\" id=\"mobileDecreasePeople\" disabled>-<\/button>\r\n <span class=\"mobile-guests-count\" id=\"mobilePeopleCount\">1<\/span>\r\n <button class=\"mobile-guests-btn\" id=\"mobileIncreasePeople\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n <button class=\"mobile-book-btn\" id=\"mobileOpenBookingModal\"><i class=\"fas fa-calendar-check\"><\/i>Book Now<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <div class=\"booking-page\">\r\n <!-- LEFT MAIN CONTENT -->\r\n <div class=\"left-container\">\r\n <!-- Gallery with images for 7-day Casablanca to Marrakech tour -->\r\n <section class=\"image-gallery\">\r\n <div class=\"hero-image\" id=\"heroImage\">\r\n <img decoding=\"async\" id=\"mainImage\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/aerial-drone-view-of-casablanca-morocco-2025-02-17-15-48-59-utc-scaled.jpg\" alt=\"Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech Desert 2026\">\r\n <\/div>\r\n <div class=\"thumbnail-grid\" id=\"thumbnailGrid\">\r\n <div class=\"thumbnail active\" data-index=\"0\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/aerial-drone-view-of-casablanca-morocco-2025-02-17-15-48-59-utc-scaled.jpg\" alt=\"Casablanca\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <div class=\"thumbnail\" data-index=\"1\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/cityscape-with-casablanca-grand-moche-mosque-in-mo-2025-04-04-05-56-58-utc-scaled.jpg\" alt=\"Hassan II Mosque\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <div class=\"thumbnail\" data-index=\"2\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/gorgeous-evening-cityscape-of-historical-part-of-a-2025-01-08-17-42-37-utc-scaled.jpg\" alt=\"Fes\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <div class=\"thumbnail view-more-thumbnail\" data-index=\"3\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/visitors-at-the-morrocoan-architecture-islamic-bui-2025-03-10-00-56-54-utc-scaled.jpg\" alt=\"Marrakech\"><div class=\"view-more-overlay\"><i class=\"fas fa-plus-circle\"><\/i><span>View More<\/span><\/div><\/div>\r\n <div class=\"thumbnail mobile-hidden\" data-index=\"4\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/saadian-garden-pavilion-of-the-menara-gardens-in-m-2025-03-25-12-56-33-utc-scaled.jpg\" alt=\"Menara Gardens\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <div class=\"thumbnail mobile-hidden\" data-index=\"5\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/jaisalmer-fort-known-as-the-golden-fort-jaisalmer-2024-09-23-00-04-10-utc-scaled.jpg\" alt=\"Desert Dunes\"><div class=\"zoom-icon\"><i class=\"fas fa-search-plus\"><\/i><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Gallery Modal (same as before) -->\r\n <div class=\"gallery-modal\" id=\"galleryModal\">\r\n <button class=\"modal-close\" id=\"modalClose\"><i class=\"fas fa-times\"><\/i><\/button>\r\n <div class=\"modal-content\">\r\n <img decoding=\"async\" class=\"modal-image\" id=\"modalImage\" src=\"\" alt=\"\">\r\n <div class=\"modal-nav\"><button class=\"modal-nav-btn\" id=\"prevBtn\"><i class=\"fas fa-chevron-left\"><\/i><\/button><button class=\"modal-nav-btn\" id=\"nextBtn\"><i class=\"fas fa-chevron-right\"><\/i><\/button><\/div>\r\n <\/div>\r\n <div class=\"modal-counter\" id=\"modalCounter\">1 \/ 6<\/div>\r\n <\/div>\r\n\r\n <!-- TITLE & DESCRIPTION with new keyword -->\r\n <section class=\"section\">\r\n <!-- The line \"7 Days \u2022 Casablanca \u2013 Fes \u2013 Merzouga \u2013 Ouarzazate \u2013 Marrakech\" has been removed as requested -->\r\n <h1>Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech Desert 2026<\/h1>\r\n <p class=\"tour-description\">\r\n Embark on the ultimate <b>Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech Desert 2026<\/b>. This spectacular itinerary takes you from Casablanca to Fes, across the Middle Atlas, into the Sahara of Merzouga for a camel trek and luxury desert camp, then via Ouarzazate and A\u00eft Benhaddou to Marrakech. All transport, expert guides, most meals, and handpicked accommodations included.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- ITINERARY -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-map-marked-alt\"><\/i> Tour Itinerary (7 Days)<\/h2>\r\n <div class=\"timeline\">\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-plane-arrival\"><\/i><\/div><div><div class=\"timeline-day\">Day 1 \u2013 Arrival in Casablanca<\/div><div class=\"timeline-details\">Meet & greet at Mohammed V International Airport. Transfer to your hotel in the city center. In the afternoon, visit the majestic Hassan II Mosque with its oceanfront location. Enjoy a welcome dinner at a traditional Moroccan restaurant.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-road\"><\/i><\/div><div><div class=\"timeline-day\">Day 2 \u2013 Journey to Fes<\/div><div class=\"timeline-details\">Depart Casablanca and drive to Fes via the capital Rabat. Visit the Royal Palace and Hassan Tower in Rabat. Continue to Fes, check into your riad, and explore the vibrant medina in the evening.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-city\"><\/i><\/div><div><div class=\"timeline-day\">Day 3 \u2013 Fes to Merzouga<\/div><div class=\"timeline-details\">Cross the Middle Atlas Mountains, passing through Ifrane and cedar forests (spot Barbary macaques). Stop at the panoramic Ziz Valley viewpoints. Arrive in Merzouga and prepare for the desert experience.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-camel\"><\/i><\/div><div><div class=\"timeline-day\">Day 4 \u2013 Sahara Desert Adventure<\/div><div class=\"timeline-details\">Enjoy a camel trek into the Erg Chebbi dunes to watch the sunset over the Sahara. Spend the night at a luxury desert camp with traditional music and a Berber dinner. Stargaze in the clear desert sky.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-mountain\"><\/i><\/div><div><div class=\"timeline-day\">Day 5 \u2013 Merzouga to Ouarzazate<\/div><div class=\"timeline-details\">Wake up early for sunrise over the dunes. Drive to Todra Gorges, walk through the towering canyons. Continue to the Dades Valley and the Valley of Roses. Arrive in Ouarzazate, known as the 'Hollywood of Africa'.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-archway\"><\/i><\/div><div><div class=\"timeline-day\">Day 6 \u2013 Ouarzazate to Marrakech<\/div><div class=\"timeline-details\">Visit the A\u00eft Benhaddou kasbah, a UNESCO World Heritage site. Cross the High Atlas mountains via the Tizi n'Tichka pass, with breathtaking views. Arrive in Marrakech in the evening and transfer to your riad.<\/div><\/div><\/div><\/div>\r\n <div class=\"timeline-item\"><div class=\"timeline-content\"><div class=\"timeline-icon\"><i class=\"fas fa-plane-departure\"><\/i><\/div><div><div class=\"timeline-day\">Day 7 \u2013 Departure from Marrakech<\/div><div class=\"timeline-details\">Enjoy a final breakfast and some free time to explore Marrakech's souks or gardens. Transfer to Marrakech Menara Airport for your departure, with unforgettable memories of your 7-day Moroccan journey.<\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- HIGHLIGHTS -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-star\"><\/i> Tour Highlights<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-mosque\"><\/i><\/div><div class=\"highlight-content\"><div class=\"highlight-title\">Casablanca<\/div><div class=\"highlight-desc\">Hassan II Mosque<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-landmark\"><\/i><\/div><div><div class=\"highlight-title\">Fes Medina<\/div><div class=\"highlight-desc\">Cultural capital<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-water\"><\/i><\/div><div><div class=\"highlight-title\">Ziz Valley<\/div><div class=\"highlight-desc\">Palm groves<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-camel\"><\/i><\/div><div><div class=\"highlight-title\">Camel Trek<\/div><div class=\"highlight-desc\">Merzouga sunset<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-star-and-crescent\"><\/i><\/div><div><div class=\"highlight-title\">Luxury Camp<\/div><div class=\"highlight-desc\">Desert night<\/div><\/div><\/div>\r\n <div class=\"highlight-item\"><div class=\"highlight-icon\"><i class=\"fas fa-fort-awesome\"><\/i><\/div><div><div class=\"highlight-title\">A\u00eft Benhaddou<\/div><div class=\"highlight-desc\">UNESCO kasbah<\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- INCLUDED \/ NOT INCLUDED -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-check\"><\/i> What's Included<\/h2>\r\n <div class=\"included-section\">\r\n <div><h3><i class=\"fas fa-check-circle\" style=\"color: var(--primary);\"><\/i> Included<\/h3>\r\n <ul class=\"included-list\">\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">4\u00d74 vehicles with driver.<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Guide available every day of the trip.<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Vehicle fuels.<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Accommodation on half board<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Camel ride through the desert<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Desert luxury camp<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Transfers to airports<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Hotel (round trip)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div><h3><i class=\"fas fa-times-circle\" style=\"color: #ef4444;\"><\/i> Not Included<\/h3>\r\n <ul class=\"excluded-list\">\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Airline tickets.<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Noon meals. (Possibility of picnic or restaurants)<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Drinks at meals.<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Entrance fees.<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Tips and personal miscellaneous expenses.<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MAP -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-map\"><\/i> Tour Map<\/h2>\r\n <div class=\"map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/d\/u\/0\/embed?mid=1gMeOvokpgfc6Fi-TzHlLN-B8mr_JXRs&ehbc=2E312F&noprof=1\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Frequently Asked Questions<\/h2>\r\n <div class=\"faq\">\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-user\"><\/i> Is this a private tour?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Yes, this is a private tour exclusively for your group. You'll have your own 4x4 vehicle and dedicated driver\/guide, ensuring a personalized experience.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-clock\"><\/i> What is the best time to take this tour?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>The best times are spring (March-May) and autumn (September-November) when temperatures are mild. Summer can be hot in the desert, but the tour operates year-round.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-child\"><\/i> Is this tour suitable for children?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Absolutely! Families are welcome. Children will love the camel ride and desert camp. Please inform us in advance about any child seats or special needs.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-hiking\"><\/i> What should I pack?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Pack comfortable clothing, a jacket for cooler evenings, sunscreen, sunglasses, and sturdy walking shoes. In winter, warmer layers are recommended. We provide a detailed packing list upon booking.<\/p><\/div><\/div>\r\n <div class=\"faq-item\"><div class=\"faq-question\"><h3><i class=\"fas fa-euro-sign\"><\/i> How do I get the price?<\/h3><i class=\"fas fa-chevron-down arrow\"><\/i><\/div><div class=\"faq-answer\"><p>Please send us a booking request with your travel date and group size. We will reply within 24 hours with the best price and any seasonal offers. Prices vary based on accommodation level and group size.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- RIGHT SIDEBAR -->\r\n <div class=\"right-container\">\r\n <div class=\"booking-widget\">\r\n <div class=\"price-container\">\r\n <div class=\"price-display\">\r\n <i class=\"fas fa-tag price-icon\"><\/i>\r\n <div class=\"price\">On Request<\/div>\r\n <\/div>\r\n <div class=\"price-note\">best price guarantee<\/div>\r\n <\/div>\r\n <div class=\"booking-form\">\r\n <div class=\"form-group\"><label><i class=\"fas fa-calendar-alt\"><\/i> Start Date (2026)<\/label><input type=\"date\" id=\"tourDate\" class=\"form-control\" required><\/div>\r\n <input type=\"hidden\" id=\"tourTime\" value=\"09:00\">\r\n <div class=\"form-group\"><label><i class=\"fas fa-users\"><\/i> Number of People<\/label>\r\n <div class=\"guests-selector\">\r\n <button type=\"button\" class=\"guests-btn\" id=\"decreasePeople\" disabled>-<\/button>\r\n <span class=\"guests-count\" id=\"peopleCount\">1<\/span>\r\n <button type=\"button\" class=\"guests-btn\" id=\"increasePeople\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n <button class=\"book-now-btn\" id=\"openBookingModal\"><i class=\"fas fa-calendar-check\"><\/i>Request Booking<\/button>\r\n <div class=\"secure-booking\"><i class=\"fas fa-lock\"><\/i>Price on request<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-container\">\r\n <h3 class=\"contact-title\"><i class=\"fas fa-phone-alt\"><\/i> Need Help?<\/h3>\r\n <p class=\"contact-description\">Ask about private departures or group discounts for 2026.<\/p>\r\n <div class=\"contact-info\"><div class=\"contact-item\"><i class=\"fas fa-phone contact-icon\"><\/i><span class=\"contact-text\">+212 676 606 912<\/span><\/div><\/div>\r\n <a href=\"https:\/\/moroccotravel.ai\/pt\/contact\/\" class=\"contact-btn\"><i class=\"fas fa-comments\"><\/i> Contact Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Booking Modal with FIXED submit button -->\r\n <div class=\"modal-overlay\" id=\"bookingModal\">\r\n <div class=\"modal\">\r\n <button class=\"close-modal\" id=\"closeModal\">×<\/button>\r\n <div id=\"bookingFormContent\">\r\n <div class=\"modal-header\">\r\n <div class=\"modal-tour-image\"><img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/aerial-drone-view-of-casablanca-morocco-2025-02-17-15-48-59-utc-scaled.jpg\" alt=\"7 Days Tour Casablanca to Marrakech\"><\/div>\r\n <h2 class=\"modal-title\">Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech Desert 2026<\/h2>\r\n <div class=\"booking-summary\">\r\n <div class=\"summary-item\"><i class=\"fas fa-calendar-alt\"><\/i><span id=\"summaryDate\">Select Date<\/span><\/div>\r\n <div class=\"summary-item\"><i class=\"fas fa-users\"><\/i><span id=\"summaryPeople\">1 Person<\/span><\/div>\r\n <div class=\"summary-item\"><i class=\"fas fa-euro-sign\"><\/i><span>Price on request<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <form class=\"modal-form\" id=\"bookingFormModal\" action=\"\">\r\n <div class=\"form-group\"><label><i class=\"fas fa-user\"><\/i> Full Name *<\/label><input type=\"text\" id=\"fullName\" class=\"form-control\" required><\/div>\r\n <div class=\"form-group\"><label><i class=\"fas fa-envelope\"><\/i> Email *<\/label><input type=\"email\" id=\"email\" class=\"form-control\" required><\/div>\r\n <div class=\"form-group\"><label><i class=\"fas fa-phone\"><\/i> Phone *<\/label><input type=\"tel\" id=\"phone\" class=\"form-control\" required placeholder=\"+212 ...\"><\/div>\r\n <div class=\"form-group\"><label><i class=\"fas fa-comment\"><\/i> Questions \/ Group size<\/label><textarea id=\"message\" class=\"form-control\" rows=\"2\" placeholder=\"Tell us your preferred dates and any special requests...\"><\/textarea><\/div>\r\n <!-- fixed submit button with proper class -->\r\n <button type=\"submit\" class=\"submit-btn\"><i class=\"fas fa-paper-plane\"><\/i>Send Request<\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"pt\"\/><\/form>\r\n <\/div>\r\n <div class=\"confirmation-message\" id=\"confirmationMessage\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <h3>Request Sent!<\/h3>\r\n <p>We'll get back to you within 24 hours with the best price.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n emailjs.init(\"MnTxIyAXYhEVP7r_W\");\r\n })();\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n document.addEventListener('wheel', e => e.ctrlKey && e.preventDefault(), { passive: false });\r\n document.addEventListener('touchstart', e => e.touches.length>1 && e.preventDefault(), { passive: false });\r\n\r\n const galleryImages = [\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/aerial-drone-view-of-casablanca-morocco-2025-02-17-15-48-59-utc-scaled.jpg\", alt: \"Casablanca\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/cityscape-with-casablanca-grand-moche-mosque-in-mo-2025-04-04-05-56-58-utc-scaled.jpg\", alt: \"Hassan II Mosque\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/gorgeous-evening-cityscape-of-historical-part-of-a-2025-01-08-17-42-37-utc-scaled.jpg\", alt: \"Fes\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/visitors-at-the-morrocoan-architecture-islamic-bui-2025-03-10-00-56-54-utc-scaled.jpg\", alt: \"Marrakech\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/saadian-garden-pavilion-of-the-menara-gardens-in-m-2025-03-25-12-56-33-utc-scaled.jpg\", alt: \"Menara\" },\r\n { src: \"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/jaisalmer-fort-known-as-the-golden-fort-jaisalmer-2024-09-23-00-04-10-utc-scaled.jpg\", alt: \"Desert\" }\r\n ];\r\n \r\n const mainImage = document.getElementById('mainImage');\r\n const heroImage = document.getElementById('heroImage');\r\n const thumbnails = document.querySelectorAll('.thumbnail');\r\n const galleryModal = document.getElementById('galleryModal');\r\n const modalImage = document.getElementById('modalImage');\r\n const modalClose = document.getElementById('modalClose');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const modalCounter = document.getElementById('modalCounter');\r\n let currentImageIndex = 0;\r\n\r\n function updateMainGallery(index) {\r\n mainImage.src = galleryImages[index].src;\r\n mainImage.alt = galleryImages[index].alt;\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n if(thumbnails[index]) thumbnails[index].classList.add('active');\r\n }\r\n\r\n thumbnails.forEach((thumb, idx) => {\r\n thumb.addEventListener('click', (e) => {\r\n if(e.target.closest('.view-more-overlay')) { openModal(); return; }\r\n currentImageIndex = idx;\r\n updateMainGallery(currentImageIndex);\r\n });\r\n });\r\n\r\n heroImage.addEventListener('click', () => { currentImageIndex = 0; openModal(); });\r\n document.querySelector('.view-more-overlay')?.addEventListener('click', (e) => { e.stopPropagation(); openModal(); });\r\n\r\n function openModal() {\r\n galleryModal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n updateModalImage();\r\n }\r\n function closeModal() { galleryModal.classList.remove('active'); document.body.style.overflow = 'auto'; }\r\n function updateModalImage() {\r\n modalImage.src = galleryImages[currentImageIndex].src;\r\n modalImage.alt = galleryImages[currentImageIndex].alt;\r\n modalCounter.textContent = `${currentImageIndex+1} \/ ${galleryImages.length}`;\r\n }\r\n modalClose.addEventListener('click', closeModal);\r\n prevBtn.addEventListener('click', () => { currentImageIndex = (currentImageIndex-1+galleryImages.length)%galleryImages.length; updateModalImage(); });\r\n nextBtn.addEventListener('click', () => { currentImageIndex = (currentImageIndex+1)%galleryImages.length; updateModalImage(); });\r\n galleryModal.addEventListener('click', e => e.target===galleryModal && closeModal());\r\n document.addEventListener('keydown', e => { if(galleryModal.classList.contains('active')) { if(e.key==='Escape') closeModal(); if(e.key==='ArrowLeft') prevBtn.click(); if(e.key==='ArrowRight') nextBtn.click(); } });\r\n\r\n \/\/ Booking logic\r\n const peopleCountEl = document.getElementById('peopleCount');\r\n const mobilePeopleCount = document.getElementById('mobilePeopleCount');\r\n const decreaseBtn = document.getElementById('decreasePeople');\r\n const increaseBtn = document.getElementById('increasePeople');\r\n const mobileDecrease = document.getElementById('mobileDecreasePeople');\r\n const mobileIncrease = document.getElementById('mobileIncreasePeople');\r\n const tourDate = document.getElementById('tourDate');\r\n let people = 1;\r\n\r\n let tomorrow = new Date(); tomorrow.setDate(tomorrow.getDate()+1);\r\n tourDate.value = tomorrow.toISOString().split('T')[0];\r\n tourDate.min = tomorrow.toISOString().split('T')[0];\r\n\r\n function updatePeopleUI() {\r\n peopleCountEl.textContent = people;\r\n mobilePeopleCount.textContent = people;\r\n decreaseBtn.disabled = people <= 1;\r\n increaseBtn.disabled = people >= 8;\r\n mobileDecrease.disabled = people <= 1;\r\n mobileIncrease.disabled = people >= 8;\r\n \r\n document.getElementById('summaryPeople').innerText = people + (people===1?' Person':' People');\r\n document.getElementById('summaryDate').innerText = new Date(tourDate.value).toLocaleDateString('en-US',{month:'short', day:'numeric', year:'numeric'});\r\n }\r\n\r\n decreaseBtn.addEventListener('click', ()=>{ if(people>1){ people--; updatePeopleUI(); } });\r\n increaseBtn.addEventListener('click', ()=>{ if(people<8){ people++; updatePeopleUI(); } });\r\n mobileDecrease.addEventListener('click', ()=>{ if(people>1){ people--; updatePeopleUI(); } });\r\n mobileIncrease.addEventListener('click', ()=>{ if(people<8){ people++; updatePeopleUI(); } });\r\n tourDate.addEventListener('change', updatePeopleUI);\r\n\r\n \/\/ Modal booking\r\n const modalOverlay = document.getElementById('bookingModal');\r\n const openModalBtns = [document.getElementById('openBookingModal'), document.getElementById('mobileOpenBookingModal')];\r\n const closeModalBtn = document.getElementById('closeModal');\r\n const bookingForm = document.getElementById('bookingFormModal');\r\n const formContent = document.getElementById('bookingFormContent');\r\n const confirmMsg = document.getElementById('confirmationMessage');\r\n\r\n openModalBtns.forEach(btn => btn.addEventListener('click', ()=>{\r\n if(!tourDate.value) { alert('Please select a date'); return; }\r\n updatePeopleUI();\r\n modalOverlay.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }));\r\n closeModalBtn.addEventListener('click', ()=>{ modalOverlay.classList.remove('active'); document.body.style.overflow = 'auto'; });\r\n modalOverlay.addEventListener('click', e => e.target===modalOverlay && closeModalBtn.click());\r\n\r\n bookingForm.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n const btn = bookingForm.querySelector('button[type=\"submit\"]');\r\n btn.disabled = true; btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n const formData = {\r\n from_name: document.getElementById('fullName').value,\r\n from_email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n message: document.getElementById('message').value || 'No special requests',\r\n travel_date: tourDate.value,\r\n number_of_persons: people,\r\n total_price: \"price on request\",\r\n tour_name: \"Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech Desert 2026\"\r\n };\r\n try {\r\n await emailjs.send(\"service_sgtr84h\", \"template_3zsdqnq\", formData);\r\n formContent.style.display = 'none';\r\n confirmMsg.style.display = 'block';\r\n setTimeout(() => { \r\n formContent.style.display = 'block'; \r\n confirmMsg.style.display = 'none'; \r\n bookingForm.reset(); \r\n document.getElementById('fullName').value=''; \r\n document.getElementById('email').value=''; \r\n document.getElementById('phone').value=''; \r\n document.getElementById('message').value=''; \r\n closeModalBtn.click(); \r\n btn.disabled = false; btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i>Send Request';\r\n people=1; updatePeopleUI();\r\n }, 4000);\r\n } catch (error) {\r\n alert('Error, please try again or call us.'); console.error(error);\r\n btn.disabled = false; btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i>Send Request';\r\n }\r\n });\r\n\r\n \/\/ FAQ accordion\r\n document.querySelectorAll('.faq-question').forEach(q => q.addEventListener('click', function(){\r\n const answer = this.nextElementSibling;\r\n const isOpen = answer.classList.contains('open');\r\n document.querySelectorAll('.faq-answer').forEach(a => a.classList.remove('open'));\r\n document.querySelectorAll('.faq-question').forEach(q => q.classList.remove('active'));\r\n if(!isOpen) { answer.classList.add('open'); this.classList.add('active'); }\r\n }));\r\n\r\n updatePeopleUI();\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>Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech Desert 2026 People – 1 + Book Now View More 1 \/ 6 Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech Desert 2026 Embark on the ultimate Morocco Desert Tour 7 Days Tour from Casablanca to Marrakech Desert 2026. This spectacular itinerary takes […]<\/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-29","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroccotravel.ai\/pt\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravel.ai\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravel.ai\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/pt\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":29,"href":"https:\/\/moroccotravel.ai\/pt\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":530,"href":"https:\/\/moroccotravel.ai\/pt\/wp-json\/wp\/v2\/pages\/29\/revisions\/530"}],"wp:attachment":[{"href":"https:\/\/moroccotravel.ai\/pt\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}