{"id":186,"date":"2026-03-24T20:04:23","date_gmt":"2026-03-24T20:04:23","guid":{"rendered":"https:\/\/moroccotourcasablanca.com\/?page_id=186"},"modified":"2026-03-25T01:15:58","modified_gmt":"2026-03-25T01:15:58","slug":"day-tour-from-casablanca-to-rabat-2","status":"publish","type":"page","link":"https:\/\/moroccotourcasablanca.com\/fr\/day-tour-from-casablanca-to-rabat-2\/","title":{"rendered":"Excursion d'une journ\u00e9e de Casablanca \u00e0 Rabat"},"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 Day Tour from Casablanca to Rabat 2026 | Best Morocco Day Tour Service<\/title>\r\n <meta name=\"description\" content=\"Book your Day Tour from Casablanca to Rabat 2026. Professional driver, modern vehicle, door-to-door service. Best rates guaranteed for Casablanca to Rabat day tour.\" \/>\r\n <meta name=\"keywords\" content=\"Day Tour from Casablanca to Rabat 2026, Private Day Tour from Casablanca to Rabat 2026, Casablanca to Rabat day trip, private tour Morocco, Rabat tour from Casablanca, Casablanca airport tour, Rabat sightseeing\" \/>\r\n <meta name=\"robots\" content=\"index, follow\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/moroccotourcasablanca.com\/casablanca-to-rabat-day-tour-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\/iStock-2152434554-MOBILE_HEADER.webp\" alt=\"Day Tour from Casablanca to Rabat 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\/469964-Hassan-Ii-Mosque.jpg\" alt=\"Hassan Tower Rabat\" 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=\"Rabat city view\" 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\/4abd9d335e9c296b9cdd8b8b69c11cb820250418125757-scaled.jpg\" alt=\"Chellah Rabat\" 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\/day-tours\/\">Day Tours<\/a>\r\n <\/div>\r\n\r\n <h1 class=\"ftm-title\">Day Tour from Casablanca to Rabat 2026 | Private Excursion<\/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 Day Tour<\/h3>\r\n <p><strong>Day Tour from Casablanca to Rabat 2026<\/strong> \u2013 Discover the political and administrative capital of Morocco on this private day trip from Casablanca to Rabat. Explore the majestic Hassan Tower, the Mausoleum of Mohammed V, the ancient Chellah ruins, and the charming Kasbah of the Udayas. Our professional English\/French-speaking driver ensures a comfortable journey in a modern air-conditioned vehicle. Book your <strong>Day Tour from Casablanca to Rabat 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 de la visite<\/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>Your private driver will meet you at your Casablanca hotel or any preferred location. We start the journey north toward the capital city of Rabat.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Scenic Coastal Drive<\/div><p>Enjoy a comfortable ride along the Atlantic coast with free Wi-Fi and bottled water on board. Travel time approximately 1 to 1.5 hours to reach Rabat.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Explore Rabat<\/div><p>Discover the highlights of Rabat: Hassan Tower and Mausoleum of Mohammed V, the ancient Chellah necropolis, Kasbah of the Udayas with stunning ocean views, and the modern Royal Palace. Free time for lunch at a local restaurant.<\/p><\/div>\r\n <div class=\"ftm-step\"><div class=\"ftm-step-title\">Return to Casablanca<\/div><p>After a memorable day exploring the capital, 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>Points forts de la visite<\/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>Historic Sites Entry<\/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>Full day tour to Rabat & return to Casablanca<\/li><li>Eau en bouteille et Wi-Fi gratuit \u00e0 bord<\/li><li>Carburant, p\u00e9ages et toutes les taxes inclus<\/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>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>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 day tour from Casablanca to Rabat?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>The total duration is approximately 8-10 hours including travel time and sightseeing in Rabat.<\/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 personnaliser l'itin\u00e9raire ?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Yes, this is a private tour. 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\">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'une visite priv\u00e9e ?<\/span><span class=\"ftm-faq-toggle\"><\/span><\/button><div class=\"ftm-faq-answer\"><p>Oui, il s'agit d'une visite enti\u00e8rement priv\u00e9e. Le v\u00e9hicule et le chauffeur sont exclusivement r\u00e9serv\u00e9s \u00e0 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\">private day tour \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>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>8-10 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>visite priv\u00e9e<\/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>to Rabat<\/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\">Contact our team for availability, private tour 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>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>Request your Private Day Tour<\/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>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 <!-- Row 2: Phone + Passengers -->\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 <!-- Row 3: Pickup location + Drop-off location -->\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=\"Rabat (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>Date du voyage<\/label><input type=\"date\" name=\"travel_date\" \/><\/div>\r\n <\/div>\r\n <!-- Message field full width -->\r\n <div class=\"ftm-field\"><label>Message \/ Demandes sp\u00e9ciales<\/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\">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>Thank you for contacting us. We have received your day tour 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\/iStock-2152434554-MOBILE_HEADER.webp', alt: 'Day Tour Casablanca to Rabat' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/469964-Hassan-Ii-Mosque.jpg', alt: 'Hassan Tower Rabat' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/1771416861905-centro-de-casablanca.jpeg', alt: 'Rabat city' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/4abd9d335e9c296b9cdd8b8b69c11cb820250418125757-scaled.jpg', alt: 'Chellah ruins' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/20190430-143904-largejpg.jpg', alt: 'Kasbah of the Udayas' },{ src: 'http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/shopping-in-rabat-1.webp', alt: 'Rabat shopping' }];\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>Day Tour from Casablanca to Rabat 2026 | Best Morocco Day Tour Service 1 \/ 6 photos ×\u2039\u203a Home \/ Day Tours Day Tour from Casablanca to Rabat 2026 | Private Excursion About This Day Tour Day Tour from Casablanca to Rabat 2026 \u2013 Discover the political and administrative capital of Morocco on this private […]<\/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-186","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/186","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=186"}],"version-history":[{"count":14,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/186\/revisions"}],"predecessor-version":[{"id":311,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/186\/revisions\/311"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/media?parent=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}