{"id":226,"date":"2026-03-24T21:01:13","date_gmt":"2026-03-24T21:01:13","guid":{"rendered":"https:\/\/moroccotourcasablanca.com\/?page_id=226"},"modified":"2026-03-25T00:46:21","modified_gmt":"2026-03-25T00:46:21","slug":"excursion-from-casablanca-to-ouarzazate","status":"publish","type":"page","link":"https:\/\/moroccotourcasablanca.com\/de\/excursion-from-casablanca-to-ouarzazate\/","title":{"rendered":"Excursion from Casablanca to Ouarzazate"},"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 Excursion from Casablanca to Ouarzazate 2026 | Best Morocco Desert Tour Service<\/title>\r\n <meta name=\"description\" content=\"Book your Excursion from Casablanca to Ouarzazate 2026. Professional driver, modern vehicle, door-to-door service. Best rates guaranteed for Casablanca to Ouarzazate desert excursion.\" \/>\r\n <meta name=\"keywords\" content=\"Excursion from Casablanca to Ouarzazate 2026, Private Excursion from Casablanca to Ouarzazate 2026, Casablanca to Ouarzazate desert trip, private tour Morocco, Ouarzazate tour from Casablanca, Casablanca airport tour, Ait Ben Haddou excursion\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/moroccotourcasablanca.com\/casablanca-to-ouarzazate-excursion-2026\" \/>\r\n\r\n <!-- EmailJS SDK -->\r\n <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n <script type=\"text\/javascript\">\r\n (function(){emailjs.init(\"aoitqkqua568QWWHQ\");})();\r\n <\/script>\r\n\r\n <style>\r\n \/* mobile gallery optimization - EXACTLY AS ORIGINAL *\/\r\n @media (max-width: 560px) {\r\n .ftm-gallery {\r\n grid-template-columns: 1fr !important;\r\n gap: 12px !important;\r\n }\r\n\r\n .ftm-gallery-main-wrap {\r\n width: 100% !important;\r\n aspect-ratio: 16 \/ 10 !important;\r\n border-radius: 18px !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .ftm-gallery-main {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center center !important;\r\n }\r\n\r\n .ftm-gallery-side {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n flex-wrap: nowrap !important;\r\n overflow-x: auto !important;\r\n overflow-y: hidden !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n scroll-snap-type: x proximity !important;\r\n gap: 10px !important;\r\n padding: 2px 0 2px !important;\r\n grid-template-rows: none !important;\r\n scrollbar-width: none !important;\r\n overscroll-behavior-x: contain !important;\r\n touch-action: pan-x !important;\r\n align-items: stretch !important;\r\n }\r\n\r\n .ftm-gallery-side::-webkit-scrollbar {\r\n display: none !important;\r\n }\r\n\r\n .ftm-gallery-thumb {\r\n flex: 0 0 calc((100% - 20px) \/ 3) !important;\r\n width: calc((100% - 20px) \/ 3) !important;\r\n min-width: calc((100% - 20px) \/ 3) !important;\r\n height: 76px !important;\r\n aspect-ratio: auto !important;\r\n scroll-snap-align: start !important;\r\n border-radius: 14px !important;\r\n }\r\n\r\n .ftm-gallery-badge {\r\n left: 12px !important;\r\n bottom: 12px !important;\r\n padding: 9px 14px !important;\r\n font-size: 13px !important;\r\n gap: 8px !important;\r\n }\r\n\r\n .ftm-gallery-badge-icon {\r\n width: 16px !important;\r\n height: 16px !important;\r\n }\r\n\r\n .ftm-gallery-thumb-count {\r\n font-size: 16px !important;\r\n }\r\n\r\n .ftm-gallery-thumb-more-icon {\r\n display: none !important;\r\n }\r\n\r\n .ftm-lightbox {\r\n padding: 18px !important;\r\n }\r\n\r\n .ftm-lightbox-content {\r\n max-width: 100% !important;\r\n max-height: 100% !important;\r\n }\r\n\r\n .ftm-lightbox-img {\r\n max-width: calc(100vw - 36px) !important;\r\n max-height: 64vh !important;\r\n width: auto !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n border-radius: 14px !important;\r\n }\r\n\r\n .ftm-lightbox-close {\r\n top: -44px !important;\r\n right: 0 !important;\r\n width: 40px !important;\r\n height: 40px !important;\r\n font-size: 24px !important;\r\n }\r\n\r\n .ftm-lightbox-nav {\r\n display: none !important;\r\n }\r\n\r\n .ftm-lightbox-counter {\r\n bottom: -34px !important;\r\n font-size: 14px !important;\r\n padding: 6px 14px !important;\r\n }\r\n \r\n .ftm-faq-question-text {\r\n font-size: 14px !important;\r\n }\r\n \r\n .ftm-faq-answer p {\r\n font-size: 13px !important;\r\n line-height: 1.55 !important;\r\n }\r\n \r\n .ftm-faq-question {\r\n padding: 14px 15px !important;\r\n }\r\n \r\n .ftm-faq-item.active .ftm-faq-answer {\r\n padding: 0 15px 14px 15px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n .ftm-gallery-thumb {\r\n flex: 0 0 calc((100% - 20px) \/ 3) !important;\r\n width: calc((100% - 20px) \/ 3) !important;\r\n min-width: calc((100% - 20px) \/ 3) !important;\r\n height: 68px !important;\r\n }\r\n\r\n .ftm-gallery-main-wrap {\r\n aspect-ratio: 16 \/ 10 !important;\r\n }\r\n\r\n .ftm-lightbox-img {\r\n max-height: 58vh !important;\r\n }\r\n }\r\n\r\n .ftm-thankyou-message {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n gap: 16px;\r\n background: linear-gradient(180deg, #ffffff 0%, #fff8f2 100%);\r\n border: 1px solid #ead9cc;\r\n color: #4b342a;\r\n padding: 36px 30px;\r\n border-radius: 24px;\r\n margin: 24px;\r\n min-height: 230px;\r\n box-shadow: 0 16px 28px rgba(58, 35, 23, 0.08);\r\n }\r\n\r\n .ftm-thankyou-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n background: linear-gradient(180deg, #f57c00 0%, #e65100 100%);\r\n box-shadow: 0 10px 20px rgba(245, 124, 0, 0.18);\r\n }\r\n\r\n .ftm-thankyou-icon svg {\r\n width: 28px;\r\n height: 28px;\r\n stroke: #ffffff;\r\n stroke-width: 2;\r\n }\r\n\r\n .ftm-thankyou-content {\r\n max-width: 440px;\r\n margin: 0 auto;\r\n }\r\n\r\n .ftm-thankyou-content strong {\r\n display: block;\r\n font-size: 22px;\r\n line-height: 1.3;\r\n font-weight: 800;\r\n color: #3f2c22;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .ftm-thankyou-content p {\r\n margin: 0;\r\n font-size: 15px;\r\n line-height: 1.75;\r\n color: #6a5044;\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .ftm-thankyou-message {\r\n margin: 18px;\r\n padding: 28px 20px;\r\n border-radius: 20px;\r\n min-height: 200px;\r\n }\r\n\r\n .ftm-thankyou-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 16px;\r\n }\r\n\r\n .ftm-thankyou-content strong {\r\n font-size: 18px;\r\n }\r\n\r\n .ftm-thankyou-content p {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n }\r\n }\r\n\r\n .ftm-submit-loading {\r\n opacity: 0.7;\r\n cursor: wait !important;\r\n pointer-events: none;\r\n }\r\n \r\n .ftm-spinner {\r\n display: inline-block;\r\n width: 20px;\r\n height: 20px;\r\n border: 2px solid rgba(255,255,255,0.3);\r\n border-radius: 50%;\r\n border-top-color: #ffffff;\r\n animation: ftm-spin 0.8s linear infinite;\r\n margin-right: 8px;\r\n vertical-align: middle;\r\n }\r\n \r\n @keyframes ftm-spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n \r\n .ftm-submit .ftm-btn-text {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .ftm-modal-head h4 {\r\n letter-spacing: -0.2px;\r\n }\r\n\r\n .ftm-close {\r\n transition: background 0.15s;\r\n }\r\n\r\n .ftm-close:hover {\r\n background: rgba(255,255,255,0.3);\r\n }\r\n\r\n .ftm-submit {\r\n transition: all 0.15s;\r\n }\r\n\r\n .ftm-field input,\r\n .ftm-field select {\r\n background: white;\r\n }\r\n\r\n \/* Form row layout - 2 items per line on all devices (updated from reference) *\/\r\n .ftm-form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n \r\n \/* full width for date field on mobile\/desktop (one line) *\/\r\n .ftm-date-full {\r\n grid-column: span 2;\r\n }\r\n \r\n @media (max-width: 560px) {\r\n .ftm-form-row {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n .ftm-date-full {\r\n grid-column: span 2;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"ftm-tour-page\">\r\n <style>\r\n .ftm-tour-page,\r\n .ftm-tour-page * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .ftm-tour-page {\r\n --ftm-bg: #f6f1eb;\r\n --ftm-card: #ffffff;\r\n --ftm-line: #e7d7ca;\r\n --ftm-text: #50382f;\r\n --ftm-muted: #8b6d61;\r\n --ftm-primary: #f57c00;\r\n --ftm-primary-dark: #e65100;\r\n --ftm-gold: #f0b323;\r\n --ftm-shadow-soft: 0 1px 3px rgba(48, 28, 18, 0.04);\r\n font-family: Georgia, \"Times New Roman\", serif;\r\n background: var(--ftm-bg);\r\n color: var(--ftm-text);\r\n padding: 18px 0 42px;\r\n line-height: 1.5;\r\n isolation: isolate;\r\n }\r\n\r\n .ftm-tour-page img {\r\n display: block;\r\n max-width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .ftm-tour-page a,\r\n .ftm-tour-page button,\r\n .ftm-tour-page input,\r\n .ftm-tour-page select,\r\n .ftm-tour-page textarea {\r\n font: inherit;\r\n color: inherit;\r\n }\r\n\r\n .ftm-tour-page button {\r\n appearance: none;\r\n -webkit-appearance: none;\r\n background: none;\r\n border: 0;\r\n }\r\n\r\n .ftm-wrap {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 16px;\r\n }\r\n\r\n .ftm-gallery {\r\n display: grid;\r\n grid-template-columns: minmax(0, 2.2fr) minmax(250px, 0.95fr);\r\n gap: 14px;\r\n margin-bottom: 18px;\r\n align-items: stretch;\r\n }\r\n\r\n .ftm-gallery-main-wrap {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n background: var(--ftm-card);\r\n border: 1px solid var(--ftm-line);\r\n box-shadow: var(--ftm-shadow-soft);\r\n cursor: pointer;\r\n }\r\n\r\n .ftm-gallery-main-wrap::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: auto 0 0 0;\r\n height: 24%;\r\n background: linear-gradient(to top, rgba(20, 14, 11, 0.15), rgba(20, 14, 11, 0));\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-main {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: opacity 0.22s ease, transform 0.22s ease;\r\n }\r\n\r\n .ftm-gallery-main.ftm-main-switch {\r\n opacity: 0.9;\r\n transform: scale(1.01);\r\n }\r\n\r\n .ftm-gallery-badge {\r\n position: absolute;\r\n left: 14px;\r\n bottom: 14px;\r\n z-index: 3;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255, 255, 255, 0.92);\r\n color: #3f2c22;\r\n border: 1px solid rgba(217, 199, 187, 0.95);\r\n border-radius: 999px;\r\n padding: 10px 16px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n line-height: 1;\r\n box-shadow: 0 2px 6px rgba(35, 23, 14, 0.08);\r\n backdrop-filter: blur(4px);\r\n -webkit-backdrop-filter: blur(4px);\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-badge-icon {\r\n width: 18px;\r\n height: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #6e5447;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-gallery-side {\r\n display: grid;\r\n grid-template-rows: repeat(3, minmax(0, 1fr));\r\n gap: 14px;\r\n height: 100%;\r\n min-height: 0;\r\n align-self: stretch;\r\n }\r\n\r\n .ftm-gallery-thumb {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 0;\r\n overflow: hidden;\r\n border-radius: 18px;\r\n cursor: pointer;\r\n border: 1px solid var(--ftm-line);\r\n background: var(--ftm-card);\r\n box-shadow: var(--ftm-shadow-soft);\r\n transition: border-color 0.18s ease, box-shadow 0.18s ease;\r\n aspect-ratio: 16 \/ 9;\r\n }\r\n\r\n .ftm-gallery-thumb::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(18, 13, 10, 0.18), rgba(18, 13, 10, 0.03));\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n .ftm-gallery-thumb.active {\r\n border-color: var(--ftm-primary);\r\n box-shadow: 0 0 0 1px rgba(245, 124, 0, 0.08);\r\n }\r\n\r\n .ftm-gallery-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .ftm-gallery-thumb-count {\r\n position: absolute;\r\n inset: 50% auto auto 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 3;\r\n color: #ffffff;\r\n font-size: 19px;\r\n font-weight: 800;\r\n letter-spacing: 0.01em;\r\n display: none;\r\n text-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-thumb.ftm-gallery-thumb--more .ftm-gallery-thumb-count {\r\n display: block;\r\n }\r\n\r\n .ftm-gallery-thumb-more-icon {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 12px;\r\n transform: translateX(-50%);\r\n z-index: 3;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.9);\r\n border: 1px solid rgba(220, 201, 189, 0.95);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n color: #5f463c;\r\n box-shadow: 0 2px 8px rgba(35, 23, 14, 0.08);\r\n pointer-events: none;\r\n }\r\n\r\n .ftm-gallery-thumb.ftm-gallery-thumb--more .ftm-gallery-thumb-more-icon {\r\n display: inline-flex;\r\n }\r\n\r\n .ftm-lightbox {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n z-index: 100000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px;\r\n backdrop-filter: blur(8px);\r\n }\r\n\r\n .ftm-lightbox.active {\r\n display: flex;\r\n }\r\n\r\n .ftm-lightbox-content {\r\n position: relative;\r\n max-width: 1200px;\r\n max-height: 90vh;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .ftm-lightbox-img {\r\n max-width: 90%;\r\n max-height: 82vh;\r\n width: auto;\r\n height: auto;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .ftm-lightbox-close {\r\n position: absolute;\r\n top: -50px;\r\n right: -50px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n color: white;\r\n font-size: 28px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .ftm-lightbox-close:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: scale(1.1);\r\n }\r\n\r\n .ftm-lightbox-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.2);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n color: white;\r\n font-size: 24px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .ftm-lightbox-nav:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n\r\n .ftm-lightbox-prev {\r\n left: -70px;\r\n }\r\n\r\n .ftm-lightbox-next {\r\n right: -70px;\r\n }\r\n\r\n .ftm-lightbox-counter {\r\n position: absolute;\r\n bottom: -40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n color: white;\r\n font-size: 16px;\r\n background: rgba(0, 0, 0, 0.6);\r\n padding: 6px 16px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .ftm-lightbox-nav {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 20px;\r\n }\r\n .ftm-lightbox-prev {\r\n left: -20px;\r\n }\r\n .ftm-lightbox-next {\r\n right: -20px;\r\n }\r\n .ftm-lightbox-close {\r\n top: -40px;\r\n right: -10px;\r\n }\r\n }\r\n\r\n .ftm-breadcrumb {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13px;\r\n color: #70584d;\r\n background: rgba(255, 255, 255, 0.9);\r\n padding: 11px 16px;\r\n border-radius: 14px;\r\n margin: 4px 0 16px;\r\n border: 1px solid #e7d9ce;\r\n box-shadow: var(--ftm-shadow-soft);\r\n }\r\n\r\n .ftm-breadcrumb a {\r\n color: var(--ftm-muted);\r\n text-decoration: none;\r\n }\r\n\r\n .ftm-breadcrumb .ftm-sep {\r\n color: #b59a8d;\r\n }\r\n\r\n .ftm-title {\r\n font-size: 36px;\r\n line-height: 1.14;\r\n color: #3f2c22;\r\n font-weight: 800;\r\n letter-spacing: -0.3px;\r\n max-width: 780px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .ftm-layout {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr) 330px;\r\n gap: 24px;\r\n align-items: start;\r\n }\r\n\r\n .ftm-card {\r\n background: var(--ftm-card);\r\n border: 1px solid var(--ftm-line);\r\n border-radius: 18px;\r\n padding: 20px 22px;\r\n margin-bottom: 20px;\r\n box-shadow: var(--ftm-shadow-soft);\r\n }\r\n\r\n .ftm-card h3 {\r\n font-size: 23px;\r\n margin: 0 0 16px 0;\r\n color: #4f352b;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n border-left: 4px solid var(--ftm-primary);\r\n padding-left: 14px;\r\n line-height: 1.25;\r\n }\r\n\r\n .ftm-about p {\r\n font-size: 16px;\r\n line-height: 1.75;\r\n color: #4e3c33;\r\n }\r\n\r\n .ftm-about strong {\r\n color: #3d2c24;\r\n font-weight: 700;\r\n background: none;\r\n }\r\n\r\n .ftm-program {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n position: relative;\r\n }\r\n\r\n .ftm-step {\r\n position: relative;\r\n border-left: 2px solid #dcc0af;\r\n padding: 0 0 22px 28px;\r\n margin-left: 11px;\r\n }\r\n\r\n .ftm-step:last-child {\r\n padding-bottom: 2px;\r\n }\r\n\r\n .ftm-step::before {\r\n content: \"\";\r\n position: absolute;\r\n left: -8px;\r\n top: 4px;\r\n width: 14px;\r\n height: 14px;\r\n background: var(--ftm-primary);\r\n border: 3px solid #faeee6;\r\n border-radius: 50%;\r\n z-index: 2;\r\n }\r\n\r\n .ftm-step-title {\r\n font-size: 18px;\r\n line-height: 1.45;\r\n font-weight: 800;\r\n color: #3f2e27;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .ftm-step p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n color: #5f483e;\r\n max-width: 75ch;\r\n }\r\n\r\n .ftm-highlights {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n }\r\n\r\n .ftm-pill {\r\n background: #fffdfb;\r\n border: 1px solid #e5d6ca;\r\n border-radius: 14px;\r\n padding: 14px 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-weight: 700;\r\n font-size: 14.5px;\r\n color: #4d362c;\r\n box-shadow: var(--ftm-shadow-soft);\r\n min-height: 68px;\r\n }\r\n\r\n .ftm-pill .ftm-pill-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 38px;\r\n height: 38px;\r\n background: linear-gradient(180deg, #fffefe 0%, #faf2ec 100%);\r\n border: 1px solid #ead8cb;\r\n border-radius: 12px;\r\n color: #f57c00;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-include-exclude {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .ftm-inc-card,\r\n .ftm-exc-card {\r\n background: #fefcf9;\r\n border: 1px solid var(--ftm-line);\r\n border-radius: 18px;\r\n padding: 18px 16px;\r\n box-shadow: none;\r\n }\r\n\r\n .ftm-inc-card h4,\r\n .ftm-exc-card h4 {\r\n font-size: 18px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #3d2d26;\r\n border-bottom: 1px dashed #e0cdbe;\r\n padding-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n line-height: 1.35;\r\n }\r\n\r\n .ftm-list {\r\n list-style: none;\r\n }\r\n\r\n .ftm-list li {\r\n padding: 8px 0 8px 28px;\r\n font-size: 14.5px;\r\n line-height: 1.55;\r\n position: relative;\r\n border-bottom: 1px dashed #f0e2d8;\r\n }\r\n\r\n .ftm-list li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .ftm-list--yes li::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 0;\r\n top: 8px;\r\n background: #f57c00;\r\n color: white;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .ftm-list--no li::before {\r\n content: \"\u2715\";\r\n position: absolute;\r\n left: 0;\r\n top: 8px;\r\n background: #b0a59f;\r\n color: white;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n font-weight: 700;\r\n }\r\n\r\n .ftm-faq-accordion {\r\n display: grid;\r\n gap: 10px;\r\n margin-top: 18px;\r\n }\r\n\r\n .ftm-faq-item {\r\n background: #fffdfb;\r\n border-radius: 14px;\r\n border: 1px solid #ead9cc;\r\n overflow: hidden;\r\n transition: border-color 0.25s ease, background 0.25s ease;\r\n }\r\n\r\n .ftm-faq-item.active {\r\n border-color: #ddc1ae;\r\n background: #fffaf6;\r\n }\r\n\r\n .ftm-faq-question {\r\n width: 100%;\r\n border: 0;\r\n background: transparent;\r\n text-align: left;\r\n padding: 16px 18px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 14px;\r\n font-family: inherit;\r\n }\r\n\r\n .ftm-faq-question-text {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: #4f372d;\r\n line-height: 1.5;\r\n }\r\n\r\n .ftm-faq-answer {\r\n display: block;\r\n max-height: 0;\r\n overflow: hidden;\r\n opacity: 0;\r\n padding: 0 18px;\r\n transition: max-height 0.35s ease, opacity 0.28s ease, padding 0.35s ease;\r\n }\r\n\r\n .ftm-faq-answer p {\r\n font-size: 14px;\r\n color: #5f4a40;\r\n line-height: 1.6;\r\n }\r\n\r\n .ftm-faq-item.active .ftm-faq-answer {\r\n opacity: 1;\r\n padding: 0 18px 16px 18px;\r\n }\r\n\r\n .ftm-faq-toggle {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 10px;\r\n background: #f3e4d8;\r\n color: #f57c00;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n\r\n .ftm-faq-toggle::before,\r\n .ftm-faq-toggle::after {\r\n content: \"\";\r\n position: absolute;\r\n background: currentColor;\r\n border-radius: 2px;\r\n transition: transform 0.25s ease, opacity 0.2s ease;\r\n }\r\n\r\n .ftm-faq-toggle::before {\r\n width: 12px;\r\n height: 2px;\r\n }\r\n\r\n .ftm-faq-toggle::after {\r\n width: 2px;\r\n height: 12px;\r\n }\r\n\r\n .ftm-faq-item.active .ftm-faq-toggle::after {\r\n opacity: 0;\r\n transform: scaleY(0.3);\r\n }\r\n\r\n .ftm-sidebar {\r\n position: sticky;\r\n top: 24px;\r\n }\r\n\r\n .ftm-booking {\r\n padding: 18px 16px;\r\n }\r\n\r\n .ftm-price-block {\r\n padding: 2px 2px 16px;\r\n text-align: center;\r\n border-bottom: 1px solid #ecdcd0;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .ftm-price-label {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: 800;\r\n color: #8a6b5e;\r\n text-transform: uppercase;\r\n letter-spacing: 0.16em;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .ftm-price-big {\r\n font-size: 42px;\r\n font-weight: 900;\r\n color: #2d1f18;\r\n line-height: 1;\r\n display: inline-flex;\r\n align-items: baseline;\r\n gap: 4px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .ftm-price-note {\r\n font-size: 13px;\r\n color: #86695b;\r\n margin-top: 6px;\r\n line-height: 1.5;\r\n }\r\n\r\n .ftm-side-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n border-radius: 14px;\r\n padding: 15px 12px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: background 0.2s ease, transform 0.18s ease, box-shadow 0.18s ease;\r\n margin-bottom: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n .ftm-btn-primary,\r\n .ftm-btn-primary:link,\r\n .ftm-btn-primary:visited {\r\n background: #f57c00 !important;\r\n color: #ffffff !important;\r\n border: 1px solid #f57c00 !important;\r\n box-shadow: 0 2px 6px rgba(245, 124, 0, 0.16) !important;\r\n }\r\n\r\n .ftm-btn-primary:hover,\r\n .ftm-btn-primary:focus {\r\n background: #e65100 !important;\r\n color: #ffffff !important;\r\n border-color: #e65100 !important;\r\n }\r\n\r\n .ftm-meta {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px;\r\n margin-top: 14px;\r\n }\r\n\r\n .ftm-meta div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-width: 0;\r\n background: #faf7f3;\r\n border: 1px solid #ecdcd0;\r\n border-radius: 12px;\r\n padding: 11px 10px;\r\n font-size: 13px;\r\n line-height: 1.25;\r\n color: #5b4137;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n text-align: center;\r\n }\r\n\r\n .ftm-help-card {\r\n text-align: left;\r\n padding: 18px 16px;\r\n }\r\n\r\n .ftm-help-card h4 {\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #3d2d26;\r\n font-size: 18px;\r\n line-height: 1.3;\r\n }\r\n\r\n .ftm-help-copy {\r\n font-size: 14px;\r\n line-height: 1.6;\r\n color: #6a5044;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .ftm-help-list {\r\n display: grid;\r\n gap: 10px;\r\n }\r\n\r\n .ftm-help-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 11px 12px;\r\n border: 1px solid #ead9cc;\r\n border-radius: 12px;\r\n background: #fffaf6;\r\n text-decoration: none;\r\n }\r\n\r\n .ftm-help-row small {\r\n display: block;\r\n font-size: 11px;\r\n line-height: 1.3;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: #8a6d60;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .ftm-help-row strong {\r\n display: block;\r\n font-size: 14px;\r\n line-height: 1.45;\r\n color: #4a342b;\r\n font-weight: 700;\r\n word-break: break-word;\r\n }\r\n\r\n .ftm-help-dot {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 12px;\r\n border: 1px solid #ead9cc;\r\n background: linear-gradient(180deg, #fffefe 0%, #faf2ec 100%);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n color: var(--ftm-primary);\r\n }\r\n\r\n .ftm-modal {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(37, 24, 18, 0.7);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 99999;\r\n padding: 20px;\r\n }\r\n\r\n .ftm-modal.ftm-show {\r\n display: flex;\r\n }\r\n\r\n .ftm-modal-box {\r\n max-width: 620px;\r\n width: 100%;\r\n background: #fff;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(35, 23, 14, 0.28);\r\n }\r\n\r\n .ftm-modal-head {\r\n background: var(--ftm-primary);\r\n color: white;\r\n padding: 20px 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .ftm-modal-head h4 {\r\n font-size: 24px;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n }\r\n\r\n .ftm-close {\r\n background: rgba(255, 255, 255, 0.18);\r\n color: white;\r\n font-size: 28px;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n line-height: 1;\r\n border: none;\r\n }\r\n\r\n .ftm-form {\r\n padding: 24px;\r\n display: grid;\r\n gap: 16px;\r\n }\r\n\r\n .ftm-field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n }\r\n\r\n .ftm-field label {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #50382f;\r\n line-height: 1.35;\r\n }\r\n\r\n .ftm-field input,\r\n .ftm-field select,\r\n .ftm-field textarea {\r\n padding: 14px 15px;\r\n border: 1px solid #ddd1c5;\r\n border-radius: 14px;\r\n background: #fffcf9;\r\n font-family: inherit;\r\n line-height: 1.4;\r\n min-height: 50px;\r\n outline: none;\r\n transition: border-color 0.18s ease, box-shadow 0.18s ease;\r\n }\r\n\r\n .ftm-field input:focus,\r\n .ftm-field select:focus,\r\n .ftm-field textarea:focus {\r\n border-color: #f7a64b;\r\n box-shadow: 0 0 0 3px rgba(245, 124, 0, 0.08);\r\n }\r\n\r\n .ftm-submit,\r\n .ftm-submit:link,\r\n .ftm-submit:visited {\r\n background: #f57c00 !important;\r\n color: #ffffff !important;\r\n padding: 16px;\r\n border-radius: 14px;\r\n font-weight: 700;\r\n font-size: 17px;\r\n border: 1px solid #f57c00 !important;\r\n cursor: pointer;\r\n box-shadow: 0 2px 6px rgba(245, 124, 0, 0.16) !important;\r\n }\r\n\r\n .ftm-submit:hover,\r\n .ftm-submit:focus {\r\n background: #e65100 !important;\r\n color: #ffffff !important;\r\n border-color: #e65100 !important;\r\n }\r\n\r\n .ftm-sec-icon,\r\n .ftm-btn-icon,\r\n .ftm-meta-icon,\r\n .ftm-help-icon,\r\n .ftm-head-icon {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 0;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-sec-icon {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--ftm-primary);\r\n }\r\n\r\n .ftm-btn-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: currentColor;\r\n }\r\n\r\n .ftm-meta-icon {\r\n width: 16px;\r\n height: 16px;\r\n color: #6e5447;\r\n flex-shrink: 0;\r\n }\r\n\r\n .ftm-help-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: var(--ftm-primary);\r\n }\r\n\r\n .ftm-head-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: #3d2d26;\r\n }\r\n\r\n .ftm-svg {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n stroke: currentColor;\r\n fill: none;\r\n stroke-width: 2;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n vector-effect: non-scaling-stroke;\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n .ftm-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n .ftm-sidebar {\r\n position: static;\r\n }\r\n }\r\n\r\n @media (max-width: 780px) {\r\n .ftm-wrap {\r\n padding: 0 14px;\r\n }\r\n .ftm-title {\r\n font-size: 29px;\r\n }\r\n .ftm-card {\r\n padding: 18px;\r\n }\r\n .ftm-highlights {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n .ftm-include-exclude {\r\n grid-template-columns: 1fr;\r\n }\r\n .ftm-price-big {\r\n font-size: 36px;\r\n }\r\n .ftm-modal-head h4 {\r\n font-size: 22px;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n .ftm-tour-page {\r\n padding: 14px 0 32px;\r\n }\r\n .ftm-wrap {\r\n padding: 0 12px;\r\n }\r\n .ftm-breadcrumb {\r\n width: 100%;\r\n padding: 10px 13px;\r\n border-radius: 12px;\r\n }\r\n .ftm-title {\r\n font-size: 25px;\r\n }\r\n .ftm-card {\r\n padding: 16px;\r\n border-radius: 16px;\r\n }\r\n .ftm-card h3 {\r\n font-size: 20px;\r\n margin-bottom: 14px;\r\n padding-left: 12px;\r\n }\r\n .ftm-about p {\r\n font-size: 15px;\r\n line-height: 1.7;\r\n }\r\n .ftm-step {\r\n padding: 0 0 20px 22px;\r\n margin-left: 8px;\r\n }\r\n .ftm-step-title {\r\n font-size: 16px;\r\n margin-bottom: 5px;\r\n }\r\n .ftm-step p {\r\n font-size: 14px;\r\n line-height: 1.65;\r\n }\r\n .ftm-pill {\r\n min-height: 60px;\r\n padding: 12px 13px;\r\n font-size: 14px;\r\n }\r\n .ftm-pill .ftm-pill-icon {\r\n width: 34px;\r\n height: 34px;\r\n }\r\n .ftm-faq-question {\r\n padding: 14px 15px;\r\n }\r\n .ftm-faq-question-text {\r\n font-size: 14px;\r\n }\r\n .ftm-faq-answer p {\r\n font-size: 13.5px;\r\n }\r\n .ftm-side-btn {\r\n padding: 14px 12px;\r\n font-size: 15px;\r\n }\r\n .ftm-meta {\r\n gap: 8px;\r\n }\r\n .ftm-meta div {\r\n font-size: 12.6px;\r\n padding: 10px 8px;\r\n gap: 7px;\r\n }\r\n .ftm-help-row strong {\r\n font-size: 13.5px;\r\n }\r\n .ftm-modal {\r\n padding: 12px;\r\n }\r\n .ftm-modal-box {\r\n border-radius: 20px;\r\n }\r\n .ftm-modal-head {\r\n padding: 16px 18px;\r\n }\r\n .ftm-form {\r\n padding: 18px;\r\n gap: 14px;\r\n }\r\n .ftm-field input,\r\n .ftm-field select,\r\n .ftm-field textarea {\r\n min-height: 48px;\r\n padding: 13px 14px;\r\n border-radius: 12px;\r\n }\r\n .ftm-submit {\r\n padding: 15px;\r\n font-size: 16px;\r\n border-radius: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 420px) {\r\n .ftm-highlights {\r\n grid-template-columns: 1fr;\r\n }\r\n .ftm-meta div {\r\n font-size: 12.1px;\r\n padding: 10px 7px;\r\n }\r\n .ftm-price-big {\r\n font-size: 32px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"ftm-wrap\">\r\n <div class=\"ftm-gallery\">\r\n <div class=\"ftm-gallery-main-wrap\" id=\"ftmMainImageWrap\">\r\n <img decoding=\"async\" class=\"ftm-gallery-main\" id=\"ftmGalleryMain\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/casablanca-mezquita.jpg\" alt=\"Excursion from Casablanca to Ouarzazate 2026\" loading=\"eager\" \/>\r\n <div class=\"ftm-gallery-badge\">\r\n <span class=\"ftm-gallery-badge-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"3\"><\/rect><circle cx=\"9\" cy=\"10\" r=\"2\"><\/circle><path d=\"M21 16l-5-5-8 8\"><\/path><\/svg><\/span>\r\n <span id=\"ftmGalleryTotal\">1 \/ 6 Fotos<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ftm-gallery-side\">\r\n <button class=\"ftm-gallery-thumb active\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/casablanca-6954-17126517690021945760868.webp\" alt=\"Ouarzazate landscape\" loading=\"lazy\" \/><span class=\"ftm-gallery-thumb-count\"><\/span><span class=\"ftm-gallery-thumb-more-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\" style=\"width:16px;height:16px;\"><path d=\"M8 10l4 4 4-4\"><\/path><\/svg><\/span><\/button>\r\n <button class=\"ftm-gallery-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/1771416861905-centro-de-casablanca.jpeg\" alt=\"Ouarzazate city\" loading=\"lazy\" \/><span class=\"ftm-gallery-thumb-count\"><\/span><span class=\"ftm-gallery-thumb-more-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\" style=\"width:16px;height:16px;\"><path d=\"M8 10l4 4 4-4\"><\/path><\/svg><\/span><\/button>\r\n <button class=\"ftm-gallery-thumb\" type=\"button\"><img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Ait-Ben-Haddou-quarzazate.jpg\" alt=\"Ait Ben Haddou Kasbah\" loading=\"lazy\" \/><span class=\"ftm-gallery-thumb-count\"><\/span><span class=\"ftm-gallery-thumb-more-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\" style=\"width:16px;height:16px;\"><path d=\"M8 10l4 4 4-4\"><\/path><\/svg><\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-lightbox\" id=\"ftmLightbox\">\r\n <div class=\"ftm-lightbox-content\"><img class=\"ftm-lightbox-img\" id=\"ftmLightboxImg\" alt=\"\"><button class=\"ftm-lightbox-close\" id=\"ftmLightboxClose\">\u00d7<\/button><button class=\"ftm-lightbox-nav ftm-lightbox-prev\" id=\"ftmLightboxPrev\">\u2039<\/button><button class=\"ftm-lightbox-nav ftm-lightbox-next\" id=\"ftmLightboxNext\">\u203a<\/button><div class=\"ftm-lightbox-counter\" id=\"ftmLightboxCounter\"><\/div><\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-breadcrumb\">\r\n <a href=\"https:\/\/moroccotourcasablanca.com\/de\/\">Startseite<\/a>\r\n <span class=\"ftm-sep\">\/<\/span>\r\n <a href=\"https:\/\/moroccotourcasablanca.com\/de\/desert-tours\/\">W\u00fcste Touren<\/a>\r\n <\/div>\r\n\r\n <h1 class=\"ftm-title\">Excursion from Casablanca to Ouarzazate 2026 | Private Desert Gateway Tour<\/h1>\r\n\r\n <div class=\"ftm-layout\">\r\n <div class=\"ftm-main\">\r\n <div class=\"ftm-card ftm-about\">\r\n <h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 3c2 3 3 5.5 3 8a3 3 0 1 1-6 0c0-2.5 1-5 3-8z\"><\/path><path d=\"M12 14c-3 0-5 1.8-5 4.2V21h10v-2.8C17 15.8 15 14 12 14z\"><\/path><\/svg><\/span>About This Excursion<\/h3>\r\n <p><strong>Excursion from Casablanca to Ouarzazate 2026<\/strong> \u2013 Discover the Hollywood of Africa on this private excursion from Casablanca to Ouarzazate. Journey through the stunning High Atlas Mountains, visit the UNESCO World Heritage site of Ait Ben Haddou Kasbah, and explore the famous Atlas Film Studios. Our professional English\/French-speaking driver ensures a comfortable journey in a modern air-conditioned vehicle. Book your <strong>Excursion from Casablanca to Ouarzazate 2026<\/strong> heute!<\/p>\r\n <\/div>\r\n\r\n <div class=\"ftm-card\">\r\n <h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M3 6l7-2 4 2 7-2v14l-7 2-4-2-7 2z\"><\/path><path d=\"M10 4v14\"><\/path><path d=\"M14 6v14\"><\/path><\/svg><\/span>Excursion Itinerary<\/h3>\r\n <div class=\"ftm-program\">\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Abholung: Casablanca (Flughafen \/ Hotel \/ Residenz)<\/div><p>Your private driver will meet you at your Casablanca hotel or any preferred location. We start the journey southeast toward the High Atlas Mountains.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Scenic Drive through High Atlas<\/div><p>Enjoy a comfortable ride with free Wi-Fi and bottled water. Travel through the breathtaking Tizi n'Tichka pass (2260m), with stunning mountain views. Stop for lunch in a traditional Berber village.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Explore Ait Ben Haddou & Ouarzazate<\/div><p>Visit the iconic Ait Ben Haddou Kasbah, a UNESCO World Heritage site famous for films like Gladiator and Game of Thrones. Continue to Ouarzazate to explore Taourirt Kasbah and Atlas Film Studios.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Return to Casablanca<\/div><p>After a memorable day exploring Ouarzazate, relax on the comfortable drive back to Casablanca with drop-off at your hotel or airport.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-card\">\r\n <h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 2l1.7 5.2H19l-4.3 3.1 1.6 5-4.3-3.1-4.3 3.1 1.6-5L5 7.2h5.3z\"><\/path><\/svg><\/span>Excursion Highlights<\/h3>\r\n <div class=\"ftm-highlights\">\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.4 2.1L8 9.7a16 16 0 0 0 6.3 6.3l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z\"><\/path><\/svg><\/span>24\/7 Kundenbetreuung<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M3 19l6-8 4 5 3-4 5 7\"><\/path><path d=\"M3 19h18\"><\/path><\/svg><\/span>Moderne Klimatisierte Fahrzeuge<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 21s6-5.3 6-11a6 6 0 1 0-12 0c0 5.7 6 11 6 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.2\"><\/circle><\/svg><\/span>T\u00fcr-zu-T\u00fcr-Service<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M5 12l4 4L19 6\"><\/path><\/svg><\/span>Berufskraftfahrer<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M6 20V8l6-4 6 4v12\"><\/path><path d=\"M10 20v-5h4v5\"><\/path><\/svg><\/span>Kostenloses Wi-Fi und Wasser<\/div>\r\n <div class=\"ftm-pill\"><span class=\"ftm-pill-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M4 16l4-4 3 3 7-7\"><\/path><path d=\"M15 8h3v3\"><\/path><\/svg><\/span>Ait Ben Haddou Besuch<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-include-exclude\">\r\n <div class=\"ftm-inc-card\"><h4><span class=\"ftm-head-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M5 12l4 4L19 6\"><\/path><\/svg><\/span>WAS ENTHALTEN IST<\/h4><ul class=\"ftm-list ftm-list--yes\"><li>Privates Fahrzeug mit Klimaanlage (Limousine\/Minivan)<\/li><li>Englisch\/Franz\u00f6sisch sprechender professioneller Fahrer<\/li><li>Abholung vom Flughafen Casablanca oder vom Hotel<\/li><li>Full day excursion to Ouarzazate & return to Casablanca<\/li><li>Visit to Ait Ben Haddou Kasbah<\/li><li>Wasser in Flaschen und kostenloses Wi-Fi an Bord<\/li><li>Kraftstoff, Mautgeb\u00fchren und alle Steuern inklusive<\/li><li>Flexible itinerary & sightseeing stops<\/li><\/ul><\/div>\r\n <div class=\"ftm-exc-card\"><h4><span class=\"ftm-head-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M6 6l12 12\"><\/path><path d=\"M18 6L6 18\"><\/path><\/svg><\/span>NICHT INBEGRIFFEN<\/h4><ul class=\"ftm-list ftm-list--no\"><li>Mahlzeiten und pers\u00f6nliche Ausgaben<\/li><li>Trinkgeld f\u00fcr den Fahrer (fakultativ)<\/li><li>Entrance fees to attractions (if any)<\/li><\/ul><\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-card\"><h3><span class=\"ftm-sec-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M9.5 9a2.5 2.5 0 1 1 4.2 1.8c-.8.8-1.7 1.4-1.7 2.7\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg><\/span>FAQ<\/h3>\r\n <div class=\"ftm-faq-accordion\">\r\n <div class=\"ftm-faq-item active\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">How long is the excursion from Casablanca to Ouarzazate?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>The total duration is approximately 12-14 hours including travel time and sightseeing in Ouarzazate and Ait Ben Haddou.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Can I customize the excursion itinerary?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Yes, this is a private excursion. You can tailor the itinerary to your preferences and spend more time at specific attractions.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Welche Art von Fahrzeugen benutzen Sie?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Wir setzen moderne, klimatisierte Fahrzeuge ein, darunter Limousinen (f\u00fcr bis zu 3 Personen) und Minivans (f\u00fcr bis zu 7 Personen). Alle Fahrzeuge sind gut gewartet und komfortabel.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Is this a private excursion?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Yes, this is a completely private excursion. You will have the vehicle and driver exclusively for your group.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"ftm-sidebar\">\r\n <div class=\"ftm-card ftm-booking\">\r\n <div class=\"ftm-price-block\"><span class=\"ftm-price-label\">Preis<\/span><span class=\"ftm-price-big\">Auf Anfrage<small><\/small><\/span><div class=\"ftm-price-note\">private excursion \u00b7 all taxes included<\/div><\/div>\r\n <button class=\"ftm-side-btn ftm-btn-primary ftm-open-popup\" type=\"button\"><span class=\"ftm-btn-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M16 3v4\"><\/path><path d=\"M8 3v4\"><\/path><path d=\"M3 10h18\"><\/path><\/svg><\/span>Reservierung anfordern<\/button>\r\n <div class=\"ftm-meta\"><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 7v5l3 2\"><\/path><\/svg><\/span>12-14 hours<\/div><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><circle cx=\"16\" cy=\"10\" r=\"2.5\"><\/circle><path d=\"M4 19c0-3 2.5-5 5-5s5 2 5 5\"><\/path><path d=\"M14 19c.2-1.8 1.6-3.2 3.8-3.2 1 0 1.8.2 2.2.5\"><\/path><\/svg><\/span>private excursion<\/div><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M12 21s6-5.3 6-11a6 6 0 1 0-12 0c0 5.7 6 11 6 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"2.2\"><\/circle><\/svg><\/span>aus Casablanca<\/div><div><span class=\"ftm-meta-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M4 12h14\"><\/path><path d=\"M14 8l4 4-4 4\"><\/path><\/svg><\/span>to Ouarzazate<\/div><\/div>\r\n <\/div>\r\n <div class=\"ftm-card ftm-help-card\"><h4><span class=\"ftm-help-icon\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M6 4h12v16H6z\"><\/path><path d=\"M9 8h6\"><\/path><path d=\"M9 12h6\"><\/path><path d=\"M9 16h4\"><\/path><\/svg><\/span>Brauchen Sie Hilfe?<\/h4><p class=\"ftm-help-copy\">Contact our team for availability, private excursion options, and itinerary details.<\/p><div class=\"ftm-help-list\"><a class=\"ftm-help-row\" href=\"tel:+212690740967\"><span class=\"ftm-help-dot\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.4 2.1L8 9.7a16 16 0 0 0 6.3 6.3l1.3-1.3a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z\"><\/path><\/svg><\/span><span><small>Telefon \/ WhatsApp<\/small><strong>+212 690-740967<\/strong><\/span><\/a><a class=\"ftm-help-row\" href=\"mailto:contact@moroccotourcasablanca.com\"><span class=\"ftm-help-dot\"><svg class=\"ftm-svg\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 7l9 6 9-6\"><\/path><\/svg><\/span><span><small>E-Mail<\/small><strong>contact@moroccotourcasablanca.com<\/strong><\/span><\/a><\/div><\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ftm-modal\" id=\"ftmTourModal\">\r\n <div class=\"ftm-modal-box\">\r\n <div class=\"ftm-modal-head\"><h4>Request your Private Excursion<\/h4><button class=\"ftm-close\" type=\"button\">\u00d7<\/button><\/div>\r\n <form class=\"ftm-form\" id=\"ftmEmailJSForm\" action=\"\">\r\n <!-- Row 1: Full name + Email -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Vollst\u00e4ndiger Name<\/label><input type=\"text\" name=\"user_name\" placeholder=\"Unbekannter\" required \/><\/div>\r\n <div class=\"ftm-field\"><label>E-Mail<\/label><input type=\"email\" name=\"user_email\" placeholder=\"john@example.com\" required \/><\/div>\r\n <\/div>\r\n <!-- Row 2: Phone + Passengers -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Telefon<\/label><input type=\"tel\" name=\"user_phone\" placeholder=\"+212 690-740967\" required \/><\/div>\r\n <div class=\"ftm-field\"><label>Passagiere<\/label><select name=\"passengers\"><option>1<\/option><option>2<\/option><option>3<\/option><option>4<\/option><option>5<\/option><option>6+<\/option><\/select><\/div>\r\n <\/div>\r\n <!-- Row 3: Pickup location + Drop-off location -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Ort der Abholung<\/label><input type=\"text\" name=\"pickup_location\" placeholder=\"Casablanca Flughafen \/ Hotelname\" \/><\/div>\r\n <div class=\"ftm-field\"><label>Abgabestelle<\/label><input type=\"text\" name=\"dropoff_location\" placeholder=\"Ouarzazate (or return to Casablanca)\" \/><\/div>\r\n <\/div>\r\n <!-- Row 4: Travel date (full width using .ftm-date-full) -->\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field ftm-date-full\"><label>Datum der Reise<\/label><input type=\"date\" name=\"travel_date\" \/><\/div>\r\n <\/div>\r\n <!-- Message field full width -->\r\n <div class=\"ftm-field\"><label>Nachricht \/ Besondere W\u00fcnsche<\/label><textarea name=\"message\" rows=\"3\" placeholder=\"Any specific attractions, flight number, extra requests...\"><\/textarea><\/div>\r\n <button class=\"ftm-submit\" type=\"submit\" id=\"ftmSubmitBtn\"><span class=\"ftm-btn-text\">Anfrage senden<\/span><\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\r\n <div id=\"ftmThankYouMessage\" class=\"ftm-thankyou-message\" style=\"display: none;\"><div class=\"ftm-thankyou-icon\"><svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/div><div class=\"ftm-thankyou-content\"><strong>Anfrage erfolgreich gesendet<\/strong><p>Thank you for contacting us. We have received your excursion request and our team will reply within 24 hours with availability and complete details.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n const page = document.querySelector('.ftm-tour-page');\r\n if (!page) return;\r\n const modal = page.querySelector('#ftmTourModal');\r\n const opens = page.querySelectorAll('.ftm-open-popup');\r\n const close = page.querySelector('.ftm-close');\r\n function lockBody() { document.body.style.overflow = 'hidden'; }\r\n function unlockBodyIfNeeded() { const lightbox = page.querySelector('#ftmLightbox'); if (!modal.classList.contains('ftm-show') && !lightbox.classList.contains('active')) { document.body.style.overflow = ''; } }\r\n opens.forEach((btn) => { btn.addEventListener('click', () => { modal.classList.add('ftm-show'); lockBody(); const thankYouDiv = document.getElementById('ftmThankYouMessage'); if (thankYouDiv) thankYouDiv.style.display = 'none'; const form = document.getElementById('ftmEmailJSForm'); if (form) form.style.display = 'grid'; const submitBtn = document.getElementById('ftmSubmitBtn'); if (submitBtn) { submitBtn.innerHTML = '<span class=\"ftm-btn-text\">Send request<\/span>'; submitBtn.disabled = false; submitBtn.classList.remove('ftm-submit-loading'); } }); });\r\n close.addEventListener('click', () => { modal.classList.remove('ftm-show'); unlockBodyIfNeeded(); });\r\n modal.addEventListener('click', (e) => { if (e.target === modal) { modal.classList.remove('ftm-show'); unlockBodyIfNeeded(); } });\r\n const emailForm = document.getElementById('ftmEmailJSForm');\r\n const thankYouDiv = document.getElementById('ftmThankYouMessage');\r\n const submitBtn = document.getElementById('ftmSubmitBtn');\r\n if (emailForm) { emailForm.addEventListener('submit', function(event) { event.preventDefault(); submitBtn.disabled = true; submitBtn.classList.add('ftm-submit-loading'); submitBtn.innerHTML = '<span class=\"ftm-btn-text\"><span class=\"ftm-spinner\"><\/span>Sending...<\/span>'; const serviceID = 'service_6xpgdw6'; const templateID = 'template_8kbt2yx'; setTimeout(() => { emailjs.sendForm(serviceID, templateID, this).then(() => { emailForm.style.display = 'none'; thankYouDiv.style.display = 'flex'; emailForm.reset(); }).catch((err) => { alert('Something went wrong\u2026 Please try again or contact us directly.\\n' + JSON.stringify(err)); submitBtn.disabled = false; submitBtn.classList.remove('ftm-submit-loading'); submitBtn.innerHTML = '<span class=\"ftm-btn-text\">Send request<\/span>'; }); }, 1000); }); }\r\n const faqItems = page.querySelectorAll('.ftm-faq-item');\r\n function closeFaqItem(item) { const answer = item.querySelector('.ftm-faq-answer'); const button = item.querySelector('.ftm-faq-question'); item.classList.remove('active'); button.setAttribute('aria-expanded', 'false'); answer.style.maxHeight = '0px'; }\r\n function openFaqItem(item) { const answer = item.querySelector('.ftm-faq-answer'); const button = item.querySelector('.ftm-faq-question'); item.classList.add('active'); button.setAttribute('aria-expanded', 'true'); answer.style.maxHeight = answer.scrollHeight + 'px'; }\r\n faqItems.forEach((item) => { const btn = item.querySelector('.ftm-faq-question'); if (!btn) return; if (item.classList.contains('active')) openFaqItem(item); else closeFaqItem(item); btn.addEventListener('click', () => { const isOpen = item.classList.contains('active'); faqItems.forEach((other) => closeFaqItem(other)); if (!isOpen) openFaqItem(item); }); });\r\n window.addEventListener('resize', () => { faqItems.forEach((item) => { if (item.classList.contains('active')) { const answer = item.querySelector('.ftm-faq-answer'); if (answer) answer.style.maxHeight = answer.scrollHeight + 'px'; } }); });\r\n const galleryImages = [{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/casablanca-mezquita.jpg', alt: 'Ouarzazate excursion' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/casablanca-6954-17126517690021945760868.webp', alt: 'Ouarzazate landscape' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/1771416861905-centro-de-casablanca.jpeg', alt: 'Ouarzazate city' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Ait-Ben-Haddou-quarzazate.jpg', alt: 'Ait Ben Haddou' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/4-days-tour-from-Fes-to-Marrakech-915x686-1.webp', alt: 'Kasbah view' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Kasbah_Taourirt_in_Ouarzazate_2011-1-scaled.jpg', alt: 'Taourirt Kasbah' }];\r\n const mainImage = page.querySelector('#ftmGalleryMain'); const mainWrap = page.querySelector('#ftmMainImageWrap'); const thumbButtons = Array.from(page.querySelectorAll('.ftm-gallery-thumb')); const totalLabel = page.querySelector('#ftmGalleryTotal'); const lightbox = page.querySelector('#ftmLightbox'); const lightboxImg = page.querySelector('#ftmLightboxImg'); const lightboxClose = page.querySelector('#ftmLightboxClose'); const lightboxPrev = page.querySelector('#ftmLightboxPrev'); const lightboxNext = page.querySelector('#ftmLightboxNext'); const lightboxCounter = page.querySelector('#ftmLightboxCounter'); let activeIndex = 0; let autoplayTimer = null; const AUTOPLAY_DELAY = 3500;\r\n function switchMain(src, alt) { if (!mainImage) return; mainImage.classList.add('ftm-main-switch'); setTimeout(() => { mainImage.setAttribute('src', src); mainImage.setAttribute('alt', alt || ''); }, 100); setTimeout(() => { mainImage.classList.remove('ftm-main-switch'); }, 240); }\r\n function updateGalleryBadge() { if (totalLabel) totalLabel.textContent = `${activeIndex + 1} \/ ${galleryImages.length} photos`; }\r\n function renderGallery(animate) { if (!galleryImages.length) return; updateGalleryBadge(); const main = galleryImages[activeIndex]; if (animate) switchMain(main.src, main.alt); else { mainImage.setAttribute('src', main.src); mainImage.setAttribute('alt', main.alt); } thumbButtons.forEach((btn, slot) => { const img = btn.querySelector('img'); const count = btn.querySelector('.ftm-gallery-thumb-count'); const idx = (activeIndex + slot + 1) % galleryImages.length; const data = galleryImages[idx]; const remainingCount = Math.max(galleryImages.length - (thumbButtons.length + 1), 0); btn.dataset.index = idx; btn.classList.remove('active'); btn.classList.remove('ftm-gallery-thumb--more'); if (img) { img.src = data.src; img.alt = data.alt; } if (count) count.textContent = ''; if (slot === thumbButtons.length - 1 && remainingCount > 0) { btn.classList.add('ftm-gallery-thumb--more'); if (count) count.textContent = `+${remainingCount}`; } }); }\r\n function updateLightboxImage() { const img = galleryImages[activeIndex]; lightboxImg.src = img.src; lightboxImg.alt = img.alt; lightboxCounter.textContent = `${activeIndex + 1} \/ ${galleryImages.length}`; }\r\n function openLightbox(index) { activeIndex = index; renderGallery(false); updateLightboxImage(); lightbox.classList.add('active'); lockBody(); stopAutoplay(); }\r\n function closeLightbox() { lightbox.classList.remove('active'); unlockBodyIfNeeded(); startAutoplay(); }\r\n function nextImage() { activeIndex = (activeIndex + 1) % galleryImages.length; renderGallery(true); updateLightboxImage(); }\r\n function prevImage() { activeIndex = (activeIndex - 1 + galleryImages.length) % galleryImages.length; renderGallery(true); updateLightboxImage(); }\r\n function nextGallery() { activeIndex = (activeIndex + 1) % galleryImages.length; renderGallery(true); }\r\n function prevGallery() { activeIndex = (activeIndex - 1 + galleryImages.length) % galleryImages.length; renderGallery(true); }\r\n function stopAutoplay() { if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; } }\r\n function startAutoplay() { stopAutoplay(); autoplayTimer = setInterval(() => { if (lightbox.classList.contains('active') || modal.classList.contains('ftm-show')) return; activeIndex = (activeIndex + 1) % galleryImages.length; renderGallery(true); }, AUTOPLAY_DELAY); }\r\n function addSwipe(element, onSwipeLeft, onSwipeRight) { if (!element) return; let startX = 0, startY = 0; element.addEventListener('touchstart', (e) => { const touch = e.changedTouches[0]; startX = touch.clientX; startY = touch.clientY; }, { passive: true }); element.addEventListener('touchend', (e) => { const touch = e.changedTouches[0]; const diffX = touch.clientX - startX; const diffY = touch.clientY - startY; if (Math.abs(diffX) > 45 && Math.abs(diffX) > Math.abs(diffY)) { if (diffX < 0 && onSwipeLeft) onSwipeLeft(); else if (onSwipeRight) onSwipeRight(); } }, { passive: true }); }\r\n mainWrap.addEventListener('click', () => { openLightbox(activeIndex); });\r\n lightboxClose.addEventListener('click', closeLightbox);\r\n lightboxPrev.addEventListener('click', (e) => { e.stopPropagation(); prevImage(); });\r\n lightboxNext.addEventListener('click', (e) => { e.stopPropagation(); nextImage(); });\r\n lightbox.addEventListener('click', (e) => { if (e.target === lightbox) closeLightbox(); });\r\n thumbButtons.forEach((btn) => { btn.addEventListener('click', () => { const nextIndex = Number(btn.dataset.index); if (Number.isNaN(nextIndex)) return; activeIndex = nextIndex; renderGallery(true); startAutoplay(); }); });\r\n addSwipe(mainWrap, () => { nextGallery(); startAutoplay(); }, () => { prevGallery(); startAutoplay(); });\r\n addSwipe(lightbox, () => { nextImage(); }, () => { prevImage(); });\r\n document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.classList.contains('ftm-show')) { modal.classList.remove('ftm-show'); unlockBodyIfNeeded(); } if (!lightbox.classList.contains('active')) return; if (e.key === 'Escape') closeLightbox(); else if (e.key === 'ArrowRight') nextImage(); else if (e.key === 'ArrowLeft') prevImage(); });\r\n document.addEventListener('visibilitychange', () => { if (document.hidden) stopAutoplay(); else if (!lightbox.classList.contains('active')) startAutoplay(); });\r\n renderGallery(false);\r\n startAutoplay();\r\n })();\r\n <\/script>\r\n<\/div>\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>Excursion from Casablanca to Ouarzazate 2026 | Best Morocco Desert Tour Service 1 \/ 6 photos ×\u2039\u203a Home \/ Desert Tours Excursion from Casablanca to Ouarzazate 2026 | Private Desert Gateway Tour About This Excursion Excursion from Casablanca to Ouarzazate 2026 \u2013 Discover the Hollywood of Africa on this private excursion from Casablanca to Ouarzazate. […]<\/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-226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":16,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"predecessor-version":[{"id":302,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages\/226\/revisions\/302"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}