{"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\/it\/about\/","title":{"rendered":"Circa"},"content":{"rendered":"\t\t
\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=\"Page Banner\">\r\n <div class=\"banner-content\">\r\n <h1>About <span>Morocco Tour Casablanca<\/span><\/h1>\r\n <p>Premium private transfers, day trips and desert tours across Morocco. Your trusted partner for seamless travel experiences.<\/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=\"Our Values\">\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>Our Core Values<\/h2>\r\n <p>The principles that guide every <strong>Morocco Tour Casablanca<\/strong> experience<\/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>Premium Service<\/h3>\r\n <p>We deliver exceptional private transfer services with modern vehicles, professional drivers, and attention to every detail.<\/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>Punctuality & Reliability<\/h3>\r\n <p>Your time matters. We guarantee on-time pickups and efficient transfers, ensuring you reach your destination stress-free.<\/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>Authentic Hospitality<\/h3>\r\n <p>Experience genuine Moroccan warmth from our local drivers and guides who share their knowledge and passion for Morocco.<\/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>Safety First<\/h3>\r\n <p>Your safety is our priority. All vehicles are regularly maintained and our drivers are experienced, licensed professionals.<\/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>Tailored Experiences<\/h3>\r\n <p>Every journey is unique. We customize transfers and tours to match your schedule, preferences, and travel style.<\/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>Excellence<\/h3>\r\n <p>From airport transfers to desert tours, we maintain the highest standards to ensure your Morocco travel experience is exceptional.<\/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=\"Our Experience\">\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>Why Choose Morocco Tour Casablanca<\/h2>\r\n <p>With years of experience creating seamless travel experiences, we've perfected the art of combining comfort with authentic Moroccan hospitality.<\/p>\r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <h3>8+<\/h3>\r\n <p>Years Experience<\/p>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <h3>5,000+<\/h3>\r\n <p>Happy Travelers<\/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>Customer Support<\/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=\"Call to 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>Begin Your Moroccan Journey<\/h2>\r\n <p>Ready to experience seamless travel across Morocco? Book your private transfer or tour today and travel in comfort and style.<\/p>\r\n <a href=\"https:\/\/moroccotourcasablanca.com\/casablanca-transfers-2026\/\" class=\"cta-button\">\r\n <i class=\"fas fa-car\"><\/i>\r\n Book Your Transfer Now\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>\n\t\t","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>\n","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\/it\/wp-json\/wp\/v2\/pages\/457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/comments?post=457"}],"version-history":[{"count":7,"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/pages\/457\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/pages\/457\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/media?parent=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}