{"id":148,"date":"2026-03-24T19:29:17","date_gmt":"2026-03-24T19:29:17","guid":{"rendered":"https:\/\/moroccotourcasablanca.com\/?page_id=148"},"modified":"2026-03-24T19:31:47","modified_gmt":"2026-03-24T19:31:47","slug":"private-transfer-service-from-casablanca-to-essaouira-2026","status":"publish","type":"page","link":"https:\/\/moroccotourcasablanca.com\/fr\/private-transfer-service-from-casablanca-to-essaouira-2026\/","title":{"rendered":"Service de transfert priv\u00e9 de Casablanca \u00e0 Essaouira 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 Private Transfer Casablanca to Essaouira 2026 | Best Morocco Transfer Service<\/title>\r\n <meta name=\"description\" content=\"Book your Private Transfer from Casablanca to Essaouira 2026. Professional driver, modern vehicles, door-to-door service. Best rates guaranteed for Casablanca to Essaouira private transfer.\" \/>\r\n <meta name=\"keywords\" content=\"Private Transfer Service from Casablanca to Essaouira 2026, Casablanca to Essaouira transfer, private transfer Morocco, airport transfer Casablanca, Essaouira transfer, Casablanca airport transfer, Essaouira Mogador transfer\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/moroccotourcasablanca.com\/casablanca-to-essaouira-transfer-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 <\/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 \r\n \/* Form row layout - 2 items per line on all devices *\/\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\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\/2qVawTrTk3JyvcRBUZCcTh.jpg\" alt=\"Private Transfer Casablanca to Essaouira 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 photos<\/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\/2149184241.webp\" alt=\"Luxury transfer vehicle\" 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\/thumb-news-1542245026.jpg\" alt=\"Comfortable ride\" 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\/Gemini_Generated_Image_7czpxg7czpxg7czp-1.png\" alt=\"Essaouira destination\" 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\/fr\/\">Accueil<\/a>\r\n <span class=\"ftm-sep\">\/<\/span>\r\n <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/transfer-services\/\">Services de transfert<\/a>\r\n <\/div>\r\n\r\n <h1 class=\"ftm-title\">Service de transfert priv\u00e9 de Casablanca \u00e0 Essaouira 2026<\/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>\u00c0 propos de ce service<\/h3>\r\n <p><strong>Service de transfert priv\u00e9 de Casablanca \u00e0 Essaouira 2026<\/strong> - Profitez d'un transfert priv\u00e9 porte-\u00e0-porte fluide, confortable et fiable entre Casablanca (a\u00e9roport ou ville) et Essaouira, la belle ville c\u00f4ti\u00e8re connue sous le nom de \"Cit\u00e9 du vent de l'Afrique\". Notre chauffeur professionnel anglophone\/francophone vous accueillera \u00e0 votre lieu de prise en charge et vous assurera un voyage sans encombre dans un v\u00e9hicule moderne et climatis\u00e9. Parfait pour les voyageurs qui recherchent l'intimit\u00e9, la flexibilit\u00e9 et l'efficacit\u00e9. R\u00e9servez votre <strong>Service de transfert priv\u00e9 de Casablanca \u00e0 Essaouira 2026<\/strong> aujourd'hui !<\/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>Itin\u00e9raire du transfert<\/h3>\r\n <div class=\"ftm-program\">\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Prise en charge : Casablanca (A\u00e9roport \/ H\u00f4tel \/ R\u00e9sidence)<\/div><p>Votre chauffeur priv\u00e9 vous accueillera dans le hall d'arriv\u00e9e de l'a\u00e9roport international Mohammed V avec un panneau indiquant votre nom, ou dans le hall de votre h\u00f4tel\/r\u00e9sidence \u00e0 Casablanca. Assistance aux bagages et d\u00e9part imm\u00e9diat pour Essaouira.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Voyage sur l'autoroute c\u00f4ti\u00e8re panoramique<\/div><p>Profitez d'un trajet confortable le long de l'autoroute moderne A1 \/ A7 reliant Casablanca \u00e0 Essaouira via la c\u00f4te atlantique. Dur\u00e9e du trajet : environ 3,5 \u00e0 4,5 heures en fonction du trafic. Wi-Fi gratuit et bouteilles d'eau disponibles \u00e0 bord.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">D\u00e9barquement : Essaouira (A\u00e9roport \/ H\u00f4tel \/ Riad)<\/div><p>Transfert direct vers l'endroit de votre choix \u00e0 Essaouira : A\u00e9roport de Mogador, votre h\u00f4tel, riad traditionnel, ou n'importe quelle adresse dans la ville. Fin de votre voyage sans stress avec un service professionnel.<\/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>Points forts du service<\/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>Assistance \u00e0 la client\u00e8le 24\/7<\/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>V\u00e9hicules modernes de climatisation<\/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>Service de porte \u00e0 porte<\/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>Pilote professionnel<\/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>Eau et Wi-Fi gratuits<\/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>Service d'accueil<\/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>CE QUI EST INCLUS<\/h4><ul class=\"ftm-list ftm-list--yes\"><li>V\u00e9hicule priv\u00e9 climatis\u00e9 (Sedan \/ Minivan)<\/li><li>Chauffeur professionnel parlant anglais ou fran\u00e7ais<\/li><li>Prise en charge \u00e0 l'a\u00e9roport ou \u00e0 l'h\u00f4tel de Casablanca<\/li><li>D\u00e9pose \u00e0 Essaouira (toute adresse)<\/li><li>Eau en bouteille et Wi-Fi gratuit \u00e0 bord<\/li><li>Carburant, p\u00e9ages et toutes les taxes inclus<\/li><li>Rencontre et accueil avec panneau nominatif<\/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>NON INCLUDE<\/h4><ul class=\"ftm-list ftm-list--no\"><li>Repas et d\u00e9penses personnelles<\/li><li>Pourboire pour le chauffeur (facultatif)<\/li><li>Temps d'attente suppl\u00e9mentaire au-del\u00e0 de 30 minutes<\/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\">Combien de temps dure le transfert ?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Le trajet de Casablanca \u00e0 Essaouira dure entre 3,5 et 4,5 heures, en fonction des conditions de circulation et de la route.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Puis-je r\u00e9server une prise en charge \u00e0 l'a\u00e9roport ?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Oui, nous proposons un service de prise en charge \u00e0 partir de l'a\u00e9roport international Mohammed V de Casablanca. Votre chauffeur vous attendra avec un panneau \u00e0 votre nom.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">Quel type de v\u00e9hicule utilisez-vous ?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Nous utilisons des v\u00e9hicules modernes et climatis\u00e9s, y compris des berlines (jusqu'\u00e0 3 passagers) et des minibus (jusqu'\u00e0 7 passagers). Tous les v\u00e9hicules sont bien entretenus et confortables.<\/p><\/div><\/div>\r\n <div class=\"ftm-faq-item\"><button class=\"ftm-faq-question\" type=\"button\"><span class=\"ftm-faq-question-text\">S'agit-il d'un transfert priv\u00e9 ?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Oui, il s'agit d'un transfert enti\u00e8rement priv\u00e9. Vous aurez le v\u00e9hicule et le chauffeur exclusivement pour votre groupe.<\/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\">Prix<\/span><span class=\"ftm-price-big\">Sur demande<small><\/small><\/span><div class=\"ftm-price-note\">transfert priv\u00e9 - toutes taxes comprises<\/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>Demande de r\u00e9servation<\/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>3,5 - 4,5 heures<\/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>transfert priv\u00e9<\/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>de 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>\u00e0 Essaouira<\/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>Besoin d'aide ?<\/h4><p class=\"ftm-help-copy\">Contactez notre \u00e9quipe pour conna\u00eetre les disponibilit\u00e9s, les options de prise en charge priv\u00e9e et les d\u00e9tails du transfert.<\/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>T\u00e9l\u00e9phone \/ 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>Courriel<\/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>Demandez votre transfert priv\u00e9<\/h4><button class=\"ftm-close\" type=\"button\">\u00d7<\/button><\/div>\r\n <form class=\"ftm-form\" id=\"ftmEmailJSForm\" action=\"\">\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Nom complet<\/label><input type=\"text\" name=\"user_name\" placeholder=\"Jean Dupont\" required \/><\/div>\r\n <div class=\"ftm-field\"><label>Courriel<\/label><input type=\"email\" name=\"user_email\" placeholder=\"john@example.com\" required \/><\/div>\r\n <\/div>\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>T\u00e9l\u00e9phone<\/label><input type=\"tel\" name=\"user_phone\" placeholder=\"+212 690-740967\" required \/><\/div>\r\n <div class=\"ftm-field\"><label>Passagers<\/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 <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field\"><label>Lieu de ramassage<\/label><input type=\"text\" name=\"pickup_location\" placeholder=\"A\u00e9roport de Casablanca \/ Nom de l'h\u00f4tel\" \/><\/div>\r\n <div class=\"ftm-field\"><label>Lieu de d\u00e9p\u00f4t<\/label><input type=\"text\" name=\"dropoff_location\" placeholder=\"H\u00f4tel \/ Riad \/ A\u00e9roport d'Essaouira\" \/><\/div>\r\n <\/div>\r\n <div class=\"ftm-form-row\">\r\n <div class=\"ftm-field ftm-date-full\"><label>Date du voyage<\/label><input type=\"date\" name=\"travel_date\" \/><\/div>\r\n <\/div>\r\n <div class=\"ftm-field\"><label>Message \/ Demandes sp\u00e9ciales<\/label><textarea name=\"message\" rows=\"3\" placeholder=\"Num\u00e9ro de vol, bagages suppl\u00e9mentaires, instructions sp\u00e9cifiques...\"><\/textarea><\/div>\r\n <button class=\"ftm-submit\" type=\"submit\" id=\"ftmSubmitBtn\"><span class=\"ftm-btn-text\">Envoyer une demande<\/span><\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/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>Demande envoy\u00e9e avec succ\u00e8s<\/strong><p>Merci de nous avoir contact\u00e9s. Nous avons re\u00e7u votre demande de transfert et notre \u00e9quipe vous r\u00e9pondra dans les 24 heures avec la disponibilit\u00e9 et les d\u00e9tails complets.<\/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\/2qVawTrTk3JyvcRBUZCcTh.jpg', alt: 'Private Transfer Casablanca to Essaouira' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/2149184241.webp', alt: 'Luxury transfer vehicle' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/thumb-news-1542245026.jpg', alt: 'Comfortable ride' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_7czpxg7czpxg7czp-1.png', alt: 'Essaouira destination' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/transferts-aeroport-casablanca-1.webp', alt: 'Airport transfer service' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/rabat-1.png', alt: 'Premium transfer' }];\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>Private Transfer Casablanca to Essaouira 2026 | Best Morocco Transfer Service 1 \/ 6 photos ×\u2039\u203a Home \/ Transfer Services Private Transfer Service from Casablanca to Essaouira 2026 About This Service Private Transfer Service from Casablanca to Essaouira 2026 \u2013 Enjoy a seamless, comfortable, and reliable door-to-door private transfer between Casablanca (airport or city) and […]<\/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-148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/comments?post=148"}],"version-history":[{"count":4,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/148\/revisions\/154"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/media?parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}