{"id":315,"date":"2026-03-25T01:28:23","date_gmt":"2026-03-25T01:28:23","guid":{"rendered":"https:\/\/moroccotourcasablanca.com\/?page_id=315"},"modified":"2026-03-27T15:15:52","modified_gmt":"2026-03-27T15:15:52","slug":"home","status":"publish","type":"page","link":"https:\/\/moroccotourcasablanca.com\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"315\" class=\"elementor elementor-315\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3cda29 e-con-full e-flex e-con e-parent\" data-id=\"f3cda29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa9d42 elementor-widget elementor-widget-html\" data-id=\"6fa9d42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== Morocco Tour Casablanca - Professional Slider Banner with Animations ===== -->\r\n<div id=\"mtc-slider-banner-mount\"><\/div>\r\n<script>\r\n(function(){\r\n  const mount = document.getElementById('mtc-slider-banner-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        --white: #ffffff;\r\n        --transition-smooth: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        --transition-bounce: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n      }\r\n      \r\n      .mtc-slider-container {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 680px;\r\n        overflow: hidden;\r\n      }\r\n      \r\n      .mtc-slider-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      \r\n      .mtc-slide {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        transform: scale(1.05) translateX(0);\r\n        transition: var(--transition-smooth);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        visibility: hidden;\r\n      }\r\n      \r\n      .mtc-slide.active {\r\n        opacity: 1;\r\n        transform: scale(1) translateX(0);\r\n        visibility: visible;\r\n        z-index: 1;\r\n      }\r\n      \r\n      .mtc-slide.prev {\r\n        transform: scale(0.95) translateX(-30%);\r\n        opacity: 0;\r\n        visibility: hidden;\r\n      }\r\n      \r\n      .mtc-slide-image {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        filter: brightness(0.7);\r\n        transition: transform 8s ease-out;\r\n      }\r\n      \r\n      .mtc-slide.active .mtc-slide-image {\r\n        transform: scale(1.08);\r\n        animation: slowZoom 12s ease-out forwards;\r\n      }\r\n      \r\n      @keyframes slowZoom {\r\n        0% { transform: scale(1); }\r\n        100% { transform: scale(1.12); }\r\n      }\r\n      \r\n      \/* Content Entrance Animation *\/\r\n      .mtc-slide-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1200px;\r\n        width: 90%;\r\n        padding: 40px;\r\n        color: var(--white);\r\n        text-align: center;\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: all 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n      }\r\n      \r\n      .mtc-slide.active .mtc-slide-content {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        transition-delay: 0.2s;\r\n      }\r\n      \r\n      \/* Badge Animation *\/\r\n      .mtc-slide-badge {\r\n        display: inline-block;\r\n        background: rgba(224, 122, 44, 0.9);\r\n        backdrop-filter: blur(8px);\r\n        padding: 8px 24px;\r\n        border-radius: 40px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        border: 1px solid rgba(255, 255, 255, 0.4);\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n      }\r\n      \r\n      .mtc-slide.active .mtc-slide-badge {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        transition-delay: 0.1s;\r\n      }\r\n      \r\n      \/* Title Animation with Stagger *\/\r\n      .mtc-slide-title {\r\n        font-size: 56px;\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        margin: 0 0 20px 0;\r\n        text-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n      }\r\n      \r\n      .mtc-slide.active .mtc-slide-title {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        transition-delay: 0.2s;\r\n      }\r\n      \r\n      .mtc-slide-title span {\r\n        color: var(--primary);\r\n        position: relative;\r\n        display: inline-block;\r\n      }\r\n      \r\n      .mtc-slide.active .mtc-slide-title span {\r\n        animation: textGlow 0.8s ease-out;\r\n      }\r\n      \r\n      @keyframes textGlow {\r\n        0% { text-shadow: 0 0 0 rgba(224, 122, 44, 0); }\r\n        50% { text-shadow: 0 0 20px rgba(224, 122, 44, 0.8); }\r\n        100% { text-shadow: 0 0 0 rgba(224, 122, 44, 0); }\r\n      }\r\n      \r\n      \/* Description Animation *\/\r\n      .mtc-slide-desc {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        max-width: 680px;\r\n        margin: 0 auto 35px;\r\n        opacity: 0.95;\r\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: all 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n      }\r\n      \r\n      .mtc-slide.active .mtc-slide-desc {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        transition-delay: 0.3s;\r\n      }\r\n      \r\n      \/* CTA Button Animation *\/\r\n      .mtc-slide-cta {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background: var(--primary);\r\n        color: var(--white);\r\n        padding: 14px 32px;\r\n        border-radius: 50px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        transition: var(--transition-bounce);\r\n        border: 2px solid transparent;\r\n        box-shadow: 0 10px 25px rgba(224, 122, 44, 0.4);\r\n        opacity: 0;\r\n        transform: translateY(30px) scale(0.95);\r\n        transition: all 0.5s cubic-bezier(0.34, 1.2, 0.64, 1);\r\n      }\r\n      \r\n      .mtc-slide.active .mtc-slide-cta {\r\n        opacity: 1;\r\n        transform: translateY(0) scale(1);\r\n        transition-delay: 0.4s;\r\n      }\r\n      \r\n      .mtc-slide-cta:hover {\r\n        background: var(--white);\r\n        color: var(--primary);\r\n        transform: translateY(-3px) scale(1.02);\r\n        box-shadow: 0 15px 35px rgba(224, 122, 44, 0.5);\r\n      }\r\n      \r\n      .mtc-slide-cta svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: currentColor;\r\n        transition: transform 0.3s ease;\r\n      }\r\n      \r\n      .mtc-slide-cta:hover svg {\r\n        transform: translateX(6px);\r\n      }\r\n      \r\n      \/* Navigation Arrows with Pulse Effect *\/\r\n      .mtc-slider-nav {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        width: 52px;\r\n        height: 52px;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        backdrop-filter: blur(8px);\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n        z-index: 10;\r\n        outline: none;\r\n      }\r\n      \r\n      .mtc-slider-nav:hover {\r\n        background: var(--primary);\r\n        transform: translateY(-50%) scale(1.1);\r\n        border-color: rgba(255, 255, 255, 0.6);\r\n      }\r\n      \r\n      .mtc-slider-nav:active {\r\n        transform: translateY(-50%) scale(0.95);\r\n      }\r\n      \r\n      .mtc-slider-nav.prev {\r\n        left: 30px;\r\n      }\r\n      \r\n      .mtc-slider-nav.next {\r\n        right: 30px;\r\n      }\r\n      \r\n      .mtc-slider-nav svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: var(--white);\r\n        transition: transform 0.2s ease;\r\n      }\r\n      \r\n      .mtc-slider-nav:hover svg {\r\n        transform: scale(1.1);\r\n      }\r\n      \r\n      \/* Dots Navigation with Ripple Effect *\/\r\n      .mtc-slider-dots {\r\n        position: absolute;\r\n        bottom: 35px;\r\n        left: 0;\r\n        right: 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 14px;\r\n        z-index: 10;\r\n      }\r\n      \r\n      .mtc-slider-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        background: rgba(255, 255, 255, 0.5);\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n        padding: 0;\r\n        position: relative;\r\n      }\r\n      \r\n      .mtc-slider-dot:hover {\r\n        background: var(--primary);\r\n        transform: scale(1.3);\r\n      }\r\n      \r\n      .mtc-slider-dot.active {\r\n        background: var(--primary);\r\n        transform: scale(1.2);\r\n        box-shadow: 0 0 12px rgba(224, 122, 44, 0.6);\r\n      }\r\n      \r\n      .mtc-slider-dot.active::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 20px;\r\n        height: 20px;\r\n        border-radius: 50%;\r\n        background: rgba(224, 122, 44, 0.3);\r\n        animation: dotRipple 0.6s ease-out;\r\n      }\r\n      \r\n      @keyframes dotRipple {\r\n        0% { width: 0; height: 0; opacity: 0.8; }\r\n        100% { width: 26px; height: 26px; opacity: 0; }\r\n      }\r\n      \r\n      \/* Slide Transition Effects *\/\r\n      @keyframes slideInFromRight {\r\n        0% { opacity: 0; transform: translateX(100%) scale(0.95); }\r\n        100% { opacity: 1; transform: translateX(0) scale(1); }\r\n      }\r\n      \r\n      @keyframes slideOutToLeft {\r\n        0% { opacity: 1; transform: translateX(0) scale(1); }\r\n        100% { opacity: 0; transform: translateX(-100%) scale(0.95); }\r\n      }\r\n      \r\n      @keyframes slideInFromLeft {\r\n        0% { opacity: 0; transform: translateX(-100%) scale(0.95); }\r\n        100% { opacity: 1; transform: translateX(0) scale(1); }\r\n      }\r\n      \r\n      @keyframes slideOutToRight {\r\n        0% { opacity: 1; transform: translateX(0) scale(1); }\r\n        100% { opacity: 0; transform: translateX(100%) scale(0.95); }\r\n      }\r\n      \r\n      .mtc-slide.animate-in-right {\r\n        animation: slideInFromRight 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n      }\r\n      \r\n      .mtc-slide.animate-out-left {\r\n        animation: slideOutToLeft 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n      }\r\n      \r\n      .mtc-slide.animate-in-left {\r\n        animation: slideInFromLeft 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n      }\r\n      \r\n      .mtc-slide.animate-out-right {\r\n        animation: slideOutToRight 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n      }\r\n      \r\n      \/* Floating Elements Effect *\/\r\n      .mtc-slide.active .mtc-slide-badge {\r\n        animation: gentleFloat 3s ease-in-out infinite;\r\n      }\r\n      \r\n      @keyframes gentleFloat {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-3px); }\r\n      }\r\n      \r\n      \/* Responsive *\/\r\n      @media (max-width: 1024px) {\r\n        .mtc-slider-container { height: 580px; }\r\n        .mtc-slide-title { font-size: 46px; }\r\n        .mtc-slide-desc { font-size: 17px; }\r\n        .mtc-slider-nav { width: 48px; height: 48px; }\r\n        .mtc-slider-nav.prev { left: 20px; }\r\n        .mtc-slider-nav.next { right: 20px; }\r\n      }\r\n      \r\n      @media (max-width: 768px) {\r\n        .mtc-slider-container { height: 500px; }\r\n        .mtc-slide-content { padding: 30px 20px; }\r\n        .mtc-slide-title { font-size: 34px; }\r\n        .mtc-slide-desc { font-size: 16px; margin-bottom: 28px; }\r\n        .mtc-slide-cta { padding: 12px 26px; font-size: 15px; }\r\n        .mtc-slider-nav { width: 44px; height: 44px; display: none; }\r\n        .mtc-slider-dots { bottom: 25px; gap: 12px; }\r\n      }\r\n      \r\n      @media (max-width: 480px) {\r\n        .mtc-slider-container { height: 440px; }\r\n        .mtc-slide-title { font-size: 28px; margin-bottom: 12px; }\r\n        .mtc-slide-desc { font-size: 14px; margin-bottom: 22px; }\r\n        .mtc-slide-badge { font-size: 11px; padding: 6px 18px; margin-bottom: 12px; }\r\n        .mtc-slide-cta { padding: 10px 22px; font-size: 14px; gap: 8px; }\r\n        .mtc-slide-cta svg { width: 16px; height: 16px; }\r\n        .mtc-slider-dots { bottom: 20px; gap: 10px; }\r\n        .mtc-slider-dot { width: 8px; height: 8px; }\r\n      }\r\n      \r\n      @media (max-width: 360px) {\r\n        .mtc-slider-container { height: 400px; }\r\n        .mtc-slide-title { font-size: 24px; }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"mtc-slider-container\" aria-label=\"Morocco Tour Casablanca Slider\">\r\n      <div class=\"mtc-slider-wrapper\">\r\n        \r\n        <!-- Slide 1: Premium Transfers - Link to Transfers Page -->\r\n        <div class=\"mtc-slide active\" data-slide=\"1\">\r\n          <img decoding=\"async\" class=\"mtc-slide-image\" loading=\"eager\" \r\n               src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/car2-1.png\"\r\n               alt=\"Premium transfers Casablanca\">\r\n          <div class=\"mtc-slide-content\">\r\n            <div class=\"mtc-slide-badge\">Premium Comfort<\/div>\r\n            <h1 class=\"mtc-slide-title\">Luxury <span>Transfers<\/span> in Casablanca<\/h1>\r\n            <p class=\"mtc-slide-desc\">\r\n              Experience seamless airport transfers and city transportation with our fleet of premium vehicles. Professional drivers, punctual service, and complete comfort for your journey.\r\n            <\/p>\r\n            <a href=\"https:\/\/moroccotourcasablanca.com\/casablanca-transfers-2026\/\" class=\"mtc-slide-cta\">\r\n              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=\"M14 5l7 7-7 7\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Slide 2: Day Trips & Tours - Link to Day Trips Page -->\r\n        <div class=\"mtc-slide\" data-slide=\"2\">\r\n          <img decoding=\"async\" class=\"mtc-slide-image\" loading=\"eager\"\r\n               src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/casablanca-united-nations-square.jpg\"\r\n               alt=\"Day trips from Casablanca\">\r\n          <div class=\"mtc-slide-content\">\r\n            <div class=\"mtc-slide-badge\">Discover Morocco<\/div>\r\n            <h1 class=\"mtc-slide-title\">Amazing <span>Day Trips<\/span> from Casablanca<\/h1>\r\n            <p class=\"mtc-slide-desc\">\r\n              Explore Rabat, Marrakech, Chefchaouen, and more. Our guided day trips offer cultural immersion, historical landmarks, and unforgettable experiences across Morocco.\r\n            <\/p>\r\n            <a href=\"https:\/\/moroccotourcasablanca.com\/casablanca-day-tours-2026\/\" class=\"mtc-slide-cta\">\r\n              Explore Day Trips\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=\"M14 5l7 7-7 7\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Slide 3: Morocco Tours - Link to Desert Tours Page -->\r\n        <div class=\"mtc-slide\" data-slide=\"3\">\r\n          <img decoding=\"async\" class=\"mtc-slide-image\" loading=\"eager\"\r\n               src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/Morocco-12-day-itinerary-1.webp\"\r\n               alt=\"Morocco tours and itineraries\">\r\n          <div class=\"mtc-slide-content\">\r\n            <div class=\"mtc-slide-badge\">Custom Experiences<\/div>\r\n            <h1 class=\"mtc-slide-title\">Tailored <span>Morocco Tours<\/span><\/h1>\r\n            <p class=\"mtc-slide-desc\">\r\n              From imperial cities to Sahara deserts, craft your perfect Moroccan adventure. Private tours, expert guides, and authentic experiences that match your travel style.\r\n            <\/p>\r\n            <a href=\"https:\/\/moroccotourcasablanca.com\/casablanca-desert-tours-2026\/\" class=\"mtc-slide-cta\">\r\n              View Tour Packages\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=\"M14 5l7 7-7 7\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Slide 4: Premium Fleet - Link to Contact Page -->\r\n        <div class=\"mtc-slide\" data-slide=\"4\">\r\n          <img decoding=\"async\" class=\"mtc-slide-image\" loading=\"eager\"\r\n               src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/name-car-1.png\"\r\n               alt=\"Premium fleet Morocco Tour Casablanca\">\r\n          <div class=\"mtc-slide-content\">\r\n            <div class=\"mtc-slide-badge\">Modern Fleet<\/div>\r\n            <h1 class=\"mtc-slide-title\">Your Comfort <span>Our Priority<\/span><\/h1>\r\n            <p class=\"mtc-slide-desc\">\r\n              Travel in style with our modern, air-conditioned vehicles. Whether solo, with family, or in groups, we provide the perfect transportation solution for your Moroccan journey.\r\n            <\/p>\r\n            <a href=\"https:\/\/moroccotourcasablanca.com\/contact\/\" class=\"mtc-slide-cta\">\r\n              Contact Us Today\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=\"M14 5l7 7-7 7\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n      <\/div>\r\n      \r\n      <button class=\"mtc-slider-nav prev\" aria-label=\"Previous slide\">\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=\"M15 19l-7-7 7-7\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n      <button class=\"mtc-slider-nav next\" aria-label=\"Next slide\">\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=\"M9 5l7 7-7 7\"\/>\r\n        <\/svg>\r\n      <\/button>\r\n      \r\n      <div class=\"mtc-slider-dots\">\r\n        <div class=\"mtc-slider-dot active\" data-slide=\"1\" aria-label=\"Go to slide 1\"><\/div>\r\n        <div class=\"mtc-slider-dot\" data-slide=\"2\" aria-label=\"Go to slide 2\"><\/div>\r\n        <div class=\"mtc-slider-dot\" data-slide=\"3\" aria-label=\"Go to slide 3\"><\/div>\r\n        <div class=\"mtc-slider-dot\" data-slide=\"4\" aria-label=\"Go to slide 4\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  `;\r\n\r\n  setTimeout(() => {\r\n    const sliderContainer = root.querySelector('.mtc-slider-container');\r\n    const slides = root.querySelectorAll('.mtc-slide');\r\n    const dots = root.querySelectorAll('.mtc-slider-dot');\r\n    const prevBtn = root.querySelector('.mtc-slider-nav.prev');\r\n    const nextBtn = root.querySelector('.mtc-slider-nav.next');\r\n    \r\n    let currentSlide = 0;\r\n    let slideInterval;\r\n    let isAnimating = false;\r\n    const totalSlides = slides.length;\r\n    \r\n    function updateSlider(direction = 'next') {\r\n      if (isAnimating) return;\r\n      isAnimating = true;\r\n      \r\n      slides.forEach((slide, index) => {\r\n        slide.classList.remove('active', 'prev', 'animate-in-right', 'animate-in-left', 'animate-out-right', 'animate-out-left');\r\n        \r\n        if (index === currentSlide) {\r\n          slide.classList.add('active');\r\n          if (direction === 'next') {\r\n            slide.classList.add('animate-in-right');\r\n          } else if (direction === 'prev') {\r\n            slide.classList.add('animate-in-left');\r\n          }\r\n        } else if (index === (currentSlide - 1 + totalSlides) % totalSlides) {\r\n          slide.classList.add('prev');\r\n          if (direction === 'next') {\r\n            slide.classList.add('animate-out-left');\r\n          } else if (direction === 'prev') {\r\n            slide.classList.add('animate-out-right');\r\n          }\r\n        }\r\n      });\r\n      \r\n      dots.forEach((dot, index) => {\r\n        dot.classList.remove('active');\r\n        if (index === currentSlide) {\r\n          dot.classList.add('active');\r\n        }\r\n      });\r\n      \r\n      setTimeout(() => {\r\n        isAnimating = false;\r\n      }, 600);\r\n    }\r\n    \r\n    function goToSlide(index, direction = 'next') {\r\n      if (isAnimating) return;\r\n      currentSlide = index;\r\n      updateSlider(direction);\r\n      resetAutoSlide();\r\n    }\r\n    \r\n    function goToNextSlide() {\r\n      if (isAnimating) return;\r\n      const newIndex = (currentSlide + 1) % totalSlides;\r\n      currentSlide = newIndex;\r\n      updateSlider('next');\r\n      resetAutoSlide();\r\n    }\r\n    \r\n    function goToPrevSlide() {\r\n      if (isAnimating) return;\r\n      const newIndex = (currentSlide - 1 + totalSlides) % totalSlides;\r\n      currentSlide = newIndex;\r\n      updateSlider('prev');\r\n      resetAutoSlide();\r\n    }\r\n    \r\n    function startAutoSlide() {\r\n      slideInterval = setInterval(() => {\r\n        if (!isAnimating) {\r\n          goToNextSlide();\r\n        }\r\n      }, 5500);\r\n    }\r\n    \r\n    function pauseAutoSlide() {\r\n      clearInterval(slideInterval);\r\n    }\r\n    \r\n    function resetAutoSlide() {\r\n      pauseAutoSlide();\r\n      startAutoSlide();\r\n    }\r\n    \r\n    prevBtn.addEventListener('click', () => {\r\n      pauseAutoSlide();\r\n      goToPrevSlide();\r\n    });\r\n    \r\n    nextBtn.addEventListener('click', () => {\r\n      pauseAutoSlide();\r\n      goToNextSlide();\r\n    });\r\n    \r\n    dots.forEach(dot => {\r\n      dot.addEventListener('click', function() {\r\n        const slideIndex = parseInt(this.getAttribute('data-slide')) - 1;\r\n        if (slideIndex !== currentSlide && !isAnimating) {\r\n          const direction = slideIndex > currentSlide ? 'next' : 'prev';\r\n          pauseAutoSlide();\r\n          goToSlide(slideIndex, direction);\r\n        }\r\n      });\r\n    });\r\n    \r\n    sliderContainer.addEventListener('mouseenter', pauseAutoSlide);\r\n    sliderContainer.addEventListener('mouseleave', startAutoSlide);\r\n    \r\n    let touchStartX = 0;\r\n    let touchEndX = 0;\r\n    \r\n    sliderContainer.addEventListener('touchstart', function(e) {\r\n      touchStartX = e.changedTouches[0].screenX;\r\n      pauseAutoSlide();\r\n    });\r\n    \r\n    sliderContainer.addEventListener('touchend', function(e) {\r\n      touchEndX = e.changedTouches[0].screenX;\r\n      const swipeThreshold = 50;\r\n      const diff = touchStartX - touchEndX;\r\n      if (Math.abs(diff) > swipeThreshold && !isAnimating) {\r\n        if (diff > 0) {\r\n          goToNextSlide();\r\n        } else {\r\n          goToPrevSlide();\r\n        }\r\n      }\r\n      startAutoSlide();\r\n    });\r\n    \r\n    startAutoSlide();\r\n  }, 100);\r\n})();\r\n<\/script>\r\n<!-- ===== End Morocco Tour Casablanca Slider Banner with Animations ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-126e9b9 e-con-full e-flex e-con e-parent\" data-id=\"126e9b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1202192 elementor-widget elementor-widget-html\" data-id=\"1202192\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\" \/>\r\n  <title>Morocco Tour Casablanca \u00b7 Premium Transfers & Day Trips<\/title>\r\n\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* ALL CLASSES RENAMED WITH UNIQUE PREFIX \"mtc-\" TO AVOID CONFLICTS *\/\r\n    .mtc-section {\r\n      width: 100%;\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 1rem 1rem 2rem;\r\n      background: #fef9f3;  \/* new background color as requested *\/\r\n      font-family: 'Poppins', sans-serif;\r\n      color: #2b2b2b;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .mtc-container {\r\n      width: 100%;\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      align-items: center;\r\n      gap: clamp(1.5rem, 4vw, 5rem);\r\n    }\r\n\r\n    \/* ===== LEFT VISUAL ===== *\/\r\n    .mtc-visual {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 1 \/ 1.1;\r\n      max-width: 600px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .mtc-main-photo {\r\n      position: absolute;\r\n      left: 25%;\r\n      top: 6%;\r\n      width: 58%;\r\n      height: 64%;\r\n      border-radius: 42% 42% 34% 34% \/ 20% 20% 22% 22%;\r\n      background: #e9ecf5;\r\n      overflow: hidden;\r\n      box-shadow: 0 20px 40px rgba(140, 80, 20, 0.25);\r\n      z-index: 3;\r\n    }\r\n\r\n    .mtc-main-photo img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .mtc-small-photo {\r\n      position: absolute;\r\n      left: 3%;\r\n      bottom: 16%;\r\n      width: 42%;\r\n      max-width: 240px;\r\n      aspect-ratio: 1\/1;\r\n      border-radius: 50%;\r\n      border: 6px solid #fff;\r\n      background: #f0f2f7;\r\n      overflow: hidden;\r\n      box-shadow: 0 16px 40px rgba(156, 93, 18, 0.3);\r\n      z-index: 4;\r\n    }\r\n\r\n    .mtc-small-photo img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n\r\n    .mtc-stat-card {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 18%;\r\n      width: auto;\r\n      min-width: 160px;\r\n      background: #ffffff;\r\n      border-radius: 0 0 24px 24px;\r\n      padding: 0.7rem 1.2rem 0.7rem 1rem;\r\n      box-shadow: 0 20px 38px rgba(156, 93, 18, 0.2);\r\n      z-index: 5;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.7rem;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .mtc-stat-icon {\r\n      width: 2.2rem;\r\n      height: 2.2rem;\r\n      border-radius: 12px;\r\n      background: #E07A2C;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .mtc-stat-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      fill: white;\r\n      stroke: white;\r\n    }\r\n\r\n    .mtc-stat-text-wrapper {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .mtc-stat-number {\r\n      font-size: 1.2rem;\r\n      font-weight: 800;\r\n      color: #B95C1A;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .mtc-stat-text {\r\n      font-size: 0.7rem;\r\n      font-weight: 600;\r\n      color: #7B4A2B;\r\n      letter-spacing: 0.3px;\r\n    }\r\n\r\n    .mtc-mini-icon {\r\n      position: absolute;\r\n      left: 34%;\r\n      bottom: 22%;\r\n      width: 3.2rem;\r\n      height: 3.2rem;\r\n      border-radius: 16px;\r\n      background: #E07A2C;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow: 0 16px 30px rgba(224, 122, 44, 0.45);\r\n      z-index: 6;\r\n    }\r\n\r\n    .mtc-mini-icon svg {\r\n      width: 26px;\r\n      height: 26px;\r\n      fill: white;\r\n    }\r\n\r\n    .mtc-dots-top {\r\n      position: absolute;\r\n      left: 38%;\r\n      top: 12%;\r\n      width: 4rem;\r\n      height: 2.8rem;\r\n      background-image: radial-gradient(#dba470 2px, transparent 2px);\r\n      background-size: 12px 12px;\r\n      opacity: 0.4;\r\n      z-index: 1;\r\n    }\r\n\r\n    .mtc-dots-bottom {\r\n      position: absolute;\r\n      left: 5%;\r\n      bottom: 10%;\r\n      width: 5rem;\r\n      height: 3.8rem;\r\n      background-image: radial-gradient(#b96f34 2px, transparent 2px);\r\n      background-size: 14px 14px;\r\n      opacity: 0.3;\r\n      z-index: 1;\r\n    }\r\n\r\n    .mtc-ring-left {\r\n      position: absolute;\r\n      left: -4%;\r\n      top: 38%;\r\n      width: 4rem;\r\n      height: 4rem;\r\n      border: 2px dashed #c1783a;\r\n      border-right-color: transparent;\r\n      border-top-color: transparent;\r\n      border-radius: 50%;\r\n      opacity: 0.4;\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* removed .mtc-scribble (background element removed) - no scribble *\/\r\n    \r\n    \/* ===== RIGHT CONTENT ===== *\/\r\n    .mtc-content {\r\n      width: 100%;\r\n      max-width: 580px;\r\n      margin-left: auto;\r\n    }\r\n\r\n    .mtc-topline {\r\n      font-size: clamp(0.7rem, 2vw, 0.9rem);\r\n      font-weight: 700;\r\n      color: #E07A2C;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      margin-bottom: 0.4rem;\r\n    }\r\n\r\n    .mtc-topline span {\r\n      color: #C08552;\r\n      margin-left: 0.4rem;\r\n      letter-spacing: 0.2em;\r\n    }\r\n\r\n    .mtc-title {\r\n      font-size: clamp(1.8rem, 5.5vw, 3.2rem);\r\n      font-weight: 800;\r\n      line-height: 1.1;\r\n      color: #552F14;\r\n      margin-bottom: 0.7rem;\r\n    }\r\n\r\n    .mtc-desc {\r\n      font-size: clamp(0.85rem, 2.2vw, 1rem);\r\n      line-height: 1.6;\r\n      color: #4F3A28;\r\n      font-weight: 400;\r\n      margin-bottom: 1.5rem;\r\n      max-width: 520px;\r\n    }\r\n\r\n    .mtc-highlight {\r\n      position: relative;\r\n      background: #fef6ec;\r\n      border-radius: 1.8rem;\r\n      padding: 1.5rem 1.2rem 1.2rem 5.5rem;\r\n      margin-bottom: 1.8rem;\r\n      border: 1px solid #f1d5b5;\r\n    }\r\n\r\n    .mtc-highlight-left {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 4.8rem;\r\n      background: #E07A2C;\r\n      border-radius: 1.8rem 0 0 1.8rem;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .mtc-highlight-left svg {\r\n      width: 2.2rem;\r\n      height: 2.2rem;\r\n      fill: white;\r\n      stroke: white;\r\n      stroke-width: 0.2;\r\n    }\r\n\r\n    .mtc-highlight-text {\r\n      font-size: 0.85rem;\r\n      line-height: 1.5;\r\n      color: #4f3a28;\r\n      font-weight: 500;\r\n    }\r\n\r\n    .mtc-highlight-text b,\r\n    .mtc-desc b,\r\n    .mtc-feature b {\r\n      color: #E07A2C;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .mtc-feature-list {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 1rem 1.5rem;\r\n      margin-bottom: 1.8rem;\r\n    }\r\n\r\n    .mtc-feature {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.7rem;\r\n      font-weight: 700;\r\n      font-size: 0.95rem;\r\n      color: #3F2C1A;\r\n    }\r\n\r\n    .mtc-dot {\r\n      width: 1.7rem;\r\n      height: 1.7rem;\r\n      border-radius: 50%;\r\n      background: #E07A2C;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      box-shadow: 0 6px 12px rgba(224, 122, 44, 0.3);\r\n    }\r\n\r\n    .mtc-dot svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      fill: white;\r\n      stroke: white;\r\n      stroke-width: 0.5;\r\n    }\r\n\r\n    .mtc-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: #E07A2C;\r\n      color: white;\r\n      font-weight: 700;\r\n      font-size: 1rem;\r\n      padding: 0.8rem 2rem;\r\n      border-radius: 40px;\r\n      text-decoration: none;\r\n      box-shadow: 0 16px 28px rgba(224, 122, 44, 0.35);\r\n      transition: 0.2s;\r\n      white-space: nowrap;\r\n      border: none;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .mtc-btn:hover {\r\n      background: #B95C1A;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    \/* ===== MOBILE OPTIMIZATION ===== *\/\r\n    @media (max-width: 900px) {\r\n      .mtc-container {\r\n        grid-template-columns: 1fr;\r\n        max-width: 620px;\r\n      }\r\n\r\n      .mtc-visual {\r\n        aspect-ratio: 1 \/ 1.15;\r\n        max-width: 520px;\r\n        margin: 0 auto 0.5rem;\r\n      }\r\n\r\n      .mtc-main-photo {\r\n        left: 20%;\r\n        top: 3%;\r\n        width: 64%;\r\n        height: 70%;\r\n      }\r\n\r\n      .mtc-small-photo {\r\n        left: 2%;\r\n        bottom: 12%;\r\n        width: 46%;\r\n      }\r\n\r\n      .mtc-mini-icon {\r\n        left: 32%;\r\n        bottom: 18%;\r\n        width: 3.4rem;\r\n        height: 3.4rem;\r\n      }\r\n\r\n      .mtc-stat-card {\r\n        padding: 0.6rem 1rem;\r\n        gap: 0.6rem;\r\n        min-width: 150px;\r\n      }\r\n\r\n      .mtc-content {\r\n        margin: 0 auto;\r\n        max-width: 540px;\r\n        padding: 0 0.5rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .mtc-section {\r\n        padding: 0.8rem 0.8rem 1.5rem;\r\n      }\r\n\r\n      .mtc-visual {\r\n        aspect-ratio: 1 \/ 1.25;\r\n        max-width: 100%;\r\n      }\r\n\r\n      .mtc-main-photo {\r\n        left: 16%;\r\n        top: 1%;\r\n        width: 70%;\r\n        height: 74%;\r\n      }\r\n\r\n      .mtc-small-photo {\r\n        left: 0%;\r\n        bottom: 10%;\r\n        width: 48%;\r\n        border-width: 5px;\r\n      }\r\n\r\n      .mtc-mini-icon {\r\n        left: 28%;\r\n        bottom: 16%;\r\n        width: 3.2rem;\r\n        height: 3.2rem;\r\n      }\r\n\r\n      .mtc-stat-card {\r\n        padding: 0.5rem 0.9rem;\r\n        gap: 0.5rem;\r\n        top: 16%;\r\n      }\r\n\r\n      .mtc-stat-icon {\r\n        width: 2rem;\r\n        height: 2rem;\r\n      }\r\n\r\n      .mtc-stat-number {\r\n        font-size: 1rem;\r\n      }\r\n\r\n      .mtc-stat-text {\r\n        font-size: 0.6rem;\r\n      }\r\n\r\n      .mtc-highlight {\r\n        padding: 1.4rem 1rem 1rem 5rem;\r\n      }\r\n\r\n      .mtc-highlight-left {\r\n        width: 4.2rem;\r\n      }\r\n\r\n      .mtc-highlight-left svg {\r\n        width: 2rem;\r\n        height: 2rem;\r\n      }\r\n\r\n      .mtc-highlight-text {\r\n        font-size: 0.78rem;\r\n      }\r\n\r\n      .mtc-feature-list {\r\n        grid-template-columns: 1fr;\r\n        gap: 0.7rem;\r\n      }\r\n\r\n      .mtc-feature {\r\n        font-size: 0.9rem;\r\n      }\r\n\r\n      .mtc-btn {\r\n        width: 100%;\r\n        padding: 0.8rem 1rem;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 400px) {\r\n      .mtc-visual {\r\n        aspect-ratio: 1 \/ 1.3;\r\n      }\r\n      .mtc-main-photo {\r\n        left: 12%;\r\n        width: 76%;\r\n        height: 76%;\r\n      }\r\n      .mtc-small-photo {\r\n        width: 50%;\r\n        bottom: 8%;\r\n      }\r\n      .mtc-mini-icon {\r\n        left: 26%;\r\n        bottom: 14%;\r\n      }\r\n      .mtc-highlight {\r\n        padding: 1.4rem 0.9rem 0.9rem 4.2rem;\r\n      }\r\n      .mtc-highlight-left {\r\n        width: 3.8rem;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <!-- ALL CLASSES RENAMED WITH \"mtc-\" PREFIX. BACKGROUND ELEMENT REMOVED (scribble removed) -->\r\n  <section class=\"mtc-section\">\r\n    <div class=\"mtc-container\">\r\n\r\n      <!-- LEFT VISUAL (no scribble \/ background element removed) -->\r\n      <div class=\"mtc-visual\">\r\n        <div class=\"mtc-dots-top\"><\/div>\r\n        <div class=\"mtc-dots-bottom\"><\/div>\r\n        <div class=\"mtc-ring-left\"><\/div>\r\n\r\n        <!-- STAT CARD (updated stat number to match local service) -->\r\n        <div class=\"mtc-stat-card\">\r\n          <div class=\"mtc-stat-icon\">\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M12 3L14.2 7.5L19 8.2L15.5 11.6L16.3 16.4L12 14.1L7.7 16.4L8.5 11.6L5 8.2L9.8 7.5L12 3Z\" fill=\"white\" stroke=\"white\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"mtc-stat-text-wrapper\">\r\n            <div class=\"mtc-stat-number\">+1,250+<\/div>\r\n            <div class=\"mtc-stat-text\">Voyageurs heureux <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- MAIN PHOTO (updated first image) -->\r\n        <div class=\"mtc-main-photo\">\r\n          <img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-23-at-21.32.07.jpeg\" alt=\"Morocco Tour Casablanca Transfer & Tours\">\r\n        <\/div>\r\n\r\n        <!-- SMALL CIRCLE PHOTO (updated second image) -->\r\n        <div class=\"mtc-small-photo\">\r\n          <img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-23-at-21.32.09.jpeg\" alt=\"Casablanca Day Trip & Desert Tour\">\r\n        <\/div>\r\n\r\n        <!-- MINI ICON (transportation \/ transfer accent) -->\r\n        <div class=\"mtc-mini-icon\">\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <!-- BACKGROUND ELEMENT REMOVED: no scribble, no extra decorative background shape -->\r\n      <\/div>\r\n\r\n      <!-- RIGHT CONTENT (fully updated branding, services and links) -->\r\n      <div class=\"mtc-content\">\r\n        <div class=\"mtc-topline\">Tour du Maroc \u00e0 Casablanca <span>\u2726 \u2726 \u2726 \u2726<\/span><\/div>\r\n\r\n        <h1 class=\"mtc-title\">Transferts Premium &amp;<br> Excursions d'une journ\u00e9e au Maroc<\/h1>\r\n\r\n        <p class=\"mtc-desc\">\r\n          <b>Tour du Maroc \u00e0 Casablanca<\/b> offre un service sans faille <b>les transferts priv\u00e9s \u00e0 Casablanca<\/b>, ,\r\n          authentique <b>Excursions d'une journ\u00e9e<\/b> \u00e0 Rabat, Marrakech et Chefchaouen, ainsi qu'un voyage immersif \u00e0 l'\u00e9tranger. <b>circuits dans le d\u00e9sert<\/b>. .\r\n          D\u00e9couvrez le confort, l'expertise locale et des voyages inoubliables \u00e0 travers le Maroc.\r\n        <\/p>\r\n\r\n        <!-- HIGHLIGHT CARD: focus on transfer & tour service -->\r\n        <div class=\"mtc-highlight\">\r\n          <div class=\"mtc-highlight-left\">\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-2-10L6 18l8-4 4-8-8 4z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"mtc-highlight-text\">\r\n            <b>Transfert VIP \u00e0 l'a\u00e9roport et visites de la ville<\/b> \u00e0 Casablanca. S'amuser <b>des excursions d'une journ\u00e9e flexibles<\/b> \r\n            des m\u00e9dinas historiques, des joyaux du littoral et des contreforts de l'Atlas - \r\n            <b>itin\u00e9raires personnalis\u00e9s<\/b> avec des conducteurs multilingues.\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- FEATURE LIST: updated with transfer, day trips, tours, Casablanca specific -->\r\n        <div class=\"mtc-feature-list\">\r\n          <div class=\"mtc-feature\">\r\n            <span class=\"mtc-dot\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-2-10L6 18l8-4 4-8-8 4z\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <b>Transferts de Casablanca<\/b>\r\n          <\/div>\r\n          <div class=\"mtc-feature\">\r\n            <span class=\"mtc-dot\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-2-10L6 18l8-4 4-8-8 4z\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <b>Excursions d'une journ\u00e9e \u00e0 Marrakech<\/b>\r\n          <\/div>\r\n          <div class=\"mtc-feature\">\r\n            <span class=\"mtc-dot\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-2-10L6 18l8-4 4-8-8 4z\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <b>Visites de Rabat et Chefchaouen<\/b>\r\n          <\/div>\r\n          <div class=\"mtc-feature\">\r\n            <span class=\"mtc-dot\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-2-10L6 18l8-4 4-8-8 4z\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <b>Excursions dans le d\u00e9sert et promenades \u00e0 dos de chameau<\/b>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- UPDATED BUTTON LINK: points to the new website (Morocco Tour Casablanca) -->\r\n        <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/casablanca-transfers-2026\/\" class=\"mtc-btn\">R\u00e9servez votre transfert \u00e0 Casablanca \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- NO SCRIPTS, EXTERNAL ELEMENTS MINIMAL. BACKGROUND ELEMENT REMOVED. ALL REFERENCES UPDATED. -->\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-336bf81 e-con-full e-flex e-con e-parent\" data-id=\"336bf81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19685ee elementor-widget elementor-widget-html\" data-id=\"19685ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Morocco Tour Casablanca - Private Transfers & Tours<\/title>\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<style>\r\n\/* ===== TOUR CARDS SECTION - IDENTICAL DESIGN ===== *\/\r\n.tour-cards-section, .tour-cards-section * { \r\n    box-sizing: border-box;\r\n    max-width: 100%;\r\n}\r\n\r\n.tour-cards-section {\r\n    \/* Color Variables matching Morocco theme *\/\r\n    --primary-red: #E07A2C;\r\n    --primary-orange: #E07A2C;\r\n    --primary-orange-dark: #B95C1A;\r\n    --light-bg: #f8f9fa;\r\n    --border-color: #e9ecef;\r\n    --text-dark: #1f2937;\r\n    --text-medium: #4b5563;\r\n    --text-light: #6b7280;\r\n    --white: #ffffff;\r\n    --shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n    --shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.15);\r\n    --radius: 12px;\r\n    \r\n    \/* White background *\/\r\n    background: #ffffff;\r\n    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial !important;\r\n    width: 100%;\r\n    padding: 60px 0 40px;\r\n    position: relative;\r\n    display: block;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* SECTION HEADER *\/\r\n.tour-cards-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n    max-width: 1200px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    padding: 0 20px;\r\n    width: 100%;\r\n}\r\n\r\n.eyebrow-label {\r\n    display: inline-block;\r\n    padding: 10px 20px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, rgba(224,122,44,.12), rgba(224,122,44,.12));\r\n    border: 1px solid rgba(224,122,44,.25);\r\n    color: var(--primary-orange) !important;\r\n    font: 800 13px\/1 system-ui;\r\n    letter-spacing: .5px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.section-title {\r\n    margin: 0;\r\n    color: var(--text-dark) !important;\r\n    font: 900 42px\/1.1 system-ui !important;\r\n    letter-spacing: -0.02em;\r\n    text-align: center !important;\r\n    margin-bottom: 12px;\r\n    white-space: nowrap;\r\n    text-overflow: clip;\r\n    overflow: visible;\r\n}\r\n\r\n.section-title strong {\r\n    color: var(--primary-orange) !important;\r\n}\r\n\r\n.section-subtitle {\r\n    margin: 0;\r\n    color: var(--text-medium) !important;\r\n    font: 500 18px\/1.5 system-ui;\r\n    max-width: 700px;\r\n    margin-inline: auto;\r\n    padding: 0 15px;\r\n}\r\n\r\n\/* MAIN CONTAINER - FIXED WIDTH *\/\r\n.tour-cards-main-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n    display: block;\r\n}\r\n\r\n\/* CONTAINER - 3 CARDS *\/\r\n.tour-cards-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\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\/* CARD *\/\r\n.tour-card-item {\r\n    background-color: var(--white);\r\n    border-radius: var(--radius);\r\n    overflow: hidden;\r\n    box-shadow: var(--shadow);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    position: relative;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid rgba(224,122,44,0.15);\r\n    width: 100%;\r\n}\r\n\r\n.tour-card-item:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: var(--shadow-hover);\r\n    border-color: rgba(224,122,44,0.4);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.card-image-container {\r\n    height: 280px;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    overflow: visible;\r\n    width: 100%;\r\n}\r\n\r\n.card-image-container img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n    display: block;\r\n}\r\n\r\n.tour-card-item:hover .card-image-container img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* TRANSFER LABEL *\/\r\n.transfer-label {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    background-color: var(--primary-red);\r\n    color: var(--white);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    padding: 8px 14px 8px 12px;\r\n    border-radius: 6px;\r\n    z-index: 2;\r\n    font-family: system-ui;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n.transfer-label i {\r\n    font-size: 14px;\r\n}\r\n\r\n\/* IMAGE META BAR *\/\r\n.image-meta-container {\r\n    position: absolute;\r\n    bottom: -18px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: var(--white);\r\n    color: var(--text-dark);\r\n    padding: 12px 22px;\r\n    border-radius: 25px;\r\n    display: flex;\r\n    gap: 20px;\r\n    font-size: 14px;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.12);\r\n    z-index: 5;\r\n    width: auto;\r\n    min-width: auto;\r\n    border: 1px solid var(--border-color);\r\n    font-family: system-ui;\r\n    max-width: 90%;\r\n}\r\n\r\n.image-meta-container i {\r\n    color: var(--primary-red);\r\n    margin-right: 6px;\r\n    font-size: 14px;\r\n}\r\n\r\n.image-meta-container span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.card-content-wrapper {\r\n    padding: 35px 20px 20px;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n}\r\n\r\n.card-title {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: var(--text-dark);\r\n    margin-bottom: 15px;\r\n    line-height: 1.3;\r\n    min-height: auto;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    font-family: system-ui;\r\n    text-overflow: clip;\r\n}\r\n\r\n\/* TOUR FEATURES *\/\r\n.tour-features-container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin: 15px 0 20px;\r\n    padding: 12px 15px;\r\n    background-color: var(--light-bg);\r\n    border-radius: 8px;\r\n    border: 1px solid var(--border-color);\r\n    width: 100%;\r\n}\r\n\r\n.feature-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    padding: 0 5px;\r\n}\r\n\r\n.feature-box i {\r\n    font-size: 18px;\r\n    color: var(--primary-red);\r\n    margin-bottom: 8px;\r\n    background-color: var(--white);\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 3px 6px rgba(0,0,0,0.1);\r\n}\r\n\r\n.feature-box span {\r\n    font-size: 12px;\r\n    color: var(--text-dark);\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    font-family: system-ui;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* BUTTONS SECTION *\/\r\n.buttons-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-top: auto;\r\n    padding-top: 20px;\r\n    border-top: 1px solid var(--border-color);\r\n    gap: 15px;\r\n    width: 100%;\r\n}\r\n\r\n.whatsapp-btn {\r\n    background-color: #25D366;\r\n    color: var(--white);\r\n    border: none;\r\n    border-radius: 6px;\r\n    padding: 12px 20px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: background-color 0.3s;\r\n    flex: 1;\r\n    text-decoration: none;\r\n    text-align: center;\r\n    font-family: system-ui;\r\n    min-width: 0;\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n    background-color: #1da851;\r\n}\r\n\r\n.whatsapp-btn i {\r\n    font-size: 18px;\r\n}\r\n\r\n\/* BOOK NOW BUTTON *\/\r\n.book-now-btn {\r\n    background-color: var(--primary-orange);\r\n    color: var(--white);\r\n    border: none;\r\n    border-radius: 6px;\r\n    padding: 12px 20px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s;\r\n    flex: 1;\r\n    text-decoration: none;\r\n    text-align: center;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    font-family: system-ui;\r\n    min-width: 0;\r\n}\r\n\r\n.book-now-btn:hover {\r\n    background-color: var(--primary-orange-dark);\r\n}\r\n\r\n.book-now-btn i {\r\n    font-size: 16px;\r\n}\r\n\r\n\/* BUTTON DIVIDER *\/\r\n.button-separator {\r\n    width: 1px;\r\n    background-color: var(--border-color);\r\n    height: 35px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* SEE MORE BUTTON CONTAINER *\/\r\n.see-more-container {\r\n    text-align: center;\r\n    margin-top: 50px;\r\n    padding: 0 20px;\r\n    max-width: 1200px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.see-more-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 32px;\r\n    border-radius: 10px;\r\n    font: 800 16px\/1 system-ui;\r\n    background: var(--primary-red) !important;\r\n    color: #fff !important;\r\n    box-shadow: 0 6px 18px rgba(224,122,44,0.35);\r\n    user-select: none;\r\n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n    border: none;\r\n    text-decoration: none;\r\n}\r\n\r\n.see-more-btn:hover {\r\n    background: #B95C1A !important;\r\n    transform: translateY(-2px) scale(1.02);\r\n    box-shadow: 0 10px 24px rgba(185,92,26,0.4);\r\n}\r\n\r\n.see-more-btn i {\r\n    font-size: 14px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.see-more-btn:hover i {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1200px) {\r\n    .tour-cards-container {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 24px;\r\n        max-width: 900px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 36px;\r\n    }\r\n    \r\n    .tour-cards-main-container {\r\n        max-width: 900px;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .section-title {\r\n        font-size: 32px;\r\n        white-space: normal;\r\n        text-overflow: clip;\r\n        overflow: visible;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .tour-cards-section {\r\n        padding: 40px 0 30px;\r\n    }\r\n    \r\n    .tour-cards-header {\r\n        margin-bottom: 40px;\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 28px;\r\n        white-space: normal;\r\n        text-overflow: clip;\r\n        overflow: visible;\r\n        padding: 0 10px;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    .section-subtitle {\r\n        font-size: 16px;\r\n        padding: 0;\r\n    }\r\n    \r\n    .tour-cards-container {\r\n        grid-template-columns: 1fr;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n        gap: 30px;\r\n    }\r\n    \r\n    .image-meta-container {\r\n        bottom: -18px;\r\n        padding: 14px 24px;\r\n        font-size: 15px;\r\n        gap: 22px;\r\n        border-radius: 30px;\r\n    }\r\n    \r\n    .image-meta-container i {\r\n        font-size: 16px;\r\n        margin-right: 8px;\r\n    }\r\n    \r\n    .transfer-label {\r\n        padding: 7px 12px 7px 10px;\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .transfer-label i {\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .card-content-wrapper {\r\n        padding: 40px 18px 18px;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 19px;\r\n        text-overflow: clip;\r\n    }\r\n    \r\n    .tour-features-container {\r\n        padding: 12px 10px;\r\n        margin: 15px 0 20px;\r\n    }\r\n    \r\n    .feature-box i {\r\n        width: 38px;\r\n        height: 38px;\r\n        font-size: 17px;\r\n    }\r\n    \r\n    .feature-box span {\r\n        font-size: 11px;\r\n        white-space: nowrap;\r\n    }\r\n    \r\n    .buttons-row {\r\n        gap: 12px;\r\n    }\r\n    \r\n    .button-separator {\r\n        height: 30px;\r\n    }\r\n    \r\n    .whatsapp-btn, .book-now-btn {\r\n        padding: 11px 15px;\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .see-more-container {\r\n        margin-top: 40px;\r\n    }\r\n    \r\n    .see-more-btn {\r\n        padding: 12px 28px;\r\n        font-size: 15px;\r\n    }\r\n    \r\n    .tour-cards-main-container {\r\n        max-width: 500px;\r\n    }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n    .section-title {\r\n        font-size: 26px;\r\n        white-space: normal;\r\n        text-overflow: clip;\r\n        overflow: visible;\r\n        max-width: 100%;\r\n        display: block;\r\n        line-height: 1.2;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .image-meta-container {\r\n        bottom: -16px;\r\n        padding: 12px 20px;\r\n        font-size: 14px;\r\n        gap: 18px;\r\n        border-radius: 28px;\r\n    }\r\n    \r\n    .image-meta-container i {\r\n        font-size: 15px;\r\n        margin-right: 6px;\r\n    }\r\n    \r\n    .transfer-label {\r\n        padding: 6px 10px 6px 8px;\r\n        font-size: 11px;\r\n        gap: 5px;\r\n    }\r\n    \r\n    .transfer-label i {\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .card-image-container {\r\n        height: 250px;\r\n    }\r\n    \r\n    .card-content-wrapper {\r\n        padding: 38px 15px 15px;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 18px;\r\n        margin-bottom: 12px;\r\n        text-overflow: clip;\r\n    }\r\n    \r\n    .tour-features-container {\r\n        padding: 10px 8px;\r\n        margin: 12px 0 15px;\r\n    }\r\n    \r\n    .feature-box {\r\n        padding: 0 3px;\r\n    }\r\n    \r\n    .feature-box i {\r\n        width: 36px;\r\n        height: 36px;\r\n        font-size: 16px;\r\n        margin-bottom: 6px;\r\n    }\r\n    \r\n    .feature-box span {\r\n        font-size: 11px;\r\n        white-space: nowrap;\r\n    }\r\n    \r\n    .buttons-row {\r\n        padding-top: 15px;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .button-separator {\r\n        height: 25px;\r\n    }\r\n    \r\n    .whatsapp-btn, .book-now-btn {\r\n        padding: 10px 12px;\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .tour-cards-container {\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 24px;\r\n        white-space: normal;\r\n        text-overflow: clip;\r\n        overflow: visible;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    .eyebrow-label {\r\n        font-size: 12px;\r\n        padding: 8px 16px;\r\n    }\r\n    \r\n    .see-more-btn {\r\n        padding: 11px 24px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .section-title {\r\n        font-size: 22px;\r\n        white-space: normal;\r\n        text-overflow: clip;\r\n        overflow: visible;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    .image-meta-container {\r\n        gap: 16px;\r\n        padding: 11px 18px;\r\n        font-size: 13px;\r\n        border-radius: 26px;\r\n    }\r\n    \r\n    .feature-box span {\r\n        font-size: 10px;\r\n    }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .section-title {\r\n        font-size: 20px;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    .image-meta-container {\r\n        padding: 10px 16px;\r\n        font-size: 12px;\r\n        gap: 14px;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"tour-cards-section\" aria-label=\"Services de transfert priv\u00e9 \u00e0 Casablanca\">\r\n    <div class=\"tour-cards-main-container\">\r\n        <!-- SECTION HEADER -->\r\n        <div class=\"tour-cards-header\">\r\n            <p class=\"eyebrow-label\">Services de transfert de primes<\/p>\r\n            <h2 class=\"section-title\">CASABLANCA <strong>TRANSFERTS PRIV\u00c9S<\/strong><\/h2>\r\n            <p class=\"section-subtitle\">Nos chauffeurs professionnels et notre flotte haut de gamme assurent des transferts priv\u00e9s confortables et sans encombre \u00e0 travers le Maroc.<\/p>\r\n        <\/div>\r\n\r\n        <!-- TOUR CARDS CONTAINER - 3 CARDS -->\r\n        <div class=\"tour-cards-container\">\r\n            <!-- CARD 1: Casablanca Airport to Hotel in Casablanca -->\r\n            <article class=\"tour-card-item\">\r\n                <div class=\"card-image-container\">\r\n                    <img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/car3.png\" alt=\"Casablanca Airport to Hotel Transfer\">\r\n                    <div class=\"transfer-label\">\r\n                        <i class=\"fas fa-car\"><\/i>\r\n                        Transfert\r\n                    <\/div>\r\n                    <div class=\"image-meta-container\">\r\n                        <span><i class=\"fas fa-map-marker-alt\"><\/i> A\u00e9roport de Casablanca \u2192 Ville<\/span>\r\n                        <span><i class=\"far fa-clock\"><\/i> Service 24\/7<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-content-wrapper\">\r\n                    <h3 class=\"card-title\">Transfert de l'a\u00e9roport de Casablanca \u00e0 l'h\u00f4tel \u00e0 Casablanca<\/h3>\r\n                    \r\n                    <div class=\"tour-features-container\">\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-car\"><\/i>\r\n                            <span>V\u00e9hicule priv\u00e9<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-user-tie\"><\/i>\r\n                            <span>Pilote professionnel<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-luggage-cart\"><\/i>\r\n                            <span>Assistance bagages<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"buttons-row\">\r\n                        <a href=\"https:\/\/wa.me\/212690740967?text=I&#039;m%20interested%20in%20the%20Casablanca%20Airport%20to%20Hotel%20Transfer\" class=\"whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            WhatsApp\r\n                        <\/a>\r\n                        <div class=\"button-separator\"><\/div>\r\n                        <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/private-transfer-service-from-casablanca-airport-to-hotel-in-casablanca-2026\/\" class=\"book-now-btn\">\r\n                            <i class=\"fas fa-calendar-check\"><\/i>\r\n                            R\u00e9server\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 2: Casablanca to Marrakech Transfer -->\r\n            <article class=\"tour-card-item\">\r\n                <div class=\"card-image-container\">\r\n                    <img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/car2.png\" alt=\"Casablanca to Marrakech Transfer\">\r\n                    <div class=\"transfer-label\">\r\n                        <i class=\"fas fa-car\"><\/i>\r\n                        Transfert\r\n                    <\/div>\r\n                    <div class=\"image-meta-container\">\r\n                        <span><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca \u2192 Marrakech<\/span>\r\n                        <span><i class=\"fas fa-road\"><\/i> 3,5 heures<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-content-wrapper\">\r\n                    <h3 class=\"card-title\">Transfert de Casablanca \u00e0 Marrakech<\/h3>\r\n                    \r\n                    <div class=\"tour-features-container\">\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-car\"><\/i>\r\n                            <span>V\u00e9hicule priv\u00e9<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-wifi\"><\/i>\r\n                            <span>WiFi gratuit<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-water\"><\/i>\r\n                            <span>Eau en bouteille<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"buttons-row\">\r\n                        <a href=\"https:\/\/wa.me\/212690740967?text=I&#039;m%20interested%20in%20the%20Casablanca%20to%20Marrakech%20Transfer\" class=\"whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            WhatsApp\r\n                        <\/a>\r\n                        <div class=\"button-separator\"><\/div>\r\n                        <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/private-transfer-service-from-casablanca-to-marrakech-2026\/\" class=\"book-now-btn\">\r\n                            <i class=\"fas fa-calendar-check\"><\/i>\r\n                            R\u00e9server\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 3: Casablanca to Rabat Transfer -->\r\n            <article class=\"tour-card-item\">\r\n                <div class=\"card-image-container\">\r\n                    <img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/casablanca.png\" alt=\"Casablanca to Rabat Transfer\">\r\n                    <div class=\"transfer-label\">\r\n                        <i class=\"fas fa-car\"><\/i>\r\n                        Transfert\r\n                    <\/div>\r\n                    <div class=\"image-meta-container\">\r\n                        <span><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca \u2192 Rabat<\/span>\r\n                        <span><i class=\"fas fa-road\"><\/i> 1,5 heure<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-content-wrapper\">\r\n                    <h3 class=\"card-title\">Transfert de Casablanca \u00e0 Rabat<\/h3>\r\n                    \r\n                    <div class=\"tour-features-container\">\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-car\"><\/i>\r\n                            <span>V\u00e9hicule priv\u00e9<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-clock\"><\/i>\r\n                            <span>Service ponctuel<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-shield-alt\"><\/i>\r\n                            <span>Assurance incluse<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"buttons-row\">\r\n                        <a href=\"https:\/\/wa.me\/212690740967?text=I&#039;m%20interested%20in%20the%20Casablanca%20to%20Rabat%20Transfer\" class=\"whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            WhatsApp\r\n                        <\/a>\r\n                        <div class=\"button-separator\"><\/div>\r\n                        <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/private-transfer-service-from-casablanca-to-rabat-2026\/\" class=\"book-now-btn\">\r\n                            <i class=\"fas fa-calendar-check\"><\/i>\r\n                            R\u00e9server\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n\r\n        <!-- SEE MORE BUTTON -->\r\n        <div class=\"see-more-container\">\r\n            <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/\" class=\"see-more-btn\">\r\n                Voir plus de transferts\r\n                <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b42c6d3 e-con-full e-flex e-con e-parent\" data-id=\"b42c6d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b296cda elementor-widget elementor-widget-html\" data-id=\"b296cda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes\"\/>\r\n  <title>Morocco Tour Casablanca \u2013 Premium Transfer & Tours<\/title>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n  <!-- Font Awesome for icons -->\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n  <style>\r\n    \/* ===== FULLY ISOLATED \u2013 UNIQUE PREFIX \"mtcb-\" TO AVOID CONFLICTS WITH EXISTING CSS ===== *\/\r\n    .mtcb-banner-wrap,\r\n    .mtcb-banner-wrap * {\r\n      all: revert;\r\n      box-sizing: border-box !important;\r\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;\r\n    }\r\n\r\n    .mtcb-banner-wrap {\r\n      display: block !important;\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .mtcb-banner-wrap {\r\n      --mtcb-primary: #E07A2C;\r\n      --mtcb-primary-dark: #B95C1A;\r\n      --mtcb-primary-light: #f39c4b;\r\n      --mtcb-primary-soft: rgba(224, 122, 44, 0.3);\r\n      --mtcb-white: #ffffff;\r\n      --mtcb-text-light: #f0f0f0;\r\n      --mtcb-text-muted: #dddddd;\r\n    }\r\n\r\n    \/* main banner *\/\r\n    .mtcb-banner {\r\n      position: relative !important;\r\n      background-image: url('http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/car23.png') !important;\r\n      background-size: cover !important;\r\n      background-position: center center !important;\r\n      background-repeat: no-repeat !important;\r\n      background-attachment: fixed !important;\r\n      border-radius: 0 !important;\r\n      padding: 3rem 0 !important;\r\n      margin: 0 !important;\r\n      box-shadow: none !important;\r\n      overflow: hidden !important;\r\n      isolation: isolate !important;\r\n      border: none !important;\r\n      width: 100% !important;\r\n      min-height: 520px !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n    }\r\n\r\n    \/* BLACK OVERLAY *\/\r\n    .mtcb-banner::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      background-color: rgba(0, 0, 0, 0.7) !important;\r\n      z-index: 1 !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      .mtcb-banner {\r\n        padding: 4rem 0 !important;\r\n        margin: 0 !important;\r\n        max-width: 100% !important;\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n        background-attachment: fixed !important;\r\n      }\r\n    }\r\n\r\n    .mtcb-banner-bg-pattern,\r\n    .mtcb-banner-orange-ring,\r\n    .mtcb-banner-orange-ring2 {\r\n      z-index: 2 !important;\r\n    }\r\n\r\n    .mtcb-banner-bg-pattern {\r\n      position: absolute !important;\r\n      inset: 0 !important;\r\n      opacity: 0.1 !important;\r\n      background-image: \r\n        radial-gradient(circle at 20% 30%, var(--mtcb-primary) 2px, transparent 2px),\r\n        radial-gradient(circle at 80% 70%, var(--mtcb-primary) 2px, transparent 2px),\r\n        radial-gradient(circle at 40% 80%, var(--mtcb-primary-light) 3px, transparent 3px),\r\n        radial-gradient(circle at 90% 20%, var(--mtcb-primary-light) 1px, transparent 1px) !important;\r\n      background-size: 60px 60px !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    .mtcb-banner-orange-ring {\r\n      position: absolute !important;\r\n      width: 280px !important;\r\n      height: 280px !important;\r\n      border-radius: 999px !important;\r\n      border: 3px solid rgba(224, 122, 44, 0.2) !important;\r\n      top: -100px !important;\r\n      right: -50px !important;\r\n    }\r\n\r\n    .mtcb-banner-orange-ring2 {\r\n      position: absolute !important;\r\n      width: 180px !important;\r\n      height: 180px !important;\r\n      border-radius: 999px !important;\r\n      border: 2px solid rgba(224, 122, 44, 0.15) !important;\r\n      bottom: -60px !important;\r\n      left: 10% !important;\r\n    }\r\n\r\n    .mtcb-banner-content {\r\n      position: relative !important;\r\n      z-index: 3 !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      gap: 2rem !important;\r\n      width: 100% !important;\r\n      max-width: 1400px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 1.5rem !important;\r\n    }\r\n\r\n    @media (min-width: 900px) {\r\n      .mtcb-banner-content {\r\n        flex-direction: row !important;\r\n        align-items: center !important;\r\n        justify-content: space-between !important;\r\n        gap: 3rem !important;\r\n        padding: 0 2rem !important;\r\n      }\r\n    }\r\n\r\n    .mtcb-banner-text {\r\n      flex: 1 1 auto !important;\r\n      width: 100% !important;\r\n      text-align: center !important;\r\n    }\r\n\r\n    @media (min-width: 900px) {\r\n      .mtcb-banner-text {\r\n        text-align: left !important;\r\n        flex: 1 1 450px !important;\r\n      }\r\n    }\r\n\r\n    .mtcb-banner-sup {\r\n      display: inline-block !important;\r\n      font-size: 0.85rem !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: 1px !important;\r\n      text-transform: uppercase !important;\r\n      color: var(--mtcb-primary-light) !important;\r\n      background: rgba(224, 122, 44, 0.15) !important;\r\n      padding: 0.3rem 1rem !important;\r\n      border-radius: 100px !important;\r\n      border: 1px solid rgba(224, 122, 44, 0.3) !important;\r\n      margin-bottom: 1rem !important;\r\n      white-space: nowrap !important;\r\n      backdrop-filter: blur(2px) !important;\r\n    }\r\n\r\n    .mtcb-banner-title {\r\n      font-size: clamp(2rem, 8vw, 2.8rem) !important;\r\n      font-weight: 800 !important;\r\n      line-height: 1.2 !important;\r\n      color: var(--mtcb-white) !important;\r\n      margin: 0 0 0.75rem 0 !important;\r\n      word-break: break-word !important;\r\n      text-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;\r\n    }\r\n\r\n    .mtcb-banner-title span {\r\n      color: var(--mtcb-primary) !important;\r\n      border-bottom: 2px solid rgba(224, 122, 44, 0.5) !important;\r\n      display: inline-block !important;\r\n    }\r\n\r\n    .mtcb-banner-desc {\r\n      font-size: 1rem !important;\r\n      line-height: 1.6 !important;\r\n      color: #e0e0e0 !important;\r\n      max-width: 100% !important;\r\n      margin: 0 auto 2rem auto !important;\r\n      width: 100% !important;\r\n      text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      .mtcb-banner-desc {\r\n        font-size: 1.1rem !important;\r\n        max-width: 500px !important;\r\n        margin-left: 0 !important;\r\n        margin-right: 0 !important;\r\n      }\r\n    }\r\n\r\n    .mtcb-banner-btn {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      gap: 10px !important;\r\n      background: var(--mtcb-primary) !important;\r\n      color: white !important;\r\n      font-weight: 700 !important;\r\n      font-size: 1.1rem !important;\r\n      padding: 0.9rem 1.5rem !important;\r\n      border-radius: 50px !important;\r\n      text-decoration: none !important;\r\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important;\r\n      border: 1px solid rgba(255,255,255,0.2) !important;\r\n      transition: all 0.3s ease !important;\r\n      width: 100% !important;\r\n      max-width: 320px !important;\r\n      margin: 0 auto !important;\r\n    }\r\n\r\n    @media (min-width: 500px) {\r\n      .mtcb-banner-btn {\r\n        width: auto !important;\r\n        min-width: 220px !important;\r\n        margin: 0 !important;\r\n      }\r\n    }\r\n\r\n    .mtcb-banner-btn:hover {\r\n      background: var(--mtcb-primary-dark) !important;\r\n      transform: translateY(-2px) !important;\r\n      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4) !important;\r\n    }\r\n\r\n    .mtcb-banner-btn svg {\r\n      width: 20px !important;\r\n      height: 20px !important;\r\n      stroke: currentColor !important;\r\n      stroke-width: 2 !important;\r\n      fill: none !important;\r\n      transition: transform 0.2s ease !important;\r\n    }\r\n\r\n    .mtcb-banner-btn:hover svg {\r\n      transform: translateX(4px) !important;\r\n    }\r\n\r\n    .mtcb-banner-badge-group {\r\n      display: flex !important;\r\n      flex-wrap: wrap !important;\r\n      gap: 0.8rem !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      margin: 1rem 0 1.5rem !important;\r\n    }\r\n\r\n    @media (min-width: 500px) {\r\n      .mtcb-banner-badge-group {\r\n        justify-content: flex-start !important;\r\n      }\r\n    }\r\n\r\n    .mtcb-feature-badge {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 6px !important;\r\n      background: rgba(0, 0, 0, 0.5) !important;\r\n      backdrop-filter: blur(4px) !important;\r\n      border-radius: 60px !important;\r\n      padding: 0.5rem 1.2rem !important;\r\n      border: 1px solid rgba(224, 122, 44, 0.4) !important;\r\n      color: #ffffff !important;\r\n      font-size: 0.9rem !important;\r\n      font-weight: 500 !important;\r\n      box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;\r\n    }\r\n\r\n    .mtcb-feature-badge i {\r\n      color: var(--mtcb-primary) !important;\r\n      font-size: 1rem !important;\r\n    }\r\n\r\n    .mtcb-banner-stats {\r\n      flex: 1 1 auto !important;\r\n      width: 100% !important;\r\n      display: flex !important;\r\n      flex-wrap: wrap !important;\r\n      gap: 1rem !important;\r\n      justify-content: center !important;\r\n      align-items: stretch !important;\r\n      margin-top: 1rem !important;\r\n    }\r\n\r\n    @media (min-width: 900px) {\r\n      .mtcb-banner-stats {\r\n        flex: 0 1 380px !important;\r\n        justify-content: flex-end !important;\r\n        margin-top: 0 !important;\r\n      }\r\n    }\r\n\r\n    .mtcb-stat-item {\r\n      background: rgba(0, 0, 0, 0.6) !important;\r\n      backdrop-filter: blur(4px) !important;\r\n      padding: 1.2rem 0.8rem !important;\r\n      border-radius: 18px !important;\r\n      text-align: center !important;\r\n      flex: 1 1 130px !important;\r\n      min-width: 120px !important;\r\n      border: 1px solid rgba(224, 122, 44, 0.3) !important;\r\n      box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;\r\n    }\r\n\r\n    .mtcb-stat-number {\r\n      font-size: 2rem !important;\r\n      font-weight: 800 !important;\r\n      color: var(--mtcb-primary) !important;\r\n      line-height: 1 !important;\r\n      margin-bottom: 0.3rem !important;\r\n    }\r\n\r\n    .mtcb-stat-label {\r\n      font-size: 0.8rem !important;\r\n      font-weight: 500 !important;\r\n      color: #dddddd !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.5px !important;\r\n      word-break: keep-all !important;\r\n    }\r\n\r\n    \/* MOBILE FIX *\/\r\n    @media (max-width: 767px) {\r\n      .mtcb-banner {\r\n        background-attachment: scroll !important;\r\n        background-position: center center !important;\r\n        min-height: 560px !important;\r\n        padding: 2.5rem 0 !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 400px) {\r\n      .mtcb-banner {\r\n        padding: 2rem 0 !important;\r\n        min-height: 520px !important;\r\n      }\r\n      .mtcb-stat-item {\r\n        flex: 1 1 100px !important;\r\n        min-width: 100px !important;\r\n        padding: 1rem 0.5rem !important;\r\n      }\r\n      .mtcb-stat-number {\r\n        font-size: 1.8rem !important;\r\n      }\r\n      .mtcb-stat-label {\r\n        font-size: 0.7rem !important;\r\n      }\r\n      .mtcb-banner-title {\r\n        font-size: 1.8rem !important;\r\n      }\r\n      .mtcb-banner-desc {\r\n        font-size: 0.95rem !important;\r\n      }\r\n      .mtcb-feature-badge {\r\n        padding: 0.4rem 1rem !important;\r\n        font-size: 0.8rem !important;\r\n      }\r\n    }\r\n\r\n    \/* Ensure no body styles leak *\/\r\n    body {\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body style=\"margin:0; padding:0;\">\r\n  <div class=\"mtcb-banner-wrap\">\r\n    <div class=\"mtcb-banner animate__animated animate__fadeIn\">\r\n      \r\n      <div class=\"mtcb-banner-bg-pattern\"><\/div>\r\n      <div class=\"mtcb-banner-orange-ring\"><\/div>\r\n      <div class=\"mtcb-banner-orange-ring2\"><\/div>\r\n\r\n      <div class=\"mtcb-banner-content\">\r\n        \r\n        <div class=\"mtcb-banner-text\">\r\n          <div class=\"mtcb-banner-sup\">\u2726 Morocco Tour Casablanca \u2726<\/div>\r\n          <h2 class=\"mtcb-banner-title\">\r\n            <span>Transferts de primes<\/span><br\/>&amp; Tours au Maroc\r\n          <\/h2>\r\n          <p class=\"mtcb-banner-desc\">\r\n            Transferts priv\u00e9s sans rupture de charge de Casablanca \u00e0 Marrakech, Rabat et au-del\u00e0.\r\n            Faites l'exp\u00e9rience du confort, de la fiabilit\u00e9 et de l'authentique hospitalit\u00e9 marocaine.\r\n          <\/p>\r\n\r\n          <div class=\"mtcb-banner-badge-group\">\r\n            <span class=\"mtcb-feature-badge\"><i class=\"fa-regular fa-compass\"><\/i> Conducteurs professionnels<\/span>\r\n            <span class=\"mtcb-feature-badge\"><i class=\"fa-regular fa-calendar\"><\/i> Service 24\/7<\/span>\r\n          <\/div>\r\n\r\n          <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/casablanca-transfers-2026\/\" class=\"mtcb-banner-btn\">\r\n            R\u00e9servez votre transfert\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M5 12h12\"><\/path>\r\n              <path d=\"M13 6l6 6-6 6\"><\/path>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"mtcb-banner-stats\">\r\n          <div class=\"mtcb-stat-item\">\r\n            <div class=\"mtcb-stat-number\">8+<\/div>\r\n            <div class=\"mtcb-stat-label\">Ann\u00e9es d'exp\u00e9rience<\/div>\r\n          <\/div>\r\n          <div class=\"mtcb-stat-item\">\r\n            <div class=\"mtcb-stat-number\">50+<\/div>\r\n            <div class=\"mtcb-stat-label\">Transferts quotidiens<\/div>\r\n          <\/div>\r\n          <div class=\"mtcb-stat-item\">\r\n            <div class=\"mtcb-stat-number\">100%<\/div>\r\n            <div class=\"mtcb-stat-label\">Satisfaction<\/div>\r\n          <\/div>\r\n          <div class=\"mtcb-stat-item\">\r\n            <div class=\"mtcb-stat-number\">24\/7<\/div>\r\n            <div class=\"mtcb-stat-label\">Soutien<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f6188d e-con-full e-flex e-con e-parent\" data-id=\"7f6188d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-637daa0 elementor-widget elementor-widget-html\" data-id=\"637daa0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Morocco Tour Casablanca - Desert Tours & Excursions<\/title>\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<style>\r\n\/* ===== TOUR CARDS SECTION - IDENTICAL DESIGN ===== *\/\r\n.tour-cards-section, .tour-cards-section * { \r\n    box-sizing: border-box;\r\n    max-width: 100%;\r\n}\r\n\r\n.tour-cards-section {\r\n    \/* Color Variables matching Morocco theme *\/\r\n    --primary-red: #E07A2C;\r\n    --primary-orange: #E07A2C;\r\n    --primary-orange-dark: #B95C1A;\r\n    --light-bg: #f8f9fa;\r\n    --border-color: #e9ecef;\r\n    --text-dark: #1f2937;\r\n    --text-medium: #4b5563;\r\n    --text-light: #6b7280;\r\n    --white: #ffffff;\r\n    --shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n    --shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.15);\r\n    --radius: 12px;\r\n    \r\n    \/* White background *\/\r\n    background: #ffffff;\r\n    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial !important;\r\n    width: 100%;\r\n    padding: 60px 0 40px;\r\n    position: relative;\r\n    display: block;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* SECTION HEADER *\/\r\n.tour-cards-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n    max-width: 1200px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    padding: 0 20px;\r\n    width: 100%;\r\n}\r\n\r\n.eyebrow-label {\r\n    display: inline-block;\r\n    padding: 10px 20px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, rgba(224,122,44,.12), rgba(224,122,44,.12));\r\n    border: 1px solid rgba(224,122,44,.25);\r\n    color: var(--primary-orange) !important;\r\n    font: 800 13px\/1 system-ui;\r\n    letter-spacing: .5px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.section-title {\r\n    margin: 0;\r\n    color: var(--text-dark) !important;\r\n    font: 900 42px\/1.1 system-ui !important;\r\n    letter-spacing: -0.02em;\r\n    text-align: center !important;\r\n    margin-bottom: 12px;\r\n    white-space: nowrap;\r\n    text-overflow: clip;\r\n    overflow: visible;\r\n}\r\n\r\n.section-title strong {\r\n    color: var(--primary-orange) !important;\r\n}\r\n\r\n.section-subtitle {\r\n    margin: 0;\r\n    color: var(--text-medium) !important;\r\n    font: 500 18px\/1.5 system-ui;\r\n    max-width: 700px;\r\n    margin-inline: auto;\r\n    padding: 0 15px;\r\n}\r\n\r\n\/* MAIN CONTAINER - FIXED WIDTH *\/\r\n.tour-cards-main-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n    display: block;\r\n}\r\n\r\n\/* CONTAINER - 3 CARDS *\/\r\n.tour-cards-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 28px;\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\/* CARD *\/\r\n.tour-card-item {\r\n    background-color: var(--white);\r\n    border-radius: var(--radius);\r\n    overflow: hidden;\r\n    box-shadow: var(--shadow);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    position: relative;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid rgba(224,122,44,0.15);\r\n    width: 100%;\r\n}\r\n\r\n.tour-card-item:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: var(--shadow-hover);\r\n    border-color: rgba(224,122,44,0.4);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.card-image-container {\r\n    height: 280px;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    overflow: visible;\r\n    width: 100%;\r\n}\r\n\r\n.card-image-container img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n    display: block;\r\n}\r\n\r\n.tour-card-item:hover .card-image-container img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* DESERT TOUR LABEL *\/\r\n.desert-label {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    background-color: var(--primary-red);\r\n    color: var(--white);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    padding: 8px 14px 8px 12px;\r\n    border-radius: 6px;\r\n    z-index: 2;\r\n    font-family: system-ui;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n.desert-label i {\r\n    font-size: 14px;\r\n}\r\n\r\n\/* IMAGE META BAR - FIXED POSITION *\/\r\n.image-meta-container {\r\n    position: absolute;\r\n    bottom: -18px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: var(--white);\r\n    color: var(--text-dark);\r\n    padding: 12px 22px;\r\n    border-radius: 25px;\r\n    display: flex;\r\n    gap: 20px;\r\n    font-size: 14px;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.12);\r\n    z-index: 5;\r\n    width: auto;\r\n    min-width: auto;\r\n    border: 1px solid var(--border-color);\r\n    font-family: system-ui;\r\n    max-width: 90%;\r\n}\r\n\r\n.image-meta-container i {\r\n    color: var(--primary-red);\r\n    margin-right: 6px;\r\n    font-size: 14px;\r\n}\r\n\r\n.image-meta-container span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    font-weight: 600;\r\n}\r\n\r\n\/* CONTENT - FIXED PADDING TO ACCOMMODATE META BAR *\/\r\n.card-content-wrapper {\r\n    padding: 35px 20px 20px;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n}\r\n\r\n.card-title {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    color: var(--text-dark);\r\n    margin-bottom: 15px;\r\n    line-height: 1.3;\r\n    min-height: auto;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    font-family: system-ui;\r\n    text-overflow: clip;\r\n}\r\n\r\n\/* TOUR FEATURES *\/\r\n.tour-features-container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin: 15px 0 20px;\r\n    padding: 12px 15px;\r\n    background-color: var(--light-bg);\r\n    border-radius: 8px;\r\n    border: 1px solid var(--border-color);\r\n    width: 100%;\r\n}\r\n\r\n.feature-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    padding: 0 5px;\r\n}\r\n\r\n.feature-box i {\r\n    font-size: 22px;\r\n    color: var(--primary-red);\r\n    margin-bottom: 8px;\r\n    background-color: var(--white);\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 3px 6px rgba(0,0,0,0.1);\r\n}\r\n\r\n.feature-box span {\r\n    font-size: 12px;\r\n    color: var(--text-dark);\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    font-family: system-ui;\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* BUTTONS SECTION *\/\r\n.buttons-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-top: auto;\r\n    padding-top: 20px;\r\n    border-top: 1px solid var(--border-color);\r\n    gap: 15px;\r\n    width: 100%;\r\n}\r\n\r\n.whatsapp-btn {\r\n    background-color: #25D366;\r\n    color: var(--white);\r\n    border: none;\r\n    border-radius: 6px;\r\n    padding: 12px 20px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: background-color 0.3s;\r\n    flex: 1;\r\n    text-decoration: none;\r\n    text-align: center;\r\n    font-family: system-ui;\r\n    min-width: 0;\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n    background-color: #1da851;\r\n}\r\n\r\n.whatsapp-btn i {\r\n    font-size: 18px;\r\n}\r\n\r\n\/* BOOK NOW BUTTON *\/\r\n.book-now-btn {\r\n    background-color: var(--primary-orange);\r\n    color: var(--white);\r\n    border: none;\r\n    border-radius: 6px;\r\n    padding: 12px 20px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s;\r\n    flex: 1;\r\n    text-decoration: none;\r\n    text-align: center;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    font-family: system-ui;\r\n    min-width: 0;\r\n}\r\n\r\n.book-now-btn:hover {\r\n    background-color: var(--primary-orange-dark);\r\n}\r\n\r\n.book-now-btn i {\r\n    font-size: 16px;\r\n}\r\n\r\n\/* BUTTON DIVIDER *\/\r\n.button-separator {\r\n    width: 1px;\r\n    background-color: var(--border-color);\r\n    height: 35px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* SEE MORE BUTTON CONTAINER *\/\r\n.see-more-container {\r\n    text-align: center;\r\n    margin-top: 50px;\r\n    padding: 0 20px;\r\n    max-width: 1200px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.see-more-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 32px;\r\n    border-radius: 10px;\r\n    font: 800 16px\/1 system-ui;\r\n    background: var(--primary-red) !important;\r\n    color: #fff !important;\r\n    box-shadow: 0 6px 18px rgba(224,122,44,0.35);\r\n    user-select: none;\r\n    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n    border: none;\r\n    text-decoration: none;\r\n}\r\n\r\n.see-more-btn:hover {\r\n    background: #B95C1A !important;\r\n    transform: translateY(-2px) scale(1.02);\r\n    box-shadow: 0 10px 24px rgba(185,92,26,0.4);\r\n}\r\n\r\n.see-more-btn i {\r\n    font-size: 14px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.see-more-btn:hover i {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1200px) {\r\n    .tour-cards-container {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 24px;\r\n        max-width: 900px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 36px;\r\n    }\r\n    \r\n    .tour-cards-main-container {\r\n        max-width: 900px;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .section-title {\r\n        font-size: 32px;\r\n        white-space: normal;\r\n        text-overflow: clip;\r\n        overflow: visible;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .tour-cards-section {\r\n        padding: 40px 0 30px;\r\n    }\r\n    \r\n    .tour-cards-header {\r\n        margin-bottom: 40px;\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 28px;\r\n        white-space: normal;\r\n        text-overflow: clip;\r\n        overflow: visible;\r\n        padding: 0 10px;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    .section-subtitle {\r\n        font-size: 16px;\r\n        padding: 0;\r\n    }\r\n    \r\n    .tour-cards-container {\r\n        grid-template-columns: 1fr;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n        gap: 40px;\r\n    }\r\n    \r\n    .image-meta-container {\r\n        bottom: -18px;\r\n        padding: 12px 20px;\r\n        font-size: 14px;\r\n        gap: 16px;\r\n        border-radius: 30px;\r\n    }\r\n    \r\n    .image-meta-container i {\r\n        font-size: 14px;\r\n        margin-right: 6px;\r\n    }\r\n    \r\n    .desert-label {\r\n        padding: 6px 12px 6px 10px;\r\n        font-size: 11px;\r\n    }\r\n    \r\n    .desert-label i {\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .card-content-wrapper {\r\n        padding: 40px 18px 18px;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 19px;\r\n        text-overflow: clip;\r\n    }\r\n    \r\n    .tour-features-container {\r\n        padding: 12px 10px;\r\n        margin: 15px 0 20px;\r\n    }\r\n    \r\n    .feature-box i {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .feature-box span {\r\n        font-size: 11px;\r\n        white-space: nowrap;\r\n    }\r\n    \r\n    .buttons-row {\r\n        gap: 12px;\r\n    }\r\n    \r\n    .button-separator {\r\n        height: 30px;\r\n    }\r\n    \r\n    .whatsapp-btn, .book-now-btn {\r\n        padding: 10px 14px;\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .see-more-container {\r\n        margin-top: 40px;\r\n    }\r\n    \r\n    .see-more-btn {\r\n        padding: 12px 28px;\r\n        font-size: 15px;\r\n    }\r\n    \r\n    .tour-cards-main-container {\r\n        max-width: 500px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .image-meta-container {\r\n        bottom: -16px;\r\n        padding: 10px 16px;\r\n        font-size: 12px;\r\n        gap: 14px;\r\n        border-radius: 25px;\r\n    }\r\n    \r\n    .image-meta-container i {\r\n        font-size: 12px;\r\n        margin-right: 5px;\r\n    }\r\n    \r\n    .desert-label {\r\n        padding: 5px 10px 5px 8px;\r\n        font-size: 10px;\r\n        gap: 4px;\r\n    }\r\n    \r\n    .desert-label i {\r\n        font-size: 11px;\r\n    }\r\n    \r\n    .card-image-container {\r\n        height: 240px;\r\n    }\r\n    \r\n    .card-content-wrapper {\r\n        padding: 38px 15px 15px;\r\n    }\r\n    \r\n    .card-title {\r\n        font-size: 17px;\r\n        margin-bottom: 12px;\r\n    }\r\n    \r\n    .tour-features-container {\r\n        padding: 10px 8px;\r\n        margin: 12px 0 15px;\r\n    }\r\n    \r\n    .feature-box {\r\n        padding: 0 3px;\r\n    }\r\n    \r\n    .feature-box i {\r\n        width: 36px;\r\n        height: 36px;\r\n        font-size: 18px;\r\n        margin-bottom: 6px;\r\n    }\r\n    \r\n    .feature-box span {\r\n        font-size: 10px;\r\n        white-space: nowrap;\r\n    }\r\n    \r\n    .buttons-row {\r\n        padding-top: 15px;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .button-separator {\r\n        height: 25px;\r\n    }\r\n    \r\n    .whatsapp-btn, .book-now-btn {\r\n        padding: 9px 10px;\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .whatsapp-btn i, .book-now-btn i {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .tour-cards-container {\r\n        padding: 0 15px;\r\n        gap: 35px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 24px;\r\n        white-space: normal;\r\n        text-overflow: clip;\r\n        overflow: visible;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    .eyebrow-label {\r\n        font-size: 11px;\r\n        padding: 6px 14px;\r\n    }\r\n    \r\n    .see-more-btn {\r\n        padding: 10px 22px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"tour-cards-section\" aria-label=\"Excursions dans le d\u00e9sert au d\u00e9part de Casablanca\">\r\n    <div class=\"tour-cards-main-container\">\r\n        <!-- SECTION HEADER -->\r\n        <div class=\"tour-cards-header\">\r\n            <p class=\"eyebrow-label\">Aventures dans le d\u00e9sert<\/p>\r\n            <h2 class=\"section-title\">CASABLANCA <strong>TOURS DANS LE DESERT<\/strong><\/h2>\r\n            <p class=\"section-subtitle\">D\u00e9couvrez la magie du Sahara gr\u00e2ce \u00e0 nos excursions dans le d\u00e9sert au d\u00e9part de Casablanca. Des randonn\u00e9es \u00e0 dos de chameau, des camps de luxe et des souvenirs inoubliables.<\/p>\r\n        <\/div>\r\n\r\n        <!-- TOUR CARDS CONTAINER - 3 DESERT TOURS -->\r\n        <div class=\"tour-cards-container\">\r\n            <!-- CARD 1: Casablanca to Marrakech 3 Days Desert Tour 2026 -->\r\n            <article class=\"tour-card-item\">\r\n                <div class=\"card-image-container\">\r\n                    <img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/illuminated-hassan-ii-mosque-with-its-reflection-o-2025-02-02-21-16-54-utc-scaled.jpg\" alt=\"Casablanca to Marrakech 3 Days Desert Tour\">\r\n                    <div class=\"desert-label\">\r\n                        <i class=\"fas fa-sun\"><\/i>\r\n                        Tour du d\u00e9sert\r\n                    <\/div>\r\n                    <div class=\"image-meta-container\">\r\n                        <span><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca \u2192 Marrakech<\/span>\r\n                        <span><i class=\"far fa-calendar-alt\"><\/i> 3 jours<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-content-wrapper\">\r\n                    <h3 class=\"card-title\">Casablanca - Marrakech 3 jours Circuit d\u00e9sert 2026<\/h3>\r\n                    \r\n                    <div class=\"tour-features-container\">\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-mountain-sun\"><\/i>\r\n                            <span>Camp du d\u00e9sert<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-route\"><\/i>\r\n                            <span>Montagnes de l'Atlas<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-city\"><\/i>\r\n                            <span>Visite culturelle<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"buttons-row\">\r\n                        <a href=\"https:\/\/wa.me\/212690740967?text=I&#039;m%20interested%20in%20the%20Casablanca%20to%20Marrakech%203%20Days%20Desert%20Tour%202026\" class=\"whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            WhatsApp\r\n                        <\/a>\r\n                        <div class=\"button-separator\"><\/div>\r\n                        <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/casablanca-to-marrakech-3-days-desert-tour-2026\/\" class=\"book-now-btn\">\r\n                            <i class=\"fas fa-calendar-check\"><\/i>\r\n                            R\u00e9server\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 2: Casablanca to Marrakech 4 Days Desert Tour 2026 -->\r\n            <article class=\"tour-card-item\">\r\n                <div class=\"card-image-container\">\r\n                    <img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/10-days-tour-from-Fes-to-Marrakech-Kech-800x600-1.webp\" alt=\"Casablanca to Marrakech 4 Days Desert Tour\">\r\n                    <div class=\"desert-label\">\r\n                        <i class=\"fas fa-sun\"><\/i>\r\n                        Tour du d\u00e9sert\r\n                    <\/div>\r\n                    <div class=\"image-meta-container\">\r\n                        <span><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca \u2192 Marrakech<\/span>\r\n                        <span><i class=\"far fa-calendar-alt\"><\/i> 4 jours<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-content-wrapper\">\r\n                    <h3 class=\"card-title\">Casablanca - Marrakech 4 jours - Circuit dans le d\u00e9sert 2026<\/h3>\r\n                    \r\n                    <div class=\"tour-features-container\">\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-campground\"><\/i>\r\n                            <span>Camp de luxe<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-dune\"><\/i>\r\n                            <span>Erg Chebbi<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-drumstick-bite\"><\/i>\r\n                            <span>D\u00eener berb\u00e8re<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"buttons-row\">\r\n                        <a href=\"https:\/\/wa.me\/212690740967?text=I&#039;m%20interested%20in%20the%20Casablanca%20to%20Marrakech%204%20Days%20Desert%20Tour%202026\" class=\"whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            WhatsApp\r\n                        <\/a>\r\n                        <div class=\"button-separator\"><\/div>\r\n                        <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/casablanca-to-marrakech-4-days-desert-tour-2026\/\" class=\"book-now-btn\">\r\n                            <i class=\"fas fa-calendar-check\"><\/i>\r\n                            R\u00e9server\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- CARD 3: Casablanca to Merzouga 5 Days Desert Tour 2026 -->\r\n            <article class=\"tour-card-item\">\r\n                <div class=\"card-image-container\">\r\n                    <img decoding=\"async\" src=\"http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/une-nuit-camp-merzouga-marocvoyages-1.jpg\" alt=\"Casablanca to Merzouga 5 Days Desert Tour\">\r\n                    <div class=\"desert-label\">\r\n                        <i class=\"fas fa-sun\"><\/i>\r\n                        Tour du d\u00e9sert\r\n                    <\/div>\r\n                    <div class=\"image-meta-container\">\r\n                        <span><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca \u2192 Merzouga<\/span>\r\n                        <span><i class=\"far fa-calendar-alt\"><\/i> 5 jours<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"card-content-wrapper\">\r\n                    <h3 class=\"card-title\">Casablanca - Merzouga 5 jours Circuit dans le d\u00e9sert 2026<\/h3>\r\n                    \r\n                    <div class=\"tour-features-container\">\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-star-and-crescent\"><\/i>\r\n                            <span>L'observation des \u00e9toiles<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-hiking\"><\/i>\r\n                            <span>Trek dans le d\u00e9sert<\/span>\r\n                        <\/div>\r\n                        <div class=\"feature-box\">\r\n                            <i class=\"fas fa-landmark\"><\/i>\r\n                            <span>Tour de la Kasbah<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"buttons-row\">\r\n                        <a href=\"https:\/\/wa.me\/212690740967?text=I&#039;m%20interested%20in%20the%20Casablanca%20to%20Merzouga%205%20Days%20Desert%20Tour%202026\" class=\"whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i>\r\n                            WhatsApp\r\n                        <\/a>\r\n                        <div class=\"button-separator\"><\/div>\r\n                        <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/casablanca-to-merzouga-5-days-desert-tour-2026\/\" class=\"book-now-btn\">\r\n                            <i class=\"fas fa-calendar-check\"><\/i>\r\n                            R\u00e9server\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n\r\n        <!-- SEE MORE BUTTON -->\r\n        <div class=\"see-more-container\">\r\n            <a href=\"https:\/\/moroccotourcasablanca.com\/fr\/\" class=\"see-more-btn\">\r\n                Voir plus de visites\r\n                <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0fecda e-con-full e-flex e-con e-parent\" data-id=\"b0fecda\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b04a1d5 elementor-widget elementor-widget-html\" data-id=\"b04a1d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== 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\/illuminated-hassan-ii-mosque-with-its-reflection-o-2025-02-02-21-16-54-utc-scaled.jpg');\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      \/* ===== HERO ===== *\/\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      \/* Decorative element *\/\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 .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      \/* ===== FEATURE CARDS ===== *\/\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      \/* Number badge *\/\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      \/* Background decorative elements *\/\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      \/* Mobile Optimizations *\/\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        \r\n        .mtc-wcu .eyebrow {\r\n          font-size: 13px;\r\n          padding: 8px 18px;\r\n        }\r\n        \r\n        .mtc-wcu .title {\r\n          font-size: 32px;\r\n        }\r\n        \r\n        .mtc-wcu .subtitle {\r\n          font-size: 18px;\r\n          margin-bottom: 30px;\r\n        }\r\n        \r\n        .mtc-wcu .btn {\r\n          padding: 14px 28px;\r\n          font-size: 16px;\r\n        }\r\n        \r\n        .mtc-wcu .feature-bar {\r\n          margin-top: -80px;\r\n          margin-bottom: 60px;\r\n        }\r\n        \r\n        .mtc-wcu .card {\r\n          padding: 26px 22px;\r\n        }\r\n        \r\n        .mtc-wcu .card h3 {\r\n          font-size: 20px;\r\n        }\r\n        \r\n        .mtc-wcu .card p {\r\n          font-size: 15px;\r\n        }\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        \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        \r\n        .mtc-wcu .title {\r\n          font-size: 28px;\r\n        }\r\n        \r\n        .mtc-wcu .subtitle {\r\n          font-size: 16px;\r\n          margin-bottom: 25px;\r\n        }\r\n        \r\n        .mtc-wcu .btn {\r\n          padding: 12px 24px;\r\n          font-size: 15px;\r\n        }\r\n        \r\n        .mtc-wcu .feature-bar {\r\n          margin-top: -70px;\r\n          margin-bottom: 50px;\r\n        }\r\n        \r\n        .mtc-wcu .card {\r\n          padding: 24px 20px;\r\n        }\r\n        \r\n        .mtc-wcu .card h3 {\r\n          font-size: 19px;\r\n        }\r\n        \r\n        .mtc-wcu .card p {\r\n          font-size: 14px;\r\n        }\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      <!-- HERO -->\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      <!-- FEATURE CARDS -->\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 ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Morocco Tour Casablanca \u00b7 Premium Transfers &#038; Day Trips +1,250+ Happy travelers Morocco Tour Casablanca \u2726 \u2726 \u2726 \u2726 Premium Transfers &#038; Morocco Day Trips Morocco Tour Casablanca offers seamless private transfers in Casablanca, authentic day trips to Rabat, Marrakech &#038; Chefchaouen, plus immersive desert tours. Experience comfort, local expertise, and unforgettable journeys across Morocco. [&hellip;]<\/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-315","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/315","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=315"}],"version-history":[{"count":53,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/315\/revisions"}],"predecessor-version":[{"id":531,"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/pages\/315\/revisions\/531"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/fr\/wp-json\/wp\/v2\/media?parent=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}