{"id":457,"date":"2026-03-25T23:30:17","date_gmt":"2026-03-25T23:30:17","guid":{"rendered":"https:\/\/moroccotourcasablanca.com\/?page_id=457"},"modified":"2026-03-26T13:24:40","modified_gmt":"2026-03-26T13:24:40","slug":"about","status":"publish","type":"page","link":"https:\/\/moroccotourcasablanca.com\/fr\/about\/","title":{"rendered":"A propos de"},"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 About Morocco Tour Casablanca | Premium Transfers & Tours<\/title>\r\n <meta name=\"description\" content=\"Discover Morocco Tour Casablanca - experts in premium private transfers, day trips, and desert tours. Your trusted partner for seamless travel across Morocco.\">\r\n <meta name=\"keywords\" content=\"Morocco Tour Casablanca, private transfers Casablanca, day trips Morocco, desert tours Morocco, Casablanca airport transfer, Morocco travel\">\r\n <meta name=\"author\" content=\"Morocco Tour Casablanca\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <!-- Schema.org markup for Google -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TravelAgency\",\r\n \"name\": \"Morocco Tour Casablanca\",\r\n \"description\": \"Premium private transfers, day trips and desert tours in Morocco\",\r\n \"url\": \"https:\/\/moroccotourcasablanca.com\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressCountry\": \"Morocco\",\r\n \"addressLocality\": \"Casablanca\"\r\n },\r\n \"areaServed\": [\"Morocco\"],\r\n \"telephone\": \"+212690740967\"\r\n }\r\n <\/script>\r\n \r\n <style>\r\n \/* Reset & Base Styles *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n }\r\n \r\n body {\r\n background-color: #fef9f3;\r\n color: #333;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Optimized Banner Section *\/\r\n .page-banner {\r\n background: \r\n linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.6)),\r\n url('http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/car46.png');\r\n background-size: cover;\r\n background-position: center 70%;\r\n background-repeat: no-repeat;\r\n background-attachment: fixed;\r\n padding: clamp(60px, 12vw, 120px) 20px;\r\n text-align: center;\r\n color: white;\r\n position: relative;\r\n min-height: 60vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .banner-content {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n width: 100%;\r\n }\r\n \r\n .page-banner h1 {\r\n font-size: clamp(32px, 5vw, 56px);\r\n font-weight: 800;\r\n margin-bottom: clamp(15px, 3vw, 25px);\r\n text-shadow: 0 2px 15px rgba(0,0,0,0.4);\r\n line-height: 1.2;\r\n }\r\n \r\n .page-banner h1 span {\r\n color: #E07A2C;\r\n display: inline-block;\r\n }\r\n \r\n .page-banner p {\r\n font-size: clamp(16px, 2.5vw, 22px);\r\n max-width: 800px;\r\n margin: 0 auto clamp(25px, 4vw, 40px);\r\n opacity: 0.95;\r\n line-height: 1.5;\r\n }\r\n \r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation-duration: 0.01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .page-banner {\r\n background-attachment: scroll;\r\n min-height: 50vh;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .page-banner {\r\n min-height: 40vh;\r\n padding: 40px 15px;\r\n }\r\n }\r\n \r\n @media print {\r\n .page-banner {\r\n background: white !important;\r\n color: black !important;\r\n padding: 20px 0 !important;\r\n min-height: auto !important;\r\n }\r\n .page-banner h1 span {\r\n color: black !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Page Banner -->\r\n <section class=\"page-banner\" aria-label=\"Banni\u00e8re de page\">\r\n <div class=\"banner-content\">\r\n <h1>A propos de <span>Tour du Maroc \u00e0 Casablanca<\/span><\/h1>\r\n <p>Transferts priv\u00e9s de premi\u00e8re qualit\u00e9, excursions d'une journ\u00e9e et circuits dans le d\u00e9sert \u00e0 travers le Maroc. Votre partenaire de confiance pour des exp\u00e9riences de voyage sans faille.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== Morocco Tour Casablanca \u2013 About Section ===== -->\r\n <div id=\"mtc-about-mount\"><\/div>\r\n <script>\r\n (function(){\r\n const mount = document.getElementById('mtc-about-mount');\r\n if(!mount) return;\r\n const root = mount.attachShadow({ mode: 'open' });\r\n\r\n root.innerHTML = `\r\n <style>\r\n :host{\r\n --primary: #E07A2C;\r\n --secondary: #B95C1A;\r\n --dark: #1a1a1a;\r\n --light: #ffffff;\r\n --beige: #fef9f3;\r\n --light-grey: #f5f5f5;\r\n --radius: 16px;\r\n --shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n --shadow-hover: 0 25px 50px rgba(224, 122, 44, 0.15);\r\n }\r\n *,*::before,*::after{box-sizing:border-box}\r\n h1,h2,h3,h4,p,figure{margin:0}\r\n img{display:block;max-width:100%;height:auto}\r\n a{text-decoration:none}\r\n\r\n .wrap{\r\n background: var(--beige);\r\n padding: min(8vw, 100px) min(4vw, 24px);\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n color: var(--dark);\r\n }\r\n .container{max-width: 1200px; margin: 0 auto}\r\n\r\n \/* Header *\/\r\n .title-section{\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .title-section h1{\r\n font-weight: 800;\r\n line-height: 1.1;\r\n font-size: clamp(32px, 5vw, 52px);\r\n margin-bottom: 16px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .title-section .sub{\r\n font-size: clamp(16px, 2vw, 20px);\r\n color: var(--dark);\r\n font-weight: 400;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n opacity: 0.8;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Main Layout *\/\r\n .main-content{\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 60px;\r\n margin-bottom: 40px;\r\n align-items: center;\r\n }\r\n @media (max-width: 1024px){\r\n .main-content{\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n }\r\n\r\n \/* Left Column - Image *\/\r\n .image-column{\r\n position: relative;\r\n }\r\n\r\n .main-image-container{\r\n position: relative;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n height: 450px;\r\n }\r\n\r\n .main-image{\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 1s ease;\r\n }\r\n\r\n .main-image-container:hover .main-image{\r\n transform: scale(1.05);\r\n }\r\n\r\n .image-overlay{\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 25px;\r\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n color: var(--light);\r\n }\r\n\r\n .image-overlay h3{\r\n font-size: 20px;\r\n margin-bottom: 6px;\r\n font-weight: 700;\r\n }\r\n\r\n .image-overlay p{\r\n font-size: 14px;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* Floating Stats Card *\/\r\n .stats-card{\r\n position: absolute;\r\n top: -25px;\r\n right: -25px;\r\n background: var(--light);\r\n padding: 22px;\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n min-width: 160px;\r\n text-align: center;\r\n z-index: 10;\r\n border: 3px solid var(--primary);\r\n }\r\n\r\n .stats-card .number{\r\n display: block;\r\n font-size: 38px;\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .stats-card .label{\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--dark);\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n }\r\n\r\n \/* Right Column - Content *\/\r\n .content-column{\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .intro-box{\r\n background: var(--light);\r\n border-radius: var(--radius);\r\n padding: 35px;\r\n box-shadow: var(--shadow);\r\n border-left: 5px solid var(--primary);\r\n }\r\n\r\n .intro-box h2{\r\n font-size: clamp(26px, 3.2vw, 34px);\r\n margin-bottom: 20px;\r\n color: var(--dark);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n }\r\n\r\n .intro-box h2 span{\r\n color: var(--primary);\r\n }\r\n\r\n .intro-text{\r\n line-height: 1.7;\r\n font-size: clamp(15px, 1.6vw, 17px);\r\n color: var(--dark);\r\n opacity: 0.85;\r\n }\r\n\r\n .intro-text p{\r\n margin-bottom: 20px;\r\n }\r\n\r\n .intro-text strong{\r\n color: var(--secondary);\r\n font-weight: 700;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .wrap {\r\n padding: 60px 20px;\r\n }\r\n .title-section {\r\n margin-bottom: 40px;\r\n }\r\n .title-section h1 {\r\n font-size: 32px;\r\n margin-bottom: 12px;\r\n }\r\n .title-section .sub {\r\n font-size: 18px;\r\n padding: 0 10px;\r\n }\r\n .main-content {\r\n gap: 30px;\r\n margin-bottom: 30px;\r\n }\r\n .main-image-container {\r\n height: 350px;\r\n }\r\n .stats-card {\r\n position: relative;\r\n top: 0;\r\n right: 0;\r\n margin: -25px auto 25px;\r\n max-width: 180px;\r\n padding: 20px;\r\n }\r\n .stats-card .number {\r\n font-size: 34px;\r\n }\r\n .stats-card .label {\r\n font-size: 13px;\r\n }\r\n .intro-box {\r\n padding: 25px;\r\n }\r\n .intro-box h2 {\r\n font-size: 26px;\r\n margin-bottom: 18px;\r\n }\r\n .intro-text {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n }\r\n .image-overlay {\r\n padding: 20px;\r\n }\r\n .image-overlay h3 {\r\n font-size: 18px;\r\n }\r\n .image-overlay p {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .wrap {\r\n padding: 50px 16px;\r\n }\r\n .title-section h1 {\r\n font-size: 28px;\r\n }\r\n .title-section .sub {\r\n font-size: 16px;\r\n }\r\n .main-image-container {\r\n height: 300px;\r\n }\r\n .stats-card {\r\n padding: 18px;\r\n min-width: 140px;\r\n }\r\n .stats-card .number {\r\n font-size: 30px;\r\n }\r\n .intro-box {\r\n padding: 22px;\r\n }\r\n .intro-box h2 {\r\n font-size: 24px;\r\n margin-bottom: 16px;\r\n }\r\n .intro-text {\r\n font-size: 15px;\r\n }\r\n .intro-text p {\r\n margin-bottom: 18px;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .main-image-container {\r\n height: 280px;\r\n }\r\n .intro-box {\r\n padding: 20px;\r\n }\r\n .intro-box h2 {\r\n font-size: 22px;\r\n }\r\n .intro-text {\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <section class=\"wrap\" aria-label=\"About Morocco Tour Casablanca\" itemscope itemtype=\"https:\/\/schema.org\/TravelAgency\">\r\n <meta itemprop=\"name\" content=\"Morocco Tour Casablanca\">\r\n <meta itemprop=\"areaServed\" content=\"Morocco\">\r\n <meta itemprop=\"url\" content=\"https:\/\/moroccotourcasablanca.com\/\">\r\n\r\n <div class=\"container\">\r\n <div class=\"title-section\">\r\n <h1>Morocco Tour Casablanca<\/h1>\r\n <p class=\"sub\">Premium private transfers \u2022 Day trips \u2022 Desert adventures \u2022 Seamless travel across Morocco<\/p>\r\n <\/div>\r\n\r\n <div class=\"main-content\">\r\n <!-- Left Column - Image with floating stats -->\r\n <div class=\"image-column\">\r\n <div class=\"main-image-container\">\r\n <img decoding=\"async\" class=\"main-image\"\r\n src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-23-at-21.32.09.jpeg\"\r\n alt=\"Premium transfer service in Casablanca Morocco\">\r\n <div class=\"image-overlay\">\r\n <h3>Premium Transfer Experience<\/h3>\r\n <p>Comfort, reliability, and Moroccan hospitality<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"stats-card\">\r\n <span class=\"number\">8+<\/span>\r\n <span class=\"label\">Years Experience<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Column - Content -->\r\n <div class=\"content-column\">\r\n <div class=\"intro-box\">\r\n <h2>Your Trusted Partner for <span>Travel in Morocco<\/span><\/h2>\r\n <div class=\"intro-text\" itemprop=\"description\">\r\n <p>Welcome to <strong>Morocco Tour Casablanca<\/strong>, your premier choice for <strong>private transfers, day trips, and desert tours<\/strong> across Morocco. We specialize in creating seamless travel experiences that combine comfort, reliability, and authentic Moroccan hospitality.<\/p>\r\n <p>From <strong>Casablanca airport transfers<\/strong> to <strong>multi-day Sahara desert tours<\/strong>, our professional drivers and carefully curated itineraries ensure you experience the best of Morocco. Whether you're traveling for business or leisure, we provide premium vehicles, punctual service, and local expertise to make your journey unforgettable.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n })();\r\n <\/script>\r\n <!-- ===== \/About Section ===== -->\r\n\r\n <!-- Values Section -->\r\n <section class=\"values-section\" aria-label=\"Nos valeurs\">\r\n <style>\r\n .values-section {\r\n padding: clamp(40px, 8vw, 80px) 0;\r\n background: white;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 clamp(15px, 3vw, 30px);\r\n width: 100%;\r\n }\r\n \r\n .section-title {\r\n text-align: center;\r\n margin-bottom: clamp(30px, 6vw, 60px);\r\n }\r\n \r\n .section-title h2 {\r\n font-size: clamp(28px, 4vw, 42px);\r\n color: #1a1a1a;\r\n margin-bottom: clamp(10px, 2vw, 15px);\r\n }\r\n \r\n .section-title p {\r\n color: #666;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n font-size: clamp(16px, 2vw, 18px);\r\n }\r\n \r\n .values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: clamp(20px, 3vw, 30px);\r\n }\r\n \r\n .value-card {\r\n background: #fef9f3;\r\n padding: clamp(25px, 4vw, 40px) clamp(20px, 3vw, 30px);\r\n border-radius: 15px;\r\n text-align: center;\r\n border: 1px solid #ffe4d6;\r\n transition: all 0.3s ease;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .value-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(224,122,44,0.15);\r\n }\r\n \r\n .value-icon {\r\n width: clamp(60px, 8vw, 80px);\r\n height: clamp(60px, 8vw, 80px);\r\n background: linear-gradient(135deg, #E07A2C, #B95C1A);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto clamp(15px, 3vw, 25px);\r\n color: white;\r\n font-size: clamp(20px, 3vw, 28px);\r\n flex-shrink: 0;\r\n }\r\n \r\n .value-card h3 {\r\n font-size: clamp(18px, 2.5vw, 24px);\r\n color: #1a1a1a;\r\n margin-bottom: clamp(10px, 2vw, 15px);\r\n line-height: 1.3;\r\n }\r\n \r\n .value-card p {\r\n color: #666;\r\n font-size: clamp(14px, 1.8vw, 16px);\r\n line-height: 1.5;\r\n flex-grow: 1;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .values-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n \r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h2>Nos valeurs fondamentales<\/h2>\r\n <p>Les principes qui guident chaque <strong>Tour du Maroc \u00e0 Casablanca<\/strong> exp\u00e9rience<\/p>\r\n <\/div>\r\n <div class=\"values-grid\">\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-car\"><\/i>\r\n <\/div>\r\n <h3>Service Premium<\/h3>\r\n <p>Nous fournissons des services de transfert priv\u00e9 exceptionnels avec des v\u00e9hicules modernes, des chauffeurs professionnels et une attention au moindre d\u00e9tail.<\/p>\r\n <\/div>\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <h3>Ponctualit\u00e9 et fiabilit\u00e9<\/h3>\r\n <p>Votre temps compte. Nous garantissons des prises en charge \u00e0 l'heure et des transferts efficaces, afin que vous arriviez \u00e0 destination sans stress.<\/p>\r\n <\/div>\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <\/div>\r\n <h3>L'hospitalit\u00e9 authentique<\/h3>\r\n <p>Faites l'exp\u00e9rience de la chaleur marocaine authentique gr\u00e2ce \u00e0 nos chauffeurs et guides locaux qui partagent leurs connaissances et leur passion pour le Maroc.<\/p>\r\n <\/div>\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3>La s\u00e9curit\u00e9 avant tout<\/h3>\r\n <p>Votre s\u00e9curit\u00e9 est notre priorit\u00e9. Tous les v\u00e9hicules sont r\u00e9guli\u00e8rement entretenus et nos chauffeurs sont des professionnels exp\u00e9riment\u00e9s et agr\u00e9\u00e9s.<\/p>\r\n <\/div>\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-route\"><\/i>\r\n <\/div>\r\n <h3>Exp\u00e9riences sur mesure<\/h3>\r\n <p>Chaque voyage est unique. Nous personnalisons les transferts et les circuits en fonction de votre emploi du temps, de vos pr\u00e9f\u00e9rences et de votre style de voyage.<\/p>\r\n <\/div>\r\n <div class=\"value-card\">\r\n <div class=\"value-icon\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <h3>L'excellence<\/h3>\r\n <p>Des transferts depuis l'a\u00e9roport aux excursions dans le d\u00e9sert, nous respectons les normes les plus strictes pour que votre voyage au Maroc soit exceptionnel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Experience Section -->\r\n <section class=\"experience-section\" aria-label=\"Notre exp\u00e9rience\">\r\n <style>\r\n .experience-section {\r\n padding: clamp(40px, 8vw, 80px) 0;\r\n background: linear-gradient(135deg, #E07A2C, #B95C1A);\r\n color: white;\r\n text-align: center;\r\n }\r\n \r\n .experience-section h2 {\r\n font-size: clamp(28px, 4vw, 42px);\r\n margin-bottom: clamp(15px, 3vw, 20px);\r\n }\r\n \r\n .experience-section p {\r\n font-size: clamp(16px, 2vw, 18px);\r\n max-width: 800px;\r\n margin: 0 auto clamp(30px, 5vw, 40px);\r\n opacity: 0.95;\r\n line-height: 1.5;\r\n }\r\n \r\n .stats {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: clamp(20px, 4vw, 40px);\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n \r\n .stat-item h3 {\r\n font-size: clamp(36px, 6vw, 56px);\r\n font-weight: 800;\r\n margin-bottom: clamp(5px, 1.5vw, 10px);\r\n }\r\n \r\n .stat-item p {\r\n font-size: clamp(14px, 1.8vw, 16px);\r\n opacity: 0.95;\r\n margin-bottom: 0;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .stats {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .stats {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n }\r\n <\/style>\r\n \r\n <div class=\"container\">\r\n <h2>Pourquoi choisir Morocco Tour Casablanca<\/h2>\r\n <p>Avec des ann\u00e9es d'exp\u00e9rience dans la cr\u00e9ation d'exp\u00e9riences de voyage sans faille, nous avons perfectionn\u00e9 l'art de combiner le confort avec l'hospitalit\u00e9 marocaine authentique.<\/p>\r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <h3>8+<\/h3>\r\n <p>Ann\u00e9es d'exp\u00e9rience<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <h3>5,000+<\/h3>\r\n <p>Voyageurs heureux<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <h3>20+<\/h3>\r\n <p>Destinations<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <h3>24\/7<\/h3>\r\n <p>Soutien \u00e0 la client\u00e8le<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section class=\"cta-section\" aria-label=\"Appel \u00e0 l'action\">\r\n <style>\r\n .cta-section {\r\n padding: clamp(50px, 10vw, 100px) 0;\r\n text-align: center;\r\n }\r\n \r\n .cta-section h2 {\r\n font-size: clamp(28px, 4vw, 42px);\r\n color: #1a1a1a;\r\n margin-bottom: clamp(15px, 3vw, 20px);\r\n }\r\n \r\n .cta-section p {\r\n color: #666;\r\n font-size: clamp(16px, 2vw, 18px);\r\n max-width: 700px;\r\n margin: 0 auto clamp(30px, 5vw, 40px);\r\n line-height: 1.5;\r\n }\r\n \r\n .cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: clamp(8px, 1.5vw, 12px);\r\n background: #E07A2C;\r\n color: white;\r\n padding: clamp(12px, 2.5vw, 16px) clamp(25px, 4vw, 40px);\r\n border-radius: 50px;\r\n font-size: clamp(15px, 2vw, 17px);\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n border: 2px solid transparent;\r\n white-space: nowrap;\r\n }\r\n \r\n .cta-button:hover {\r\n background: white;\r\n color: #E07A2C;\r\n border-color: #E07A2C;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(224, 122, 44, 0.2);\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .cta-button {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 14px 20px;\r\n }\r\n }\r\n <\/style>\r\n \r\n <div class=\"container\">\r\n <h2>Commencez votre voyage au Maroc<\/h2>\r\n <p>Pr\u00eat \u00e0 faire l'exp\u00e9rience d'un voyage en douceur \u00e0 travers le Maroc ? R\u00e9servez votre transfert priv\u00e9 ou votre circuit d\u00e8s aujourd'hui et voyagez dans le confort et le style.<\/p>\r\n <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/casablanca-transfers-2026\/\" class=\"cta-button\">\r\n <i class=\"fas fa-car\"><\/i>\r\n R\u00e9servez votre transfert maintenant\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===== Morocco Tour Casablanca - Why Choose Us Section ===== -->\r\n <div id=\"mtc-why-choose-mount\"><\/div>\r\n <script>\r\n (function(){\r\n const mount = document.getElementById('mtc-why-choose-mount');\r\n if(!mount) return;\r\n const root = mount.attachShadow({ mode: 'open' });\r\n\r\n root.innerHTML = `\r\n <style>\r\n :host{\r\n --primary: #E07A2C;\r\n --secondary: #B95C1A;\r\n --light: #fef9f3;\r\n --dark: #1a1a1a;\r\n --muted: #666666;\r\n --card-bg: #ffffff;\r\n --card-border: #e8e2d6;\r\n --card-shadow: 0 15px 35px rgba(0,0,0,0.08);\r\n --bg-url: url('http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/car46.png');\r\n --transition: all .3s ease;\r\n font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n color: var(--dark);\r\n line-height: 1.6;\r\n position: relative;\r\n isolation: isolate;\r\n overflow: hidden;\r\n }\r\n .mtc-wcu *{ box-sizing: border-box }\r\n\r\n .mtc-wcu .hero{\r\n min-height: 70vh;\r\n display: grid;\r\n place-items: center;\r\n text-align: center;\r\n position: relative;\r\n background:\r\n linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.5)),\r\n var(--bg-url);\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n padding: 48px 0 140px;\r\n color: #fff;\r\n }\r\n \r\n .mtc-wcu .hero::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 120px;\r\n background: linear-gradient(to bottom, transparent, #ffffff);\r\n z-index: 1;\r\n }\r\n \r\n .mtc-wcu .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n width: min(900px, 90%);\r\n margin: 0 auto;\r\n }\r\n\r\n .mtc-wcu .eyebrow{\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 22px;\r\n border-radius: 50px;\r\n background: rgba(224, 122, 44, 0.25);\r\n color: #fff;\r\n font: 700 14px\/1 system-ui;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n backdrop-filter: blur(10px);\r\n margin-bottom: 25px;\r\n }\r\n \r\n .mtc-wcu .eyebrow::before {\r\n content: '\ud83d\ude97';\r\n font-size: 16px;\r\n }\r\n\r\n .mtc-wcu .title{\r\n margin: 0 0 20px;\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n font-size: clamp(36px, 6vw, 52px);\r\n line-height: 1.1;\r\n text-shadow: 0 3px 10px rgba(0,0,0,0.4);\r\n }\r\n .mtc-wcu .title .part1{\r\n color: #ffffff;\r\n display: block;\r\n }\r\n .mtc-wcu .title .part2{\r\n color: var(--primary);\r\n display: block;\r\n margin-top: 5px;\r\n }\r\n \r\n .mtc-wcu .subtitle{\r\n width: min(800px, 100%);\r\n margin: 0 auto 35px;\r\n color: #f0f0f0;\r\n opacity: 0.95;\r\n font-size: clamp(18px, 2.3vw, 22px);\r\n line-height: 1.6;\r\n }\r\n \r\n .mtc-wcu .btn{\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--primary);\r\n color: #fff;\r\n font-weight: 700;\r\n padding: 16px 32px;\r\n border-radius: 12px;\r\n border: none;\r\n text-decoration: none;\r\n box-shadow: 0 10px 25px rgba(224, 122, 44, 0.35);\r\n transition: var(--transition);\r\n font-size: 17px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .mtc-wcu .btn:hover{\r\n background: var(--secondary);\r\n transform: translateY(-4px);\r\n box-shadow: 0 15px 30px rgba(185, 92, 26, 0.45);\r\n }\r\n .mtc-wcu .btn::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n .mtc-wcu .btn:hover::after {\r\n left: 100%;\r\n }\r\n .mtc-wcu .btn svg{\r\n width: 20px;\r\n height: 20px;\r\n transition: transform 0.3s ease;\r\n }\r\n .mtc-wcu .btn:hover svg{\r\n transform: translateX(5px);\r\n }\r\n\r\n .mtc-wcu .feature-bar{\r\n width: min(1300px, 94%);\r\n margin-inline: auto;\r\n margin-top: -100px;\r\n position: relative;\r\n z-index: 2;\r\n margin-bottom: 80px;\r\n }\r\n \r\n .mtc-wcu .feature-grid{\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 28px;\r\n }\r\n \r\n @media (max-width: 1100px){\r\n .mtc-wcu .feature-grid{\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n \r\n @media (max-width: 640px){\r\n .mtc-wcu .feature-grid{\r\n grid-template-columns: 1fr;\r\n gap: 22px;\r\n }\r\n }\r\n\r\n .mtc-wcu .card{\r\n background: var(--card-bg);\r\n border: 2px solid transparent;\r\n border-radius: 20px;\r\n box-shadow: var(--card-shadow);\r\n padding: 32px 26px;\r\n display: grid;\r\n gap: 15px;\r\n align-content: start;\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .mtc-wcu .card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n }\r\n \r\n .mtc-wcu .card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.15);\r\n border-color: var(--primary);\r\n }\r\n\r\n .mtc-wcu .icon-wrap{\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 18px;\r\n display: grid;\r\n place-items: center;\r\n background: linear-gradient(135deg, rgba(224, 122, 44, 0.1), rgba(185, 92, 26, 0.1));\r\n border: 2px solid rgba(224, 122, 44, 0.2);\r\n margin-bottom: 18px;\r\n transition: var(--transition);\r\n }\r\n \r\n .mtc-wcu .card:hover .icon-wrap {\r\n transform: scale(1.15) rotate(5deg);\r\n background: linear-gradient(135deg, rgba(224, 122, 44, 0.15), rgba(185, 92, 26, 0.15));\r\n }\r\n \r\n .mtc-wcu .card svg{\r\n width: 32px;\r\n height: 32px;\r\n stroke: var(--primary);\r\n fill: none;\r\n stroke-width: 2;\r\n }\r\n \r\n .mtc-wcu .card h3{\r\n margin: 0 0 12px;\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n line-height: 1.3;\r\n }\r\n \r\n .mtc-wcu .card p{\r\n margin: 0;\r\n color: var(--muted);\r\n font-size: 16px;\r\n line-height: 1.6;\r\n }\r\n \r\n .mtc-wcu .card-number {\r\n position: absolute;\r\n top: 22px;\r\n right: 22px;\r\n width: 34px;\r\n height: 34px;\r\n background: var(--primary);\r\n color: white;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n font-weight: 800;\r\n font-size: 15px;\r\n opacity: 0.9;\r\n }\r\n \r\n .mtc-wcu::before {\r\n content: '';\r\n position: absolute;\r\n top: 40%;\r\n left: -100px;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(224, 122, 44, 0.05) 0%, transparent 70%);\r\n z-index: 0;\r\n }\r\n \r\n .mtc-wcu::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 10%;\r\n right: -100px;\r\n width: 250px;\r\n height: 250px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(185, 92, 26, 0.05) 0%, transparent 70%);\r\n z-index: 0;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .mtc-wcu .hero {\r\n min-height: 60vh;\r\n padding: 40px 0 120px;\r\n }\r\n .mtc-wcu .eyebrow {\r\n font-size: 13px;\r\n padding: 8px 18px;\r\n }\r\n .mtc-wcu .title {\r\n font-size: 32px;\r\n }\r\n .mtc-wcu .subtitle {\r\n font-size: 18px;\r\n margin-bottom: 30px;\r\n }\r\n .mtc-wcu .btn {\r\n padding: 14px 28px;\r\n font-size: 16px;\r\n }\r\n .mtc-wcu .feature-bar {\r\n margin-top: -80px;\r\n margin-bottom: 60px;\r\n }\r\n .mtc-wcu .card {\r\n padding: 26px 22px;\r\n }\r\n .mtc-wcu .card h3 {\r\n font-size: 20px;\r\n }\r\n .mtc-wcu .card p {\r\n font-size: 15px;\r\n }\r\n .mtc-wcu .icon-wrap {\r\n width: 60px;\r\n height: 60px;\r\n margin-bottom: 15px;\r\n }\r\n .mtc-wcu .card svg {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .mtc-wcu .hero {\r\n min-height: 55vh;\r\n padding: 35px 0 100px;\r\n }\r\n .mtc-wcu .title {\r\n font-size: 28px;\r\n }\r\n .mtc-wcu .subtitle {\r\n font-size: 16px;\r\n margin-bottom: 25px;\r\n }\r\n .mtc-wcu .btn {\r\n padding: 12px 24px;\r\n font-size: 15px;\r\n }\r\n .mtc-wcu .feature-bar {\r\n margin-top: -70px;\r\n margin-bottom: 50px;\r\n }\r\n .mtc-wcu .card {\r\n padding: 24px 20px;\r\n }\r\n .mtc-wcu .card h3 {\r\n font-size: 19px;\r\n }\r\n .mtc-wcu .card p {\r\n font-size: 14px;\r\n }\r\n .mtc-wcu .icon-wrap {\r\n width: 55px;\r\n height: 55px;\r\n margin-bottom: 12px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <section class=\"mtc-wcu\" aria-label=\"Why Choose Morocco Tour Casablanca\">\r\n <div class=\"hero\" aria-label=\"Why Choose Us\">\r\n <div class=\"hero-content\">\r\n <div class=\"eyebrow\">Premium Transfer & Tour Services<\/div>\r\n <h1 class=\"title\">\r\n <span class=\"part1\">Why Choose<\/span>\r\n <span class=\"part2\">Morocco Tour Casablanca<\/span>\r\n <\/h1>\r\n <p class=\"subtitle\">\r\n Experience seamless travel across Morocco with our professional transfer services and expertly crafted tours. \r\n From airport pickups to desert adventures, we deliver comfort, reliability, and authentic Moroccan hospitality.\r\n <\/p>\r\n <a class=\"btn\" href=\"https:\/\/moroccotourcasablanca.com\/casablanca-transfers-2026\/\" aria-label=\"Book Your Transfer\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14\"\/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 5l7 7-7 7\"\/>\r\n <\/svg>\r\n Book Your Transfer\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"feature-bar\" aria-label=\"Our advantages\">\r\n <div class=\"feature-grid\">\r\n <article class=\"card\">\r\n <div class=\"card-number\">1<\/div>\r\n <div class=\"icon-wrap\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Professional Drivers<\/h3>\r\n <p>Our experienced, multilingual drivers ensure safe, comfortable, and punctual transfers. Licensed, insured, and committed to your satisfaction.<\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card-number\">2<\/div>\r\n <div class=\"icon-wrap\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Safe & Reliable Service<\/h3>\r\n <p>Your safety is our priority. Modern fleet, regular maintenance, and 24\/7 customer support ensure peace of mind throughout your journey.<\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card-number\">3<\/div>\r\n <div class=\"icon-wrap\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Flexible Tour Options<\/h3>\r\n <p>Choose from day trips to multi-day desert tours. Customize your itinerary with private tours, cultural experiences, and expert local guides.<\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"card-number\">4<\/div>\r\n <div class=\"icon-wrap\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Authentic Moroccan Hospitality<\/h3>\r\n <p>Experience genuine Moroccan warmth and culture. From local insights to traditional hospitality, we make every journey memorable.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n })();\r\n <\/script>\r\n <!-- ===== \/Why Choose Us Section ===== -->\r\n\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>About Morocco Tour Casablanca | Premium Transfers & Tours About Morocco Tour Casablanca Premium private transfers, day trips and desert tours across Morocco. Your trusted partner for seamless travel experiences. Our Core Values The principles that guide every Morocco Tour Casablanca experience Premium Service We deliver exceptional private transfer services with modern vehicles, professional drivers, […]<\/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-457","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/457","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=457"}],"version-history":[{"count":7,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/457\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/457\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/media?parent=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}