Morocco Travel Sahara Camp - Desert Tours & Trekking Adventures<\/title>\r\n <style>\r\n \/***** Hard isolation: scope everything under #sahara-camp-hero-root *****\/\r\n #sahara-camp-hero-root, #sahara-camp-hero-root * { box-sizing: border-box; margin: 0; padding: 0; }\r\n #sahara-camp-hero-root a{ -webkit-tap-highlight-color: transparent; }\r\n\r\n #sahara-camp-hero-root .sahara-camp-hero{\r\n --ink:#0f172a; --muted:#e2e8f0; \r\n --accent:#FF6C0C; --accent-700:#BF1A1A;\r\n --overlay: linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.45) 38%, rgba(0,0,0,.50) 62%, rgba(0,0,0,.75) 100%);\r\n --ring:#FFB88C;\r\n position:relative; isolation:isolate; color:#fff;\r\n min-height: clamp(500px, 85vh, 980px);\r\n display:grid; place-items:center; text-align:center;\r\n font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n overflow:hidden;\r\n }\r\n\r\n \/* ========== MULTILINGUAL COMPATIBILITY FIXES ========== *\/\r\n html[dir=\"rtl\"] #sahara-camp-hero-root .sahara-camp-hero__cta,\r\n body[dir=\"rtl\"] #sahara-camp-hero-root .sahara-camp-hero__cta {\r\n flex-direction: row-reverse;\r\n }\r\n \r\n html[lang*=\"de\"] #sahara-camp-hero-root .sahara-camp-hero__title,\r\n html[lang*=\"fr\"] #sahara-camp-hero-root .sahara-camp-hero__title,\r\n html[lang*=\"es\"] #sahara-camp-hero-root .sahara-camp-hero__title {\r\n font-size: clamp(28px, 5vw, 52px);\r\n line-height: 1.1;\r\n }\r\n \r\n html[lang*=\"ja\"] #sahara-camp-hero-root .sahara-camp-hero,\r\n html[lang*=\"zh\"] #sahara-camp-hero-root .sahara-camp-hero,\r\n html[lang*=\"ko\"] #sahara-camp-hero-root .sahara-camp-hero {\r\n font-family: Inter, 'Hiragino Sans', 'Noto Sans CJK', 'Microsoft YaHei', system-ui, sans-serif;\r\n }\r\n \r\n html.translatepress-* #sahara-camp-hero-root,\r\n body.translatepress-* #sahara-camp-hero-root {\r\n text-align: center !important;\r\n }\r\n \r\n html.translatepress-* #sahara-camp-hero-root .sahara-camp-hero__wrap,\r\n body.translatepress-* #sahara-camp-hero-root .sahara-camp-hero__wrap {\r\n width: min(1200px, 92%) !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n\r\n \/* Image container & slideshow styles *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__stage{ \r\n position:absolute; \r\n inset:0; \r\n z-index:0; \r\n pointer-events: none; \r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__image-container {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__image {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n min-width: 100%;\r\n min-height: 100%;\r\n width: auto;\r\n height: auto;\r\n object-fit: cover;\r\n filter: saturate(110%) contrast(105%);\r\n pointer-events: none;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n transition: opacity 1.2s ease-in-out;\r\n opacity: 0;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__image.active {\r\n opacity: 1;\r\n }\r\n\r\n \/* Professional overlay + vignette *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__stage::after{\r\n content:\"\"; \r\n position:absolute; \r\n inset:0; \r\n z-index:2; \r\n pointer-events:none;\r\n background:\r\n linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.45) 38%, rgba(0,0,0,.50) 62%, rgba(0,0,0,.75) 100%),\r\n radial-gradient(120% 60% at 50% 0%, rgba(255,108,12,.20), transparent 60%);\r\n box-shadow: inset 0 0 140px rgba(0,0,0,.50), inset 0 0 360px rgba(0,0,0,.40);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__bg{\r\n position:absolute; inset:0; z-index:1; pointer-events:none;\r\n background:\r\n radial-gradient(40% 50% at 15% 10%, rgba(255,108,12,.25), transparent 60%),\r\n radial-gradient(40% 50% at 85% 25%, rgba(191,26,26,.20), transparent 60%),\r\n var(--overlay);\r\n animation: sahara-camp-float 28s ease-in-out infinite alternate;\r\n }\r\n \r\n @keyframes sahara-camp-float{ \r\n 0% {transform: translate3d(0,0,0) scale(1);} \r\n 100%{transform: translate3d(0,-2%,0) scale(1.03);} \r\n }\r\n \r\n @media (prefers-reduced-motion:reduce){ \r\n #sahara-camp-hero-root .sahara-camp-hero__bg{ animation:none; }\r\n }\r\n\r\n \/* Content wrapper *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n position:relative;\r\n z-index:1000;\r\n width:min(1200px,92%);\r\n margin-inline:auto;\r\n padding-inline:0;\r\n pointer-events: auto;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: clamp(500px, 85vh, 980px);\r\n }\r\n\r\n \/* Headings *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__kicker{\r\n display:inline-block; \r\n padding:8px 16px; \r\n border-radius:999px; \r\n backdrop-filter: blur(6px);\r\n background: rgba(255,108,12,.20); \r\n border:1px solid rgba(255,108,12,.40); \r\n color:#FFFFFF;\r\n font:800 12px\/1 system-ui; \r\n letter-spacing:.35px; \r\n text-transform:uppercase; \r\n margin-bottom:15px;\r\n text-shadow: 0 1px 3px rgba(0,0,0,0.3);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title{ \r\n margin:0; \r\n font:900 clamp(32px,5.5vw,56px)\/1.06 system-ui; \r\n letter-spacing:-.02em; \r\n color:#FFFFFF;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.4);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title strong{ \r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-shadow: none;\r\n display: inline;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__sub{ \r\n margin:15px auto 0; \r\n font:500 clamp(16px,2.3vw,20px)\/1.6 system-ui; \r\n color:#FFFFFF;\r\n opacity: 0.95;\r\n max-width: 840px; \r\n text-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n line-height: 1.4;\r\n }\r\n\r\n \/* CTAs *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__cta{\r\n margin-top:clamp(18px,3vw,26px);\r\n display:flex;\r\n gap:12px;\r\n justify-content:center;\r\n align-items:center;\r\n flex-wrap: nowrap;\r\n position: relative;\r\n z-index: 1001;\r\n pointer-events:auto;\r\n flex-direction: row;\r\n width: 100%;\r\n max-width: 500px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n text-decoration:none;\r\n cursor:pointer;\r\n border-radius:14px;\r\n padding:14px 22px;\r\n font:900 15px\/1 system-ui;\r\n transition:.2s ease transform, .2s ease filter, .2s ease background-color;\r\n will-change: transform;\r\n position: relative;\r\n z-index: 1002;\r\n pointer-events:auto;\r\n touch-action: manipulation;\r\n -webkit-tap-highlight-color: transparent;\r\n flex: 1;\r\n min-width: 140px;\r\n white-space: nowrap;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn--primary{ \r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A); \r\n color:#fff; \r\n border:1px solid rgba(255,108,12,.6); \r\n box-shadow:0 12px 28px rgba(255,108,12,.35); \r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn--primary:hover{ \r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C); \r\n transform:translateY(-3px); \r\n box-shadow:0 16px 32px rgba(191,26,26,.45);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn--ghost{ \r\n background: rgba(255,255,255,.12); \r\n color:#fff; \r\n border:1px solid rgba(255,255,255,.32); \r\n backdrop-filter: blur(6px); \r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn--ghost:hover{ \r\n background: rgba(255,108,12,.20); \r\n border:1px solid rgba(255,108,12,.5);\r\n transform:translateY(-3px); \r\n }\r\n\r\n \/* Trust row *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__trust{\r\n list-style:none;\r\n padding:0;\r\n margin:clamp(25px,3.5vw,32px) 0 0;\r\n display:flex;\r\n gap:24px;\r\n flex-wrap:wrap;\r\n justify-content:center;\r\n align-items:center;\r\n color:#f8fafc;\r\n opacity:.95;\r\n position: relative;\r\n z-index: 1000;\r\n width: 100%;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust li{\r\n display:flex;\r\n flex-direction: column;\r\n align-items:center;\r\n gap:8px;\r\n text-align:center;\r\n font:700 13px\/1.2 system-ui;\r\n padding:0;\r\n border:none;\r\n background:transparent;\r\n min-width: 140px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust strong{\r\n display:block;\r\n font-size:14px;\r\n font-weight:700;\r\n color:#ffffff;\r\n text-shadow: 0 1px 3px rgba(0,0,0,0.3);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust span{\r\n display:block;\r\n font-size:12px;\r\n font-weight:500;\r\n color:rgba(255,255,255,0.90);\r\n line-height:1.3;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust .sahara-icon{\r\n width:22px;\r\n height:22px;\r\n flex:0 0 22px;\r\n display:block;\r\n fill: currentColor;\r\n opacity:.95;\r\n margin-bottom:6px;\r\n }\r\n\r\n \/* ========== MOBILE OPTIMIZATIONS ========== *\/\r\n @media (max-width: 680px){\r\n #sahara-camp-hero-root .sahara-camp-hero{\r\n min-height: clamp(450px, 80vh, 700px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n min-height: clamp(450px, 80vh, 700px);\r\n padding-left:16px;\r\n padding-right:16px;\r\n justify-content: center;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__kicker{\r\n padding:6px 12px;\r\n font-size:11px;\r\n margin-bottom:12px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__cta{\r\n flex-direction: row;\r\n gap:10px;\r\n width: 100%;\r\n max-width: 100%;\r\n padding: 0 5px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn{\r\n width: 100%;\r\n max-width:none;\r\n padding:12px 16px;\r\n font-size:14px;\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust{\r\n flex-direction: row;\r\n gap:15px;\r\n margin-top:28px;\r\n justify-content: space-between;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust li{\r\n min-width: calc(50% - 8px);\r\n flex: 0 0 calc(50% - 8px);\r\n gap:6px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust li:nth-child(3) {\r\n display: none !important;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust strong{\r\n font-size:13px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust span{\r\n font-size:11px;\r\n max-width: 120px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust .sahara-icon{\r\n width:20px;\r\n height:20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px){\r\n #sahara-camp-hero-root .sahara-camp-hero__trust{\r\n gap:12px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust li{\r\n min-width: calc(50% - 6px);\r\n flex: 0 0 calc(50% - 6px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__cta{\r\n gap:8px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn{\r\n padding: 10px 14px;\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px){\r\n #sahara-camp-hero-root .sahara-camp-hero{\r\n min-height: clamp(400px, 75vh, 600px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n min-height: clamp(400px, 75vh, 600px);\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title{\r\n font-size: clamp(24px, 6vw, 32px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__sub{\r\n font-size: clamp(14px, 3vw, 16px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust strong{\r\n font-size:12px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust span{\r\n font-size:10px;\r\n }\r\n }\r\n\r\n @media (max-height: 600px) and (orientation: landscape){\r\n #sahara-camp-hero-root .sahara-camp-hero{\r\n min-height: clamp(350px, 100vh, 500px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n min-height: clamp(350px, 100vh, 500px);\r\n padding-top: 20px;\r\n padding-bottom: 20px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__kicker{\r\n margin-bottom: 10px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title{\r\n margin-bottom: 5px;\r\n font-size: clamp(20px, 4vw, 28px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__sub{\r\n margin-bottom: 15px;\r\n font-size: clamp(13px, 2.2vw, 16px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust{\r\n margin-top: 20px;\r\n }\r\n }\r\n\r\n @media (min-width: 768px) and (max-width: 1024px){\r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n padding-inline: 30px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title{\r\n font-size: clamp(36px, 5vw, 48px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__sub{\r\n font-size: clamp(17px, 2.5vw, 20px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__cta{\r\n max-width: 550px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn{\r\n padding: 16px 24px;\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n @media (min-width:1400px){\r\n #sahara-camp-hero-root .sahara-camp-hero::after{\r\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:1;\r\n box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);\r\n }\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn:focus {\r\n outline: 2px solid #FF6C0C;\r\n outline-offset: 2px;\r\n box-shadow: 0 0 0 4px rgba(255,108,12,0.3);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"sahara-camp-hero-root\" data-sahara-camp=\"hero\" itemscope itemtype=\"https:\/\/schema.org\/TouristDestination\">\r\n <meta itemprop=\"name\" content=\"Morocco Travel Sahara Camp\" \/>\r\n <meta itemprop=\"description\" content=\"Authentic Morocco travel experiences with Sahara Camp - desert tours, trekking, and adventure activities\" \/>\r\n <div itemprop=\"location\" itemscope itemtype=\"https:\/\/schema.org\/Place\">\r\n <meta itemprop=\"name\" content=\"Morocco\" \/>\r\n <\/div>\r\n \r\n <section class=\"sahara-camp-hero\" aria-label=\"Banni\u00e8re du camp de voyage du Sahara au Maroc\">\r\n \r\n <div class=\"sahara-camp-hero__stage\" role=\"region\" aria-label=\"Morocco desert landscape images\">\r\n <div class=\"sahara-camp-hero__image-container\" id=\"sahara-slideshow-container\">\r\n \r\n <\/div>\r\n \r\n <div class=\"sahara-camp-hero__bg\" aria-hidden=\"true\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"sahara-camp-hero-scope\" class=\"sahara-camp-hero__wrap\">\r\n <header class=\"sahara-camp-hero__head\">\r\n <p class=\"sahara-camp-hero__kicker\" itemprop=\"keywords\">Experts en voyages au Maroc<\/p>\r\n <h1 class=\"sahara-camp-hero__title\" itemprop=\"headline\">\r\n <strong>Voyage au Maroc<\/strong> & <strong>Camp du Sahara<\/strong> Aventures\r\n <\/h1>\r\n <p class=\"sahara-camp-hero__sub\" itemprop=\"description\">\r\n Faites l'exp\u00e9rience d'un voyage authentique au Maroc avec nos aventures au Sahara Camp - circuits dans le d\u00e9sert, trekking et exp\u00e9riences culturelles avec des experts locaux.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"sahara-camp-hero__cta\">\r\n <a class=\"sahara-camp-hero__btn sahara-camp-hero__btn--primary\" href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/morocco-tours\/\" aria-label=\"R\u00e9servez votre circuit dans le d\u00e9sert marocain et votre s\u00e9jour dans un camp du Sahara\" itemprop=\"url\">\r\n R\u00e9server\r\n <\/a>\r\n <a class=\"sahara-camp-hero__btn sahara-camp-hero__btn--ghost\" href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/morocco-day-trips\/\" aria-label=\"Voir toutes les activit\u00e9s de voyage et les forfaits de trekking au Maroc\">\r\n Excursions d'une journ\u00e9e\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"sahara-camp-hero__trust\" role=\"list\" aria-label=\"Pourquoi choisir Morocco Travel Sahara Camp\">\r\n <li itemprop=\"review\" itemscope itemtype=\"https:\/\/schema.org\/Review\">\r\n <svg class=\"sahara-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M12 2.25c.2 0 .4.05.58.15l6.5 3.25c.39.2.64.6.64 1.03v5.25c0 2.86-1.54 5.52-4.03 7.35-1.07.78-2.24 1.35-3.19 1.64a1.5 1.5 0 0 1-.9 0c-.95-.29-2.12-.86-3.19-1.64C5.74 17.45 4.2 14.79 4.2 11.93V6.68c0-.43.25-.83.64-1.03l6.5-3.25c.18-.1.38-.15.58-.15ZM10.3 12.7l-1.6-1.6a1 1 0 0 0-1.4 1.42l2.3 2.3c.39.39 1.03.39 1.42 0l5-5a1 1 0 1 0-1.42-1.42l-4.3 4.3Z\"\/>\r\n <\/svg>\r\n <strong>Guides berb\u00e8res locaux<\/strong>\r\n <span>Exp\u00e9riences authentiques dans les camps du Sahara<\/span>\r\n <\/li>\r\n <li itemprop=\"offer\" itemscope itemtype=\"https:\/\/schema.org\/Offer\">\r\n <svg class=\"sahara-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M9 6.75V19.5l-1.5-.75-1.5.75V6.75L6 6l1.5.75L9 6.75zm9 0V19.5l-1.5-.75-1.5.75V6.75L15 6l1.5.75L18 6.75z\"\/>\r\n <path d=\"M20.25 4.5H3.75a.75.75 0 0 0-.75.75v13.5c0 .414.336.75.75.75h16.5a.75.75 0 0 0 .75-.75V5.25a.75.75 0 0 0-.75-.75zM4.5 18V6h15v12h-15z\"\/>\r\n <\/svg>\r\n <strong>Excursions dans le d\u00e9sert du Sahara<\/strong>\r\n <span>Trekking dans les montagnes de l'Atlas<\/span>\r\n <\/li>\r\n <li itemprop=\"aggregateRating\" itemscope itemtype=\"https:\/\/schema.org\/AggregateRating\">\r\n <svg class=\"sahara-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <meta itemprop=\"ratingValue\" content=\"4.9\" \/>\r\n <meta itemprop=\"reviewCount\" content=\"1200\" \/>\r\n <strong>4.9\/5 Not\u00e9<\/strong>\r\n <span>Meilleure agence de voyage au Maroc<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n <\/section>\r\n\r\n \r\n <script>\r\n (function(){\r\n const hero = document.querySelector('#sahara-camp-hero-root');\r\n if(!hero) return;\r\n\r\n \/\/ ----- NEW IMAGE ARRAY (5 images provided) -----\r\n const imageUrls = [\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/06f8fce4-de48-4e92-bbf5-cf8bccd5c3a3.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/f458075e-fd51-40a8-8015-de832f239daf.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/80fe431d-1842-4ced-b0bc-1a8ca4994a60.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/6fa1f6be-561f-4831-9ece-ae29ccbd6e44.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/d9de6917-cc94-413d-bd09-350e95c3b4b4.jpeg\"\r\n ];\r\n\r\n const container = document.getElementById('sahara-slideshow-container');\r\n if(!container) return;\r\n\r\n \/\/ Create img elements for each image\r\n const imgElements = [];\r\n imageUrls.forEach((url, index) => {\r\n const img = document.createElement('img');\r\n img.className = 'sahara-camp-hero__image';\r\n img.src = url;\r\n img.alt = `Morocco Sahara desert adventure image ${index + 1}`;\r\n img.loading = index === 0 ? 'eager' : 'lazy';\r\n img.decoding = 'async';\r\n if(index === 0) {\r\n img.fetchPriority = 'high';\r\n img.classList.add('active'); \/\/ first image visible\r\n }\r\n container.appendChild(img);\r\n imgElements.push(img);\r\n });\r\n\r\n \/\/ ----- AUTO SLIDESHOW LOGIC -----\r\n let currentIndex = 0;\r\n const totalImages = imgElements.length;\r\n let slideInterval;\r\n const SLIDE_DURATION = 4000; \/\/ 4 seconds per image\r\n\r\n function goToImage(index) {\r\n if(index === currentIndex) return;\r\n \/\/ Remove active class from current image\r\n imgElements[currentIndex].classList.remove('active');\r\n \/\/ Update index (loop around)\r\n currentIndex = (index + totalImages) % totalImages;\r\n \/\/ Add active class to new image\r\n imgElements[currentIndex].classList.add('active');\r\n }\r\n\r\n function nextImage() {\r\n goToImage(currentIndex + 1);\r\n }\r\n\r\n function startSlideshow() {\r\n if(slideInterval) clearInterval(slideInterval);\r\n slideInterval = setInterval(nextImage, SLIDE_DURATION);\r\n }\r\n\r\n function stopSlideshow() {\r\n if(slideInterval) {\r\n clearInterval(slideInterval);\r\n slideInterval = null;\r\n }\r\n }\r\n\r\n \/\/ Start auto-play\r\n startSlideshow();\r\n\r\n \/\/ Optional: Pause on hover for better UX (but keep auto by default)\r\n const heroSection = hero.querySelector('.sahara-camp-hero');\r\n if(heroSection) {\r\n heroSection.addEventListener('mouseenter', () => {\r\n stopSlideshow();\r\n });\r\n heroSection.addEventListener('mouseleave', () => {\r\n startSlideshow();\r\n });\r\n \/\/ Touch devices: pause on touch, resume after\r\n heroSection.addEventListener('touchstart', () => {\r\n stopSlideshow();\r\n }, { passive: true });\r\n heroSection.addEventListener('touchend', () => {\r\n startSlideshow();\r\n });\r\n }\r\n\r\n \/\/ Respect reduced motion\r\n const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n if (mediaQuery.matches) {\r\n stopSlideshow();\r\n \/\/ Ensure first image stays visible\r\n imgElements.forEach((img, idx) => {\r\n if(idx === 0) img.classList.add('active');\r\n else img.classList.remove('active');\r\n });\r\n }\r\n\r\n \/\/ ----- IMAGE FALLBACK HANDLING (error on any image) -----\r\n imgElements.forEach(img => {\r\n img.addEventListener('error', function() {\r\n \/\/ If image fails, keep it hidden (opacity 0) and show gradient background\r\n this.style.opacity = '0';\r\n console.warn('Hero image failed to load:', this.src);\r\n \/\/ If this was the active image, try to move to next after a short delay\r\n if(this.classList.contains('active')) {\r\n \/\/ Force next image after 1 second if current fails\r\n setTimeout(() => {\r\n if(this.classList.contains('active')) {\r\n nextImage();\r\n }\r\n }, 1000);\r\n }\r\n });\r\n \r\n img.addEventListener('load', function() {\r\n \/\/ Ensure loaded image can be visible if active\r\n if(this.classList.contains('active')) {\r\n this.style.opacity = '1';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Also handle case where first image loads correctly\r\n if(imgElements[0].complete && imgElements[0].naturalHeight !== 0) {\r\n imgElements[0].style.opacity = '1';\r\n }\r\n\r\n \/\/ ----- TRANSLATEPRESS & MOBILE OPTIMIZATIONS (keep existing) -----\r\n document.querySelectorAll('.sahara-camp-hero__btn').forEach(btn => {\r\n btn.addEventListener('touchstart', function() {\r\n this.style.transform = 'scale(0.98)';\r\n });\r\n btn.addEventListener('touchend', function() {\r\n this.style.transform = '';\r\n });\r\n });\r\n\r\n function detectTranslatePressAndFix() {\r\n var htmlElement = document.documentElement;\r\n var bodyElement = document.body;\r\n var translatePressClasses = [];\r\n \r\n if(htmlElement.className.includes('translatepress-')) {\r\n translatePressClasses = htmlElement.className.split(' ').filter(c => c.includes('translatepress-'));\r\n } else if(bodyElement.className.includes('translatepress-')) {\r\n translatePressClasses = bodyElement.className.split(' ').filter(c => c.includes('translatepress-'));\r\n }\r\n \r\n if(translatePressClasses.length > 0) {\r\n var heroWrap = hero.querySelector('.sahara-camp-hero__wrap');\r\n if(heroWrap) {\r\n heroWrap.style.textAlign = 'center';\r\n heroWrap.style.alignItems = 'center';\r\n }\r\n var ctaContainer = hero.querySelector('.sahara-camp-hero__cta');\r\n if(ctaContainer) {\r\n ctaContainer.style.justifyContent = 'center';\r\n ctaContainer.style.display = 'flex';\r\n }\r\n var isRTL = document.documentElement.dir === 'rtl' || document.body.dir === 'rtl';\r\n if(isRTL && ctaContainer) {\r\n ctaContainer.style.flexDirection = 'row-reverse';\r\n }\r\n }\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', detectTranslatePressAndFix);\r\n } else {\r\n detectTranslatePressAndFix();\r\n }\r\n setTimeout(detectTranslatePressAndFix, 1000);\r\n\r\n \/\/ Stop animation on reduced motion\r\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n var bg = hero.querySelector('.sahara-camp-hero__bg');\r\n if(bg) bg.style.animation = 'none';\r\n }\r\n\r\n })();\r\n <\/script>\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-fa8b789 e-con-full e-flex e-con e-parent\" data-id=\"fa8b789\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b5ecb1 elementor-widget elementor-widget-html\" data-id=\"8b5ecb1\" 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>Explore Morocco Tours - Morocco Travel Sahara Camp<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* DESTINATION GRID STYLES - FIXED ICONS *\/\r\n #mtc-destinations-2024 {\r\n background: #f8f9fa !important;\r\n padding: 20px 0 !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n }\r\n \r\n #mtc-destinations-2024 * {\r\n box-sizing: border-box !important;\r\n }\r\n \r\n \/* Don't reset font-family for Font Awesome icons *\/\r\n #mtc-destinations-2024 i,\r\n #mtc-destinations-2024 .fas,\r\n #mtc-destinations-2024 .fa,\r\n #mtc-destinations-2024 [class*=\"fa-\"] {\r\n font-family: 'Font Awesome 6 Free' !important;\r\n font-weight: 900 !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-container {\r\n max-width: 1400px !important;\r\n margin: 0 auto !important;\r\n padding: 40px 15px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, 1fr) !important;\r\n gap: 20px !important;\r\n margin-top: 20px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 260px !important;\r\n border-radius: 16px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;\r\n transition: all 0.3s ease !important;\r\n background: #fff !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.15) !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.4s ease !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card:hover img {\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 20px !important;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.85)) !important;\r\n color: white !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n margin: 0 0 10px 0 !important;\r\n font-size: 1.3rem !important;\r\n font-weight: 600 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n color: white !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-location-icon {\r\n font-size: 1.1rem !important;\r\n color: #FF6C0C !important;\r\n font-family: 'Font Awesome 6 Free' !important;\r\n font-weight: 900 !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n padding: 8px 18px !important;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A) !important;\r\n color: white !important;\r\n text-decoration: none !important;\r\n border-radius: 25px !important;\r\n font-weight: 500 !important;\r\n font-size: 0.9rem !important;\r\n transition: all 0.3s ease !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn i {\r\n font-family: 'Font Awesome 6 Free' !important;\r\n font-weight: 900 !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn:hover {\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 4px 12px rgba(255, 108, 12, 0.3) !important;\r\n }\r\n\r\n \/* Section Title - UPDATED WITH GRADIENT TEXT *\/\r\n #mtc-destinations-2024 .mtc-section-title {\r\n text-align: center !important;\r\n margin-bottom: 40px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 2.5rem !important;\r\n font-weight: 800 !important; \/* Made bolder *\/\r\n margin-bottom: 10px !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A) !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n color: transparent !important;\r\n text-shadow: none !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title p {\r\n color: #666666 !important;\r\n font-size: 1.2rem !important;\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n line-height: 1.5 !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n }\r\n\r\n \/* ========== MOBILE OPTIMIZATION ========== *\/\r\n \/* Tablet *\/\r\n @media (max-width: 1024px) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 20px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 240px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 2.2rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title p {\r\n font-size: 1.1rem !important;\r\n }\r\n }\r\n\r\n \/* Mobile - 2 ITEMS IN ONE LINE ALWAYS *\/\r\n @media (max-width: 768px) {\r\n #mtc-destinations-2024 .mtc-dest-container {\r\n padding: 30px 15px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 15px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 200px !important;\r\n border-radius: 12px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info {\r\n padding: 15px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 1.1rem !important;\r\n margin-bottom: 8px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-location-icon {\r\n font-size: 1rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 7px 16px !important;\r\n font-size: 0.85rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title {\r\n margin-bottom: 30px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 1.8rem !important;\r\n padding: 0 10px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title p {\r\n font-size: 1rem !important;\r\n padding: 0 15px !important;\r\n }\r\n }\r\n\r\n \/* Small Mobile - STILL 2 ITEMS PER LINE *\/\r\n @media (max-width: 480px) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 12px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 180px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info {\r\n padding: 12px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 1rem !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 6px 14px !important;\r\n font-size: 0.8rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title p {\r\n font-size: 0.95rem !important;\r\n }\r\n }\r\n\r\n \/* Extra Small Phones - FORCE 2 ITEMS PER LINE *\/\r\n @media (max-width: 360px) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 10px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 160px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 5px 10px !important;\r\n font-size: 0.75rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 1.5rem !important;\r\n }\r\n }\r\n\r\n \/* Landscape Mode Mobile - 2 ITEMS PER LINE *\/\r\n @media (max-height: 600px) and (orientation: landscape) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 160px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info {\r\n padding: 10px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 1rem !important;\r\n margin-bottom: 5px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 5px 12px !important;\r\n font-size: 0.8rem !important;\r\n }\r\n }\r\n\r\n \/* Desktop\/Laptop *\/\r\n @media (min-width: 1025px) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(4, 1fr) !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 280px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 1.4rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 10px 22px !important;\r\n font-size: 1rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 2.8rem !important; \/* Slightly larger on desktop *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div id=\"mtc-destinations-2024\">\r\n <section class=\"mtc-dest-container\" aria-label=\"Destinations de voyage au Maroc\">\r\n \r\n \r\n <div class=\"mtc-section-title\">\r\n <h2>D\u00e9couvrez les meilleures destinations du Maroc<\/h2>\r\n <p>Commencez votre aventure \u00e0 partir de ces villes marocaines \u00e9tonnantes gr\u00e2ce \u00e0 nos circuits guid\u00e9s par des experts.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mtc-dest-grid\">\r\n \r\n <div class=\"mtc-dest-card\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/31.png\" alt=\"Casablanca Tours - Modern city tours and Hassan II Mosque\">\r\n <div class=\"mtc-dest-info\">\r\n <h3><i class=\"fas fa-city mtc-location-icon\"><\/i>Casablanca Tours<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/explore-casablanca-tours\/\" class=\"mtc-dest-btn\" aria-label=\"D\u00e9couvrir Casablanca\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n Explorer les circuits\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mtc-dest-card\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/24.png\" alt=\"Marrakech Tours - Red city tours, souks and desert adventures\">\r\n <div class=\"mtc-dest-info\">\r\n <h3><i class=\"fas fa-sun mtc-location-icon\"><\/i>Circuits \u00e0 Marrakech<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/explore-marrakech-tours\/\" class=\"mtc-dest-btn\" aria-label=\"D\u00e9couvrir Marrakech\">\r\n <i class=\"fas fa-landmark\"><\/i>\r\n Explorer les circuits\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mtc-dest-card\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/La-medina-de-Fes-el-Bali-Maroc-1000x667-1.jpeg\" alt=\"Fes Tours - Ancient medina, cultural and historical tours\">\r\n <div class=\"mtc-dest-info\">\r\n <h3><i class=\"fas fa-landmark mtc-location-icon\"><\/i>Fes Tours<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/explore-fes-tours\/\" class=\"mtc-dest-btn\" aria-label=\"D\u00e9couvrir F\u00e8s Tours\">\r\n <i class=\"fas fa-compass\"><\/i>\r\n Explorer les circuits\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mtc-dest-card\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/2979c2582f468c00cdd6906d8bf6350a-scaled.webp\" alt=\"Tangier Tours - Coastal city tours and cultural experiences\">\r\n <div class=\"mtc-dest-info\">\r\n <h3><i class=\"fas fa-umbrella-beach mtc-location-icon\"><\/i>Tours de Tanger<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/explore-Tangier-tours\/\" class=\"mtc-dest-btn\" aria-label=\"D\u00e9couvrir Tanger\">\r\n <i class=\"fas fa-ship\"><\/i>\r\n Explorer les circuits\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const cards = document.querySelectorAll('#mtc-destinations-2024 .mtc-dest-card');\r\n const buttons = document.querySelectorAll('#mtc-destinations-2024 .mtc-dest-btn');\r\n \r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', () => {\r\n card.style.transform = 'translateY(-8px)';\r\n card.style.boxShadow = '0 12px 30px rgba(0,0,0,0.15)';\r\n });\r\n \r\n card.addEventListener('mouseleave', () => {\r\n card.style.transform = 'translateY(0)';\r\n card.style.boxShadow = '0 4px 15px rgba(0,0,0,0.1)';\r\n });\r\n });\r\n \r\n buttons.forEach(button => {\r\n button.addEventListener('mouseenter', () => {\r\n button.style.transform = 'translateY(-2px)';\r\n });\r\n \r\n button.addEventListener('mouseleave', () => {\r\n button.style.transform = 'translateY(0)';\r\n });\r\n });\r\n\r\n cards.forEach(card => {\r\n card.addEventListener('touchstart', function() {\r\n this.style.transform = 'translateY(-4px)';\r\n });\r\n \r\n card.addEventListener('touchend', function() {\r\n this.style.transform = 'translateY(0)';\r\n });\r\n });\r\n });\r\n <\/script>\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-bfd4297 e-con-full e-flex e-con e-parent\" data-id=\"bfd4297\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef140d8 elementor-widget elementor-widget-html\" data-id=\"ef140d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n .sahara-about-premium { \r\n background: #ffffff; \r\n color: #333333; \r\n padding: 50px 0; \r\n position: relative; \r\n overflow: hidden; \r\n width: 100%;\r\n margin: 30px 0;\r\n }\r\n \r\n .sahara-premium-container { \r\n max-width: 1300px; \r\n margin: 0 auto; \r\n padding: 0 15px; \r\n display: grid; \r\n grid-template-columns: 1fr; \r\n gap: 30px; \r\n align-items: center; \r\n }\r\n \r\n .sahara-premium-content { \r\n position: relative; \r\n z-index: 10; \r\n order: 2; \r\n }\r\n \r\n .sahara-premium-badge { \r\n display: inline-flex; \r\n align-items: center; \r\n gap: 8px; \r\n background: linear-gradient(135deg, rgba(255, 108, 12, 0.1), rgba(191, 26, 26, 0.1)); \/* Your brand orange\/red *\/\r\n border: 1px solid rgba(255, 108, 12, 0.3); \r\n color: #FF6C0C; \r\n padding: 8px 16px; \r\n border-radius: 20px; \r\n font-size: 14px; \r\n font-weight: 600; \r\n margin-bottom: 20px; \r\n }\r\n \r\n .sahara-premium-title { \r\n font-size: 2.2rem;\r\n font-weight: 800; \r\n line-height: 1.2; \r\n margin-bottom: 15px; \r\n color: #1a1a1a;\r\n text-align: center; \r\n }\r\n \r\n .sahara-premium-title span { \r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%); \/* Your brand gradient *\/\r\n -webkit-background-clip: text; \r\n -webkit-text-fill-color: transparent; \r\n background-clip: text; \r\n }\r\n \r\n .sahara-premium-description { \r\n font-size: 16px; \r\n line-height: 1.6; \r\n color: #555555; \r\n margin-bottom: 20px; \r\n font-weight: 400; \r\n text-align: center; \r\n }\r\n \r\n .sahara-premium-description strong,\r\n .sahara-premium-description a {\r\n color: #555555;\r\n font-weight: 700;\r\n }\r\n .sahara-premium-description a {\r\n text-decoration: underline;\r\n color: #FF6C0C;\r\n }\r\n .sahara-premium-description a:hover {\r\n color: #BF1A1A;\r\n }\r\n \r\n .sahara-premium-cta { \r\n display: flex; \r\n flex-direction: column; \r\n gap: 12px; \r\n align-items: center; \r\n margin-bottom: 25px;\r\n }\r\n \r\n .sahara-btn-premium { \r\n display: inline-flex; \r\n align-items: center; \r\n justify-content: center; \r\n gap: 10px; \r\n padding: 14px 24px; \r\n width: 100%; \r\n max-width: 320px; \r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A); \r\n color: white; \r\n text-decoration: none; \r\n border-radius: 14px; \r\n font-weight: 600; \r\n font-size: 15px; \r\n transition: all 0.3s ease; \r\n box-shadow: 0 8px 20px rgba(255, 108, 12, 0.2); \r\n position: relative; \r\n overflow: hidden; \r\n }\r\n \r\n .sahara-btn-premium::before { \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; \r\n }\r\n \r\n .sahara-btn-premium:hover::before { \r\n left: 100%; \r\n }\r\n \r\n .sahara-btn-premium:hover { \r\n transform: translateY(-3px); \r\n box-shadow: 0 12px 25px rgba(191, 26, 26, 0.3); \r\n }\r\n \r\n .sahara-btn-outline-premium { \r\n display: inline-flex; \r\n align-items: center; \r\n justify-content: center; \r\n gap: 10px; \r\n padding: 14px 24px; \r\n width: 100%; \r\n max-width: 320px; \r\n border: 2px solid #FF6C0C; \r\n color: #FF6C0C; \r\n text-decoration: none; \r\n border-radius: 14px; \r\n font-weight: 600; \r\n font-size: 15px; \r\n transition: all 0.3s ease; \r\n background: #ffffff; \r\n }\r\n \r\n .sahara-btn-outline-premium:hover { \r\n background: rgba(255, 108, 12, 0.05); \r\n transform: translateY(-3px); \r\n box-shadow: 0 8px 20px rgba(255, 108, 12, 0.1); \r\n }\r\n\r\n .sahara-premium-features-section {\r\n max-width: 1300px;\r\n margin: 25px auto 0;\r\n padding: 0 15px;\r\n }\r\n\r\n .sahara-premium-features { \r\n display: grid; \r\n grid-template-columns: 1fr; \r\n gap: 15px; \r\n }\r\n \r\n .sahara-premium-feature { \r\n display: flex; \r\n align-items: flex-start; \r\n gap: 12px; \r\n padding: 15px; \r\n background: #f8f9fa; \r\n border-radius: 14px; \r\n border: 1px solid #eaeaea; \r\n transition: all 0.3s ease; \r\n }\r\n \r\n .sahara-premium-feature:hover { \r\n transform: translateY(-3px); \r\n border-color: #FF6C0C; \r\n box-shadow: 0 10px 20px rgba(255, 108, 12, 0.1); \r\n }\r\n \r\n .sahara-feature-icon-premium { \r\n width: 40px; \r\n height: 40px; \r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A); \r\n border-radius: 12px; \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 .sahara-feature-icon-premium i { \r\n color: white; \r\n font-size: 16px; \r\n }\r\n \r\n .sahara-feature-content h4 { \r\n font-size: 15px; \r\n font-weight: 700; \r\n color: #1a1a1a; \r\n margin-bottom: 6px; \r\n }\r\n \r\n .sahara-feature-content p { \r\n color: #666666; \r\n font-size: 14px; \r\n line-height: 1.5; \r\n }\r\n \r\n .sahara-premium-image { \r\n position: relative; \r\n z-index: 10; \r\n order: 1; \r\n }\r\n \r\n .sahara-image-frame { \r\n position: relative; \r\n border-radius: 16px; \r\n overflow: hidden; \r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); \r\n background: linear-gradient(135deg, rgba(255, 108, 12, 0.05), rgba(191, 26, 26, 0.05)); \r\n min-height: 220px; \r\n display: flex; \r\n align-items: stretch; \r\n justify-content: center; \r\n }\r\n \r\n .sahara-image-frame img { \r\n width: 100%; \r\n height: 100%; \r\n object-fit: cover;\r\n display: block; \r\n transition: transform 0.5s ease; \r\n opacity: 1;\r\n }\r\n \r\n .sahara-image-frame:hover img { \r\n transform: scale(1.05); \r\n }\r\n \r\n .sahara-image-glow { \r\n position: absolute; \r\n top: 0; \r\n left: 0; \r\n right: 0; \r\n bottom: 0; \r\n background: linear-gradient(135deg, rgba(255, 108, 12, 0.05), rgba(191, 26, 26, 0.05)); \r\n pointer-events: none; \r\n }\r\n \r\n .sahara-image-loading { \r\n display: flex; \r\n flex-direction: column; \r\n align-items: center; \r\n justify-content: center; \r\n color: #FF6C0C; \r\n font-size: 14px; \r\n gap: 10px; \r\n padding: 40px;\r\n text-align: center;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .sahara-image-loading .sahara-spinner { \r\n width: 40px; \r\n height: 40px; \r\n border: 3px solid rgba(255, 108, 12, 0.3); \r\n border-radius: 50%; \r\n border-top-color: #FF6C0C; \r\n animation: sahara-spin 1s linear infinite; \r\n }\r\n \r\n @keyframes sahara-spin { \r\n to { \r\n transform: rotate(360deg); \r\n } \r\n }\r\n \r\n .sahara-premium-bg { \r\n position: absolute; \r\n top: 0; \r\n left: 0; \r\n right: 0; \r\n bottom: 0; \r\n pointer-events: none; \r\n overflow: hidden; \r\n }\r\n \r\n .sahara-floating-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(255, 108, 12, 0.05), rgba(191, 26, 26, 0.03));\r\n filter: blur(40px);\r\n z-index: 1;\r\n animation: sahara-floatShape 20s infinite ease-in-out;\r\n }\r\n\r\n .sahara-shape-1 {\r\n width: 200px;\r\n height: 200px;\r\n top: 10%;\r\n right: -100px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .sahara-shape-2 {\r\n width: 150px;\r\n height: 150px;\r\n bottom: 10%;\r\n left: -75px;\r\n animation-delay: 5s;\r\n }\r\n\r\n .sahara-shape-3 {\r\n width: 100px;\r\n height: 100px;\r\n top: 40%;\r\n left: 20%;\r\n animation-delay: 10s;\r\n }\r\n\r\n @keyframes sahara-floatShape {\r\n 0%, 100% {\r\n transform: translateY(0) rotate(0deg);\r\n }\r\n 33% {\r\n transform: translateY(-20px) rotate(120deg);\r\n }\r\n 66% {\r\n transform: translateY(10px) rotate(240deg);\r\n }\r\n }\r\n\r\n \/* VERY SMALL MOBILE PHONES *\/\r\n @media (max-width: 767px) {\r\n .sahara-premium-title { \r\n font-size: 2.2rem;\r\n line-height: 1.2;\r\n }\r\n \r\n .sahara-premium-description { \r\n font-size: 15px; \r\n }\r\n \r\n .sahara-premium-feature { \r\n padding: 12px; \r\n gap: 10px; \r\n }\r\n \r\n .sahara-feature-icon-premium { \r\n width: 36px; \r\n height: 36px; \r\n }\r\n \r\n .sahara-feature-content h4 { \r\n font-size: 14px; \r\n }\r\n \r\n .sahara-feature-content p { \r\n font-size: 13px; \r\n }\r\n \r\n .sahara-btn-premium, \r\n .sahara-btn-outline-premium { \r\n padding: 12px 20px; \r\n font-size: 14px; \r\n }\r\n }\r\n\r\n \/* TABLET (768px and up) *\/\r\n @media (min-width: 768px) {\r\n .sahara-about-premium { \r\n padding: 70px 0; \r\n }\r\n \r\n .sahara-premium-container { \r\n padding: 0 30px; \r\n gap: 40px; \r\n }\r\n \r\n .sahara-premium-title { \r\n font-size: 2.6rem; \r\n text-align: left; \r\n margin-bottom: 20px;\r\n }\r\n \r\n .sahara-premium-description { \r\n text-align: left; \r\n font-size: 16px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .sahara-premium-cta {\r\n flex-direction: row;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n }\r\n\r\n .sahara-btn-premium, \r\n .sahara-btn-outline-premium { \r\n width: auto; \r\n max-width: none; \r\n }\r\n\r\n .sahara-premium-features-section {\r\n padding: 0 30px;\r\n }\r\n\r\n .sahara-premium-features { \r\n grid-template-columns: 1fr 1fr; \r\n gap: 20px;\r\n }\r\n \r\n .sahara-image-frame { \r\n min-height: 300px;\r\n border-radius: 18px;\r\n }\r\n }\r\n\r\n \/* DESKTOP \/ LAPTOP (1024px and up) *\/\r\n @media (min-width: 1024px) {\r\n .sahara-about-premium { \r\n padding: 80px 0; \r\n }\r\n \r\n .sahara-premium-container { \r\n grid-template-columns: 1.2fr 1fr; \r\n gap: 60px; \r\n padding: 0 40px; \r\n }\r\n \r\n .sahara-premium-image { \r\n order: 2; \r\n }\r\n \r\n .sahara-premium-content { \r\n order: 1; \r\n }\r\n \r\n .sahara-premium-title { \r\n font-size: 3rem; \r\n line-height: 1.3;\r\n }\r\n\r\n .sahara-image-frame { \r\n min-height: 360px;\r\n border-radius: 20px;\r\n }\r\n\r\n .sahara-premium-features-section {\r\n padding: 0 40px;\r\n margin-top: 40px;\r\n }\r\n\r\n .sahara-premium-features { \r\n grid-template-columns: repeat(4, minmax(0, 1fr)); \r\n gap: 25px;\r\n }\r\n \r\n .sahara-premium-feature {\r\n padding: 20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"sahara-about-premium\">\r\n <div class=\"sahara-premium-bg\">\r\n <div class=\"sahara-floating-shape sahara-shape-1\"><\/div>\r\n <div class=\"sahara-floating-shape sahara-shape-2\"><\/div>\r\n <div class=\"sahara-floating-shape sahara-shape-3\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"sahara-premium-container\">\r\n \r\n <div class=\"sahara-premium-content\">\r\n <div class=\"sahara-premium-badge\">\r\n <i class=\"fas fa-star\"><\/i> Experts de confiance en voyages au Sahara\r\n <\/div>\r\n\r\n <h2 class=\"sahara-premium-title\">\r\n Votre <span>Voyage au Maroc<\/span> & <span>Camp du Sahara<\/span> L'aventure commence ici\r\n <\/h2>\r\n\r\n <p class=\"sahara-premium-description\">\r\n D\u00e9couvrez la v\u00e9ritable <strong>Maroc<\/strong> avec l'authenticit\u00e9 <strong>Camp du Sahara<\/strong> exp\u00e9riences, guid\u00e9es <strong>Trekking dans les montagnes de l'Atlas<\/strong>, et inoubliable <strong>circuits dans le d\u00e9sert<\/strong>. En tant que votre partenaire local de confiance <strong>Agence de voyage au Maroc<\/strong>, Nous sommes sp\u00e9cialis\u00e9s dans la cr\u00e9ation de voyages personnalis\u00e9s de <strong>De Tanger \u00e0 Marrakech<\/strong> et s'enfoncer dans les dunes dor\u00e9es de la <strong>D\u00e9sert du Sahara<\/strong>. Nous nous consacrons \u00e0 la transparence, \u00e0 la s\u00e9curit\u00e9 et \u00e0 la cr\u00e9ation d'aventures sans stress qui vous mettent en contact avec le c\u0153ur de l'Europe. <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"noopener noreferrer\">Maroc<\/a> et son riche patrimoine berb\u00e8re[citation:6].\r\n <\/p>\r\n\r\n \r\n <div class=\"sahara-premium-cta\">\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/morocco-tours\/\" class=\"sahara-btn-premium\">\r\n <i class=\"fas fa-calendar-check\"><\/i> R\u00e9servez votre excursion dans le d\u00e9sert\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/\" class=\"sahara-btn-outline-premium\">\r\n <i class=\"fas fa-phone-alt\"><\/i> Planifiez votre aventure\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"sahara-premium-image\">\r\n <div class=\"sahara-image-frame\" id=\"sahara-image-container\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/2612c2c3-2a0d-4f90-b9b2-d0ea836cd14c.jpeg\"\r\n alt=\"A camel caravan on a 7-day desert tour from Tangier to Marrakech - Morocco Travel Sahara Camp adventure\"\r\n loading=\"lazy\"\r\n >\r\n <div class=\"sahara-image-glow\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"sahara-premium-features-section\">\r\n <div class=\"sahara-premium-features\">\r\n <div class=\"sahara-premium-feature\">\r\n <div class=\"sahara-feature-icon-premium\"><i class=\"fas fa-map-marked-alt\"><\/i><\/div>\r\n <div class=\"sahara-feature-content\">\r\n <h4>Excursions dans le d\u00e9sert et randonn\u00e9es \u00e0 dos de chameau<\/h4>\r\n <p>D\u00e9couvrez les embl\u00e9matiques randonn\u00e9es \u00e0 dos de chameau dans les dunes dor\u00e9es de l'Erg Chebbi et l'authentique camping dans le d\u00e9sert du Sahara \u00e0 la belle \u00e9toile[citation:10].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sahara-premium-feature\">\r\n <div class=\"sahara-feature-icon-premium\"><i class=\"fas fa-mountain\"><\/i><\/div>\r\n <div class=\"sahara-feature-content\">\r\n <h4>Trekking dans les montagnes de l'Atlas<\/h4>\r\n <p>Des randonn\u00e9es guid\u00e9es dans le Haut Atlas \u00e0 couper le souffle, \u00e0 la rencontre de villages berb\u00e8res et de paysages naturels \u00e9poustouflants.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sahara-premium-feature\">\r\n <div class=\"sahara-feature-icon-premium\"><i class=\"fas fa-suitcase-rolling\"><\/i><\/div>\r\n <div class=\"sahara-feature-content\">\r\n <h4>Itin\u00e9raires personnalis\u00e9s au Maroc<\/h4>\r\n <p>Des plans de voyage personnalis\u00e9s au d\u00e9part de Tanger, F\u00e8s ou Marrakech, con\u00e7us en fonction de votre rythme, de vos centres d'int\u00e9r\u00eat et de votre budget[citation:6].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sahara-premium-feature\">\r\n <div class=\"sahara-feature-icon-premium\"><i class=\"fas fa-user-shield\"><\/i><\/div>\r\n <div class=\"sahara-feature-content\">\r\n <h4>Service local et transparent<\/h4>\r\n <p>Une agence locale 100% offrant une communication honn\u00eate, des prix clairs et une assistance 24 heures sur 24 et 7 jours sur 7 pour un voyage sans encombre[citation:6].<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n function saharaImageLoaded(img) {\r\n console.log('Sahara camp tour image loaded successfully');\r\n }\r\n\r\n function saharaImageError(img) {\r\n console.error('Sahara camp tour image failed to load');\r\n const container = document.getElementById('sahara-image-container');\r\n if (container) {\r\n container.innerHTML = `\r\n <div class=\"sahara-image-loading\">\r\n <div class=\"sahara-spinner\"><\/div>\r\n <p>7-Day Desert Tour from Tangier to Marrakech<\/p>\r\n <p style=\"font-size: 12px; margin-top: 10px; color: #FF6C0C; font-weight: 600;\">\r\n Morocco Travel Sahara Camp Adventure\r\n <\/p>\r\n <\/div>\r\n <div class=\"sahara-image-glow\"><\/div>\r\n `;\r\n }\r\n }\r\n\r\n \/\/ Initialize image error handling\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const imgElement = document.querySelector('#sahara-image-container img');\r\n if (imgElement) {\r\n imgElement.onerror = function() {\r\n saharaImageError(this);\r\n };\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d231171 e-con-full e-flex e-con e-parent\" data-id=\"d231171\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69061fc elementor-widget elementor-widget-html\" data-id=\"69061fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"marrakech-tours-section\" id=\"marrakech-tours-unique-id\">\r\n <style scoped>\r\n \/* SCOPED CSS - Won't affect other parts of your website *\/\r\n .marrakech-tours-section * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .marrakech-tours-section {\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n padding: 40px 20px;\r\n background: #fff;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* HEADER SECTION *\/\r\n .marrakech-tours-section .tours-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .marrakech-tours-section .tours-subtitle {\r\n color: #FF6C0C;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .marrakech-tours-section .tours-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .marrakech-tours-section .tours-description {\r\n font-size: 1.1rem;\r\n color: #64748b;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* GRID LAYOUT *\/\r\n .marrakech-tours-section .tours-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* CARD DESIGN *\/\r\n .marrakech-tours-section .tour-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n overflow: visible;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid #e2e8f0;\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n .marrakech-tours-section .tour-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #FF6C0C;\r\n box-shadow: 0 20px 40px rgba(255, 108, 12, 0.15);\r\n }\r\n\r\n \/* IMAGE SECTION *\/\r\n .marrakech-tours-section .tour-img {\r\n height: 240px;\r\n position: relative;\r\n overflow: visible;\r\n }\r\n\r\n .marrakech-tours-section .tour-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n \/* DURATION BADGE *\/\r\n .marrakech-tours-section .duration-badge {\r\n position: absolute;\r\n left: 20px;\r\n bottom: -20px;\r\n background: #fff;\r\n color: #FF6C0C;\r\n padding: 8px 16px;\r\n border-radius: 9px;\r\n font-weight: bold;\r\n z-index: 2;\r\n border: 2px solid #FF6C0C;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n min-width: 70px;\r\n }\r\n\r\n .marrakech-tours-section .duration-days {\r\n font-size: 1.3rem;\r\n line-height: 1;\r\n color: #FF6C0C;\r\n font-weight: 800;\r\n }\r\n \r\n .marrakech-tours-section .duration-text {\r\n font-size: 0.65rem;\r\n letter-spacing: 0.08em;\r\n color: #64748b;\r\n text-transform: uppercase;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* DATE BADGE *\/\r\n .marrakech-tours-section .date-badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n padding: 6px 16px;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n border-radius: 9px;\r\n background: #FF6C0C;\r\n color: #fff;\r\n z-index: 2;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* CARD CONTENT *\/\r\n .marrakech-tours-section .tour-body {\r\n padding: 40px 20px 20px;\r\n }\r\n\r\n .marrakech-tours-section .tour-card-title {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin-bottom: 12px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* LOCATION AND STARS ROW *\/\r\n .marrakech-tours-section .tour-meta-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n padding-bottom: 12px;\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n \/* LOCATION STYLING *\/\r\n .marrakech-tours-section .location {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n }\r\n \r\n .marrakech-tours-section .location i {\r\n color: #FF6C0C;\r\n }\r\n\r\n \/* RATING STARS *\/\r\n .marrakech-tours-section .rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n \r\n .marrakech-tours-section .rating i {\r\n color: #fbbf24;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .marrakech-tours-section .rating span {\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n margin-left: 5px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* FEATURES INFORMATION *\/\r\n .marrakech-tours-section .tour-features {\r\n margin-bottom: 18px;\r\n }\r\n \r\n .marrakech-tours-section .feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n margin-bottom: 6px;\r\n }\r\n \r\n .marrakech-tours-section .feature i {\r\n color: #FF6C0C;\r\n width: 16px;\r\n text-align: center;\r\n }\r\n\r\n \/* FOOTER *\/\r\n .marrakech-tours-section .tour-footer {\r\n padding-top: 18px;\r\n border-top: 1px solid #e2e8f0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n }\r\n\r\n \/* WHATSAPP BUTTON *\/\r\n .marrakech-tours-section .whatsapp-btn {\r\n background: #25D366;\r\n color: #fff;\r\n padding: 10px 22px;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n flex: 1;\r\n justify-content: center;\r\n text-align: center;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n .marrakech-tours-section .whatsapp-btn:hover {\r\n background: #128C7E;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\r\n }\r\n \r\n .marrakech-tours-section .whatsapp-btn i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* VIEW TOUR BUTTON *\/\r\n .marrakech-tours-section .view-btn {\r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%);\r\n color: #fff;\r\n padding: 10px 22px;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n flex: 1;\r\n justify-content: center;\r\n text-align: center;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n .marrakech-tours-section .view-btn:hover {\r\n background: linear-gradient(135deg, #BF1A1A 0%, #FF6C0C 100%);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(255, 108, 12, 0.3);\r\n }\r\n \r\n .marrakech-tours-section .view-btn i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n \/* ========== RESPONSIVE STYLES ========== *\/\r\n @media (max-width: 1024px) {\r\n .marrakech-tours-section .tours-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .marrakech-tours-section .tours-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 500px;\r\n }\r\n \r\n .marrakech-tours-section .tours-title {\r\n font-size: 2rem;\r\n }\r\n \r\n .marrakech-tours-section .tours-description {\r\n font-size: 1rem;\r\n }\r\n \r\n .marrakech-tours-section .tour-meta-row {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n \r\n .marrakech-tours-section .tour-footer {\r\n flex-direction: row;\r\n gap: 10px;\r\n }\r\n \r\n .marrakech-tours-section .whatsapp-btn,\r\n .marrakech-tours-section .view-btn {\r\n width: auto;\r\n flex: 1;\r\n padding: 10px 15px;\r\n font-size: 0.85rem;\r\n }\r\n \r\n .marrakech-tours-section .tour-body {\r\n padding: 40px 15px 20px;\r\n }\r\n \r\n .marrakech-tours-section .duration-badge {\r\n left: 15px;\r\n bottom: -18px;\r\n padding: 6px 12px;\r\n min-width: 65px;\r\n }\r\n \r\n .marrakech-tours-section .duration-days {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .marrakech-tours-section .tour-card-title {\r\n font-size: 1.15rem;\r\n line-height: 1.3;\r\n }\r\n \r\n .marrakech-tours-section .feature {\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n }\r\n \r\n .marrakech-tours-section {\r\n padding: 30px 15px;\r\n }\r\n \r\n .marrakech-tours-section .tours-title {\r\n font-size: 1.8rem;\r\n line-height: 1.2;\r\n }\r\n \r\n .marrakech-tours-section .tours-description {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .marrakech-tours-section .whatsapp-btn,\r\n .marrakech-tours-section .view-btn {\r\n padding: 10px 12px;\r\n font-size: 0.8rem;\r\n min-height: 44px;\r\n }\r\n \r\n .marrakech-tours-section .location {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .marrakech-tours-section .rating {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .marrakech-tours-section .rating i {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .marrakech-tours-section .whatsapp-btn,\r\n .marrakech-tours-section .view-btn {\r\n padding: 10px 8px;\r\n font-size: 0.75rem;\r\n }\r\n \r\n .marrakech-tours-section .tour-card-title {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .marrakech-tours-section .feature {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n \r\n <div class=\"tours-header\">\r\n <div class=\"tours-subtitle\">Maroc Voyage Camp du Sahara<\/div>\r\n <h2 class=\"tours-title\">Nos meilleurs circuits \u00e0 Marrakech<\/h2>\r\n <p class=\"tours-description\">\r\n D\u00e9couvrez nos circuits dans le d\u00e9sert de Marrakech et nos aventures dans le Sahara les plus populaires. D\u00e9couvrez d'authentiques camps berb\u00e8res, des randonn\u00e9es \u00e0 dos de chameau et des explorations culturelles avec des experts locaux.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"tours-grid\">\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/38f5fb63-f0fc-4da2-9dd5-c12a61608662.jpeg\" alt=\"8 Days Trek from Marrakech to M'Hamid El Ghizlane\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">8 jours<\/span>\r\n <span class=\"duration-text\">Trekking Tour<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Aventure<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 M'Hamid<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">8 jours de randonn\u00e9e de Marrakech \u00e0 M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Trekking complet dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-campground\"><\/i>Camps authentiques dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camera\"><\/i>Possibilit\u00e9s de photographie<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the 8 Days Trek from Marrakech to M'Hamid El Ghizlane\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/8-days-trek-from-marrakech-to-mhamid-el-ghizlane\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/bagagekameel-en-een-rijkameel.jpg\" alt=\"8 Days Trek from Marrakech to Echgaga\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">8 jours<\/span>\r\n <span class=\"duration-text\">Trekking Tour<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Trek dans le d\u00e9sert<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 Echgaga<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <span>4.8<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">8 jours de randonn\u00e9e de Marrakech \u00e0 Echgaga<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Exploration du d\u00e9sert d'Echgaga<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camel\"><\/i>Exp\u00e9rience de la caravane de chameaux<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-sun\"><\/i>Paysages d\u00e9sertiques \u00e9loign\u00e9s<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the 8 Days Trek from Marrakech to Echgaga\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/8-days-trek-from-marrakech-to-echgaga\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.47.31_c30892c2.jpg\" alt=\"9 Days Trek from Marrakech to M'hamid\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">9 jours<\/span>\r\n <span class=\"duration-text\">Trek prolong\u00e9<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Prime<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 M'hamid<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">9 jours de trek de Marrakech \u00e0 M'hamid<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Voyage prolong\u00e9 dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-campground\"><\/i>Camps de nuit multiples<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-moon\"><\/i>Nuits \u00e9toil\u00e9es du d\u00e9sert<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the 9 Days Trek from Marrakech to M'hamid\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/9-days-trek-from-marrakech-to-mhamid\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.41.53_76ad32fe.jpg\" alt=\"7 Days Trek from Marrakech to M'Hamid El Ghizlane\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">7 jours<\/span>\r\n <span class=\"duration-text\">Trekking Tour<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Classique<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 M'Hamid<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">Trek de 7 jours de Marrakech \u00e0 M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Aventure d'une semaine dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Trekking dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-home\"><\/i>Immersion culturelle berb\u00e8re<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the 7 Days Trek from Marrakech to M'Hamid El Ghizlane\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/7-days-trek-from-marrakech-to-mhamid-el-ghizlane\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-15.49.14_5ee278f2.jpg\" alt=\"M'Hamid El Ghizlane Animal Visit Experience\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">1 jour<\/span>\r\n <span class=\"duration-text\">Exp\u00e9rience<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Culturel<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>M'Hamid El Ghizlane<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">M'Hamid El Ghizlane Exp\u00e9rience de visite d'animaux<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-paw\"><\/i>Rencontres avec des animaux du d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-users\"><\/i>Interaction avec la communaut\u00e9 locale<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-leaf\"><\/i>\u00c9ducation \u00e0 l'\u00e9cosyst\u00e8me du d\u00e9sert<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the M'Hamid El Ghizlane Animal Visit Experience\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/mhamid-el-ghizlane-animal-visit-experience\/\" class=\"view-btn\">\r\n <span>Voir l'exp\u00e9rience<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bf46cb e-con-full e-flex e-con e-parent\" data-id=\"0bf46cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-131a1d4 elementor-widget elementor-widget-html\" data-id=\"131a1d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mtsc-hero-banner\" id=\"mtsc-hero-banner\">\r\n <style>\r\n \/* SCOPED CSS - Only affects elements inside .mtsc-hero-banner *\/\r\n .mtsc-hero-banner * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .mtsc-hero-banner {\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Hero Banner Container *\/\r\n .mtsc-hero-banner .mtsc-hero {\r\n position: relative;\r\n height: 70vh;\r\n min-height: 500px;\r\n max-height: 800px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1;\r\n }\r\n \r\n \/* Background Image *\/\r\n .mtsc-hero-banner .mtsc-hero-image {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n \r\n \/* Overlay for better text readability *\/\r\n .mtsc-hero-banner .mtsc-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, \r\n rgba(10, 37, 64, 0.3), \r\n rgba(10, 37, 64, 0.85));\r\n z-index: 2;\r\n }\r\n \r\n \/* Content Container *\/\r\n .mtsc-hero-banner .mtsc-hero-content {\r\n position: relative;\r\n z-index: 3;\r\n text-align: center;\r\n color: #ffffff !important;\r\n max-width: 900px;\r\n padding: 0 25px;\r\n width: 100%;\r\n }\r\n \r\n \/* Eyebrow\/Tagline - FORCE WHITE COLOR *\/\r\n .mtsc-hero-banner .mtsc-hero-eyebrow {\r\n display: inline-block;\r\n background: rgba(255, 108, 12, 0.95);\r\n color: #ffffff !important;\r\n padding: 12px 28px;\r\n border-radius: 30px;\r\n font-size: 15px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 30px;\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n \/* Main Title - FORCE WHITE COLOR *\/\r\n .mtsc-hero-banner .mtsc-hero-title {\r\n font-size: clamp(40px, 6vw, 68px);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n margin-bottom: 25px;\r\n text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.7);\r\n letter-spacing: -0.5px;\r\n color: #ffffff !important;\r\n }\r\n \r\n \/* Subtitle - FORCE WHITE COLOR *\/\r\n .mtsc-hero-banner .mtsc-hero-subtitle {\r\n font-size: clamp(20px, 2.8vw, 26px);\r\n font-weight: 500;\r\n margin-bottom: 0;\r\n max-width: 700px;\r\n margin-inline: auto;\r\n opacity: 0.95;\r\n line-height: 1.4;\r\n text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Add these additional rules to ensure text stays white *\/\r\n .mtsc-hero-banner .mtsc-hero-content span,\r\n .mtsc-hero-banner .mtsc-hero-content h1,\r\n .mtsc-hero-banner .mtsc-hero-content h2,\r\n .mtsc-hero-banner .mtsc-hero-content h3,\r\n .mtsc-hero-banner .mtsc-hero-content p {\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Responsive Styles *\/\r\n @media (max-width: 1024px) {\r\n .mtsc-hero-banner .mtsc-hero {\r\n height: 65vh;\r\n min-height: 450px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .mtsc-hero-banner .mtsc-hero {\r\n height: 60vh;\r\n min-height: 400px;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-title {\r\n font-size: 36px;\r\n margin-bottom: 20px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-subtitle {\r\n font-size: 20px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-eyebrow {\r\n padding: 10px 22px;\r\n font-size: 14px;\r\n margin-bottom: 25px;\r\n color: #ffffff !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mtsc-hero-banner .mtsc-hero {\r\n height: 55vh;\r\n min-height: 350px;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-title {\r\n font-size: 32px;\r\n margin-bottom: 15px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-subtitle {\r\n font-size: 18px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-eyebrow {\r\n padding: 8px 18px;\r\n font-size: 13px;\r\n margin-bottom: 20px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-content {\r\n padding: 0 20px;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mtsc-hero-banner .mtsc-hero-title {\r\n font-size: 28px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-subtitle {\r\n font-size: 16px;\r\n color: #ffffff !important;\r\n }\r\n }\r\n <\/style>\r\n \r\n \r\n <div class=\"mtsc-hero\">\r\n <div class=\"mtsc-hero-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/gorges-du-dades-maroc.jpg.1920x0_q85_format-jpg-2.jpg\" \r\n alt=\"Morocco Travel Sahara Camp - Dades Gorges Morocco\">\r\n <\/div>\r\n <div class=\"mtsc-hero-overlay\"><\/div>\r\n <div class=\"mtsc-hero-content\">\r\n <span class=\"mtsc-hero-eyebrow\">Maroc Voyage Camp du Sahara<\/span>\r\n <h1 class=\"mtsc-hero-title\">D\u00e9couvrir le d\u00e9sert du Sahara au Maroc<\/h1>\r\n <p class=\"mtsc-hero-subtitle\">D\u00e9couvrez des paysages \u00e0 couper le souffle, une culture berb\u00e8re authentique et des aventures inoubliables dans le d\u00e9sert au c\u0153ur du Maroc.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0b3bff e-con-full e-flex e-con e-parent\" data-id=\"a0b3bff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d74fb2c elementor-widget elementor-widget-html\" data-id=\"d74fb2c\" 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>Services - Morocco Travel Sahara Camp<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* ===== SERVICES SECTION ===== *\/\r\n .mt-services-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n padding: 80px 20px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n .mt-services-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n \r\n .mt-services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-top: 40px;\r\n }\r\n \r\n .mt-service-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px 30px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n border: 1px solid rgba(255, 108, 12, 0.1);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .mt-service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n }\r\n \r\n .mt-service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n \r\n .mt-service-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 25px;\r\n color: white;\r\n font-size: 2rem;\r\n box-shadow: 0 8px 20px rgba(255, 108, 12, 0.3);\r\n }\r\n \r\n .mt-service-title {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: #2d3748;\r\n margin-bottom: 15px;\r\n line-height: 1.3;\r\n }\r\n \r\n .mt-service-description {\r\n color: #718096;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n margin-bottom: 25px;\r\n }\r\n \r\n \/* UPDATED BUTTON STYLING - Matching your tour page *\/\r\n .mt-service-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 30px;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 9px; \/* Changed from 50px to 9px to match your style *\/\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 20px rgba(255, 108, 12, 0.3);\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.3px;\r\n }\r\n \r\n .mt-service-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 25px rgba(191, 26, 26, 0.4);\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C);\r\n }\r\n \r\n \/* Header Section *\/\r\n .mt-section-header {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .mt-section-subtitle {\r\n color: #FF6C0C;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .mt-section-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: #1e293b;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .mt-section-title strong {\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .mt-section-description {\r\n color: #64748b;\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n \r\n \/* Mobile Responsive *\/\r\n @media (max-width: 1024px) {\r\n .mt-services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .mt-services-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n \r\n .mt-service-card {\r\n padding: 30px 25px;\r\n }\r\n \r\n .mt-section-title {\r\n font-size: 2rem;\r\n }\r\n \r\n .mt-service-icon {\r\n width: 70px;\r\n height: 70px;\r\n font-size: 1.8rem;\r\n }\r\n \r\n .mt-service-btn {\r\n padding: 12px 25px;\r\n font-size: 0.9rem;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mt-services-section {\r\n padding: 60px 15px;\r\n }\r\n \r\n .mt-services-grid {\r\n gap: 15px;\r\n }\r\n \r\n .mt-service-card {\r\n padding: 25px 20px;\r\n }\r\n \r\n .mt-service-title {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .mt-service-description {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .mt-service-btn {\r\n padding: 12px 20px;\r\n font-size: 0.85rem;\r\n }\r\n \r\n .mt-section-title {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .mt-section-description {\r\n font-size: 1rem;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mt-service-btn {\r\n padding: 10px 15px;\r\n font-size: 0.8rem;\r\n }\r\n \r\n .mt-service-icon {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"mt-services-section\">\r\n <div class=\"mt-services-container\">\r\n <div class=\"mt-section-header\">\r\n <p class=\"mt-section-subtitle\">Nos services<\/p>\r\n <h2 class=\"mt-section-title\">Compl\u00e9ter <strong>Maroc<\/strong> Exp\u00e9rience<\/h2>\r\n <p class=\"mt-section-description\">Nous fournissons des services de voyage complets pour rendre votre aventure au Maroc inoubliable.<\/p>\r\n <\/div>\r\n \r\n <div class=\"mt-services-grid\">\r\n \r\n <div class=\"mt-service-card\">\r\n <div class=\"mt-service-icon\">\r\n <i class=\"fas fa-mountain\"><\/i>\r\n <\/div>\r\n <h3 class=\"mt-service-title\">Trekking & Tours<\/h3>\r\n <p class=\"mt-service-description\">Randonn\u00e9es guid\u00e9es professionnelles dans les montagnes de l'Atlas, excursions dans le d\u00e9sert du Sahara et exp\u00e9riences d'aventure authentiques au Maroc avec des guides locaux certifi\u00e9s.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-calendar-check\"><\/i>\r\n Livre Trekking\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-service-card\">\r\n <div class=\"mt-service-icon\">\r\n <i class=\"fas fa-car\"><\/i>\r\n <\/div>\r\n <h3 class=\"mt-service-title\">Transport<\/h3>\r\n <p class=\"mt-service-description\">Transport priv\u00e9 confortable avec des chauffeurs professionnels. Transferts d'a\u00e9roport, d\u00e9placements de ville \u00e0 ville et transport dans le d\u00e9sert dans des v\u00e9hicules modernes et climatis\u00e9s.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-car\"><\/i>\r\n Transport de livres\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-service-card\">\r\n <div class=\"mt-service-icon\">\r\n <i class=\"fas fa-hotel\"><\/i>\r\n <\/div>\r\n <h3 class=\"mt-service-title\">H\u00e9bergement<\/h3>\r\n <p class=\"mt-service-description\">Des h\u00e9bergements authentiques comprenant des camps de luxe dans le d\u00e9sert, des riads traditionnels, des h\u00f4tels et des maisons d'h\u00f4tes berb\u00e8res. Nous r\u00e9servons le s\u00e9jour id\u00e9al pour votre voyage au Maroc.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-bed\"><\/i>\r\n R\u00e9server un h\u00e9bergement\r\n <\/a>\r\n <\/div>\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-6865b09 e-con-full e-flex e-con e-parent\" data-id=\"6865b09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cadc39f elementor-widget elementor-widget-html\" data-id=\"cadc39f\" 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\" \/>\r\n <title>Morocco Travel Gallery | Sahara Camp Adventures<\/title>\r\n\r\n <style>\r\n \/*\r\n Professional Morocco Gallery\r\n - Fully scoped CSS to avoid breaking the rest of your website\r\n - Responsive for desktop, laptop, tablet, and mobile\r\n - Lazy loading, swipe support, keyboard support, autoplay pause, and accessibility improvements\r\n *\/\r\n\r\n #morocco-gallery-root {\r\n --gallery-accent: #ff6c0c;\r\n --gallery-accent-dark: #bf1a1a;\r\n --gallery-text: #172033;\r\n --gallery-muted: #64748b;\r\n --gallery-card: #ffffff;\r\n --gallery-border: rgba(15, 23, 42, 0.1);\r\n --gallery-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);\r\n --gallery-radius-xl: 32px;\r\n --gallery-radius-lg: 22px;\r\n\r\n width: 100%;\r\n padding: clamp(36px, 6vw, 80px) 16px;\r\n color: var(--gallery-text);\r\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n background: transparent;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n }\r\n\r\n #morocco-gallery-root,\r\n #morocco-gallery-root * {\r\n box-sizing: border-box;\r\n }\r\n\r\n #morocco-gallery-root button,\r\n #morocco-gallery-root img {\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n #morocco-gallery-root img {\r\n max-width: 100%;\r\n }\r\n\r\n #morocco-gallery-root .gallery-container {\r\n width: min(100%, 1280px);\r\n margin: 0 auto;\r\n }\r\n\r\n #morocco-gallery-root .gallery-header {\r\n max-width: 760px;\r\n margin: 0 auto clamp(24px, 4vw, 44px);\r\n text-align: center;\r\n }\r\n\r\n #morocco-gallery-root .gallery-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 34px;\r\n padding: 7px 18px;\r\n margin-bottom: 16px;\r\n border: 1px solid rgba(255, 108, 12, 0.28);\r\n border-radius: 999px;\r\n background: rgba(255, 108, 12, 0.1);\r\n color: var(--gallery-accent-dark);\r\n font-size: clamp(0.75rem, 1.7vw, 0.88rem);\r\n font-weight: 800;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n }\r\n\r\n #morocco-gallery-root .gallery-title {\r\n margin: 0;\r\n font-size: clamp(2rem, 5vw, 4rem);\r\n font-weight: 900;\r\n letter-spacing: -0.045em;\r\n line-height: 1.04;\r\n text-wrap: balance;\r\n }\r\n\r\n #morocco-gallery-root .gallery-title span {\r\n color: var(--gallery-accent);\r\n background: linear-gradient(135deg, var(--gallery-accent), var(--gallery-accent-dark));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n #morocco-gallery-root .gallery-description {\r\n max-width: 620px;\r\n margin: 16px auto 0;\r\n color: var(--gallery-muted);\r\n font-size: clamp(0.98rem, 2vw, 1.16rem);\r\n line-height: 1.65;\r\n }\r\n\r\n #morocco-gallery-root .carousel-shell {\r\n position: relative;\r\n }\r\n\r\n #morocco-gallery-root .carousel-wrapper {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n border: 1px solid var(--gallery-border);\r\n border-radius: var(--gallery-radius-xl);\r\n background: #e2e8f0;\r\n box-shadow: var(--gallery-shadow);\r\n isolation: isolate;\r\n outline: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-wrapper:focus-visible {\r\n box-shadow: 0 0 0 4px rgba(255, 108, 12, 0.22), var(--gallery-shadow);\r\n }\r\n\r\n #morocco-gallery-root .carousel-track {\r\n display: flex;\r\n height: 100%;\r\n transform: translate3d(0, 0, 0);\r\n transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);\r\n will-change: transform;\r\n touch-action: pan-y pinch-zoom;\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide {\r\n position: relative;\r\n flex: 0 0 100%;\r\n aspect-ratio: 16 \/ 9;\r\n min-height: 360px;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #e2e8f0, #f8fafc);\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n transform: scale(1.001);\r\n transition: transform 700ms ease, filter 700ms ease;\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide.is-active img {\r\n transform: scale(1.025);\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.24)),\r\n linear-gradient(90deg, rgba(0, 0, 0, 0.24), transparent 34%, transparent 66%, rgba(0, 0, 0, 0.12));\r\n pointer-events: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-loader {\r\n position: absolute;\r\n inset: 0;\r\n display: grid;\r\n place-items: center;\r\n color: var(--gallery-muted);\r\n font-size: 0.95rem;\r\n background: linear-gradient(135deg, #f8fafc, #e2e8f0);\r\n z-index: -1;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn {\r\n position: absolute;\r\n top: 50%;\r\n z-index: 5;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: clamp(42px, 4.4vw, 58px);\r\n height: clamp(42px, 4.4vw, 58px);\r\n border: 1px solid rgba(255, 255, 255, 0.38);\r\n border-radius: 999px;\r\n color: #111827;\r\n background: rgba(255, 255, 255, 0.86);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 14px 35px rgba(15, 23, 42, 0.18);\r\n cursor: pointer;\r\n transform: translateY(-50%);\r\n transition: transform 220ms ease, background 220ms ease, color 220ms ease, box-shadow 220ms ease;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn svg {\r\n width: 24px;\r\n height: 24px;\r\n pointer-events: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn:hover,\r\n #morocco-gallery-root .carousel-btn:focus-visible {\r\n color: #ffffff;\r\n background: linear-gradient(135deg, var(--gallery-accent), var(--gallery-accent-dark));\r\n box-shadow: 0 18px 42px rgba(255, 108, 12, 0.32);\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn:hover {\r\n transform: translateY(-50%) scale(1.06);\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn:active {\r\n transform: translateY(-50%) scale(0.96);\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn.prev {\r\n left: clamp(10px, 2vw, 24px);\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn.next {\r\n right: clamp(10px, 2vw, 24px);\r\n }\r\n\r\n #morocco-gallery-root .carousel-status {\r\n position: absolute;\r\n right: clamp(14px, 2.4vw, 26px);\r\n bottom: clamp(14px, 2.4vw, 26px);\r\n z-index: 6;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n min-height: 36px;\r\n padding: 8px 14px;\r\n border: 1px solid rgba(255, 255, 255, 0.26);\r\n border-radius: 999px;\r\n color: #ffffff;\r\n background: rgba(15, 23, 42, 0.42);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n font-size: 0.9rem;\r\n font-weight: 800;\r\n line-height: 1;\r\n }\r\n\r\n #morocco-gallery-root .carousel-progress {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n z-index: 6;\r\n height: 4px;\r\n background: rgba(255, 255, 255, 0.35);\r\n }\r\n\r\n #morocco-gallery-root .carousel-progress span {\r\n display: block;\r\n width: 0%;\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--gallery-accent), var(--gallery-accent-dark));\r\n transition: width 220ms ease;\r\n }\r\n\r\n #morocco-gallery-root .carousel-controls {\r\n display: grid;\r\n grid-template-columns: 1fr auto 1fr;\r\n align-items: center;\r\n gap: 16px;\r\n margin-top: 22px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-dots {\r\n display: flex;\r\n grid-column: 2;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 10px 14px;\r\n border: 1px solid var(--gallery-border);\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.72);\r\n box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n\r\n #morocco-gallery-root .dot {\r\n width: 9px;\r\n height: 9px;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 999px;\r\n background: rgba(100, 116, 139, 0.38);\r\n cursor: pointer;\r\n transition: width 220ms ease, background 220ms ease, transform 220ms ease;\r\n }\r\n\r\n #morocco-gallery-root .dot:hover,\r\n #morocco-gallery-root .dot:focus-visible {\r\n background: rgba(255, 108, 12, 0.68);\r\n outline: none;\r\n transform: scale(1.18);\r\n }\r\n\r\n #morocco-gallery-root .dot.active {\r\n width: 28px;\r\n background: linear-gradient(135deg, var(--gallery-accent), var(--gallery-accent-dark));\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 22px;\r\n padding: 4px 4px 16px;\r\n overflow-x: auto;\r\n overscroll-behavior-inline: contain;\r\n scroll-snap-type: x proximity;\r\n scrollbar-width: thin;\r\n scrollbar-color: var(--gallery-accent) rgba(226, 232, 240, 0.75);\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip::-webkit-scrollbar {\r\n height: 6px;\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip::-webkit-scrollbar-track {\r\n border-radius: 999px;\r\n background: rgba(226, 232, 240, 0.9);\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip::-webkit-scrollbar-thumb {\r\n border-radius: 999px;\r\n background: var(--gallery-accent);\r\n }\r\n\r\n #morocco-gallery-root .thumbnail {\r\n flex: 0 0 92px;\r\n height: 66px;\r\n padding: 0;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n border-radius: 16px;\r\n background: #e2e8f0;\r\n box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);\r\n cursor: pointer;\r\n opacity: 0.68;\r\n scroll-snap-align: center;\r\n transition: transform 220ms ease, opacity 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\r\n }\r\n\r\n #morocco-gallery-root .thumbnail:hover,\r\n #morocco-gallery-root .thumbnail:focus-visible {\r\n opacity: 1;\r\n transform: translateY(-2px);\r\n outline: none;\r\n }\r\n\r\n #morocco-gallery-root .thumbnail.active {\r\n opacity: 1;\r\n border-color: var(--gallery-accent);\r\n box-shadow: 0 12px 24px rgba(255, 108, 12, 0.24);\r\n }\r\n\r\n #morocco-gallery-root .thumbnail img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n }\r\n\r\n #morocco-gallery-root .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n #morocco-gallery-root .carousel-slide {\r\n min-height: 320px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #morocco-gallery-root {\r\n padding-inline: 12px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-wrapper {\r\n border-radius: 24px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide {\r\n aspect-ratio: 4 \/ 3;\r\n min-height: 280px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn {\r\n top: auto;\r\n bottom: 16px;\r\n transform: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn:hover,\r\n #morocco-gallery-root .carousel-btn:active {\r\n transform: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn.prev {\r\n left: 14px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn.next {\r\n right: auto;\r\n left: 66px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-status {\r\n right: 14px;\r\n bottom: 16px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-controls {\r\n margin-top: 16px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-dots {\r\n max-width: 100%;\r\n overflow-x: auto;\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n #morocco-gallery-root .gallery-header {\r\n text-align: left;\r\n }\r\n\r\n #morocco-gallery-root .gallery-description {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide {\r\n aspect-ratio: 1 \/ 1;\r\n min-height: 260px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-status {\r\n font-size: 0.78rem;\r\n min-height: 32px;\r\n padding: 7px 11px;\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip {\r\n display: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-dots {\r\n width: 100%;\r\n padding: 9px 10px;\r\n }\r\n\r\n #morocco-gallery-root .dot {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n\r\n #morocco-gallery-root .dot.active {\r\n width: 22px;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n #morocco-gallery-root .carousel-slide {\r\n min-height: 230px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #morocco-gallery-root .carousel-track,\r\n #morocco-gallery-root .carousel-slide img,\r\n #morocco-gallery-root .carousel-btn,\r\n #morocco-gallery-root .dot,\r\n #morocco-gallery-root .thumbnail,\r\n #morocco-gallery-root .carousel-progress span {\r\n transition: none !important;\r\n animation: none !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <section id=\"morocco-gallery-root\" aria-labelledby=\"morocco-gallery-title\">\r\n <div class=\"gallery-container\">\r\n <header class=\"gallery-header\">\r\n <div class=\"gallery-kicker\">Discover Moments<\/div>\r\n <h2 class=\"gallery-title\" id=\"morocco-gallery-title\">Maroc <span>Travel Gallery<\/span><\/h2>\r\n <p class=\"gallery-description\">\r\n Explore Sahara camp memories, Moroccan landscapes, desert adventures, and cultural highlights from unforgettable journeys.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"carousel-shell\">\r\n <div class=\"carousel-wrapper\" id=\"galleryCarousel\" tabindex=\"0\" aria-roledescription=\"carousel\" aria-label=\"Morocco travel image gallery\">\r\n <div class=\"carousel-loader\" aria-hidden=\"true\">Loading gallery...<\/div>\r\n <div class=\"carousel-track\" id=\"carouselTrack\"><\/div>\r\n\r\n <button class=\"carousel-btn prev\" id=\"prevBtn\" type=\"button\" aria-label=\"Previous image\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M15 18l-6-6 6-6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <button class=\"carousel-btn next\" id=\"nextBtn\" type=\"button\" aria-label=\"Next image\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M9 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"carousel-status\" aria-hidden=\"true\">\r\n <span id=\"currentSlideNumber\">1<\/span>\r\n <span>\/<\/span>\r\n <span id=\"totalSlideNumber\">1<\/span>\r\n <\/div>\r\n\r\n <div class=\"carousel-progress\" aria-hidden=\"true\">\r\n <span id=\"carouselProgressBar\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"sr-only\" id=\"galleryLiveRegion\" aria-live=\"polite\">Image 1 selected.<\/p>\r\n\r\n <div class=\"carousel-controls\" aria-label=\"Gallery slide controls\">\r\n <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"thumbnail-strip\" id=\"thumbnailStrip\" aria-label=\"Gallery thumbnails\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function () {\r\n \"use strict\";\r\n\r\n const rawImageUrls = [\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/fea00a96-80b8-4797-8ac6-99eb2b0d3214.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/f0484e9e-6977-4bd6-afd4-388fb5123046.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/80fe431d-1842-4ced-b0bc-1a8ca4994a60.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/3504bd89-5e9e-42d9-b4cb-949222b15ae0.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/a240480e-0ffc-4633-a06b-9ac23b85f754.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/2612c2c3-2a0d-4f90-b9b2-d0ea836cd14c.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/8a02b5bb-7bd4-4160-805e-111a40778290.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/03803648-7fd6-41cf-ae11-7edd4e4fbb6b.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/4c38f77d-bf9b-4e5a-a44f-ff949e2db88b.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/bde8ae01-1c52-4a21-abdb-c7aa86aecd4f.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/06f8fce4-de48-4e92-bbf5-cf8bccd5c3a3.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/43150ac2-9e16-480d-b45e-8e695d59b69c.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/0fe856cd-c272-46ed-8f5e-4cb2c83c48a2.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/6fa1f6be-561f-4831-9ece-ae29ccbd6e44.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/f458075e-fd51-40a8-8015-de832f239daf.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/98ba51e6-0fb8-433d-8a89-d58c4a6739cf.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/814cbda2-7e18-4ef0-97a8-3ececfb85792.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/68d421c9-184e-45b8-a304-944a85720b67.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/cda4ee54-aec8-4509-8159-28b00e4290c8.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/2ae303f7-47af-4b62-9ba8-4160991a762d.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/9156d856-02d6-441e-bc1d-939201a75e3a.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/2163c35c-2c85-407f-9680-171a31e5af38.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/54f0ed42-848c-412f-a715-6f9124155f9f.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/3aeaa03a-249b-4af3-9368-054eb392ffc8.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/5e06c179-316c-4072-a9df-87c080bcfbb4.jpeg\"\r\n ];\r\n\r\n const imageUrls = Array.from(new Set(rawImageUrls))\r\n .filter(Boolean)\r\n .map((url) => url.replace(\/^http:\\\/\\\/\/i, \"https:\/\/\"));\r\n\r\n const root = document.getElementById(\"morocco-gallery-root\");\r\n const carousel = root.querySelector(\"#galleryCarousel\");\r\n const track = root.querySelector(\"#carouselTrack\");\r\n const dotsContainer = root.querySelector(\"#carouselDots\");\r\n const thumbnailStrip = root.querySelector(\"#thumbnailStrip\");\r\n const prevBtn = root.querySelector(\"#prevBtn\");\r\n const nextBtn = root.querySelector(\"#nextBtn\");\r\n const currentSlideNumber = root.querySelector(\"#currentSlideNumber\");\r\n const totalSlideNumber = root.querySelector(\"#totalSlideNumber\");\r\n const progressBar = root.querySelector(\"#carouselProgressBar\");\r\n const liveRegion = root.querySelector(\"#galleryLiveRegion\");\r\n\r\n const AUTOPLAY_DELAY = 4800;\r\n const SWIPE_THRESHOLD = 42;\r\n const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n let currentIndex = 0;\r\n let autoplayTimer = null;\r\n let isPointerInside = false;\r\n let isCarouselVisible = true;\r\n let touchStartX = 0;\r\n let touchStartY = 0;\r\n\r\n function createIconlessButton(className, label, index) {\r\n const button = document.createElement(\"button\");\r\n button.type = \"button\";\r\n button.className = className;\r\n button.setAttribute(\"aria-label\", label);\r\n button.dataset.index = String(index);\r\n return button;\r\n }\r\n\r\n function buildCarousel() {\r\n if (!imageUrls.length) {\r\n track.innerHTML = '<div class=\"carousel-slide\"><p style=\"padding: 40px; color: #64748b;\">No gallery images found.<\/p><\/div>';\r\n return;\r\n }\r\n\r\n const slidesFragment = document.createDocumentFragment();\r\n const dotsFragment = document.createDocumentFragment();\r\n const thumbsFragment = document.createDocumentFragment();\r\n\r\n imageUrls.forEach((url, index) => {\r\n const slide = document.createElement(\"figure\");\r\n slide.className = \"carousel-slide\";\r\n slide.setAttribute(\"aria-roledescription\", \"slide\");\r\n slide.setAttribute(\"aria-label\", `Image ${index + 1} of ${imageUrls.length}`);\r\n\r\n const image = document.createElement(\"img\");\r\n image.src = url;\r\n image.alt = `Morocco travel gallery photo ${index + 1}`;\r\n image.loading = index === 0 ? \"eager\" : \"lazy\";\r\n image.decoding = \"async\";\r\n image.fetchPriority = index === 0 ? \"high\" : \"auto\";\r\n\r\n slide.appendChild(image);\r\n slidesFragment.appendChild(slide);\r\n\r\n const dot = createIconlessButton(\"dot\", `Go to image ${index + 1}`, index);\r\n dotsFragment.appendChild(dot);\r\n\r\n const thumbnail = createIconlessButton(\"thumbnail\", `View thumbnail ${index + 1}`, index);\r\n const thumbImage = document.createElement(\"img\");\r\n thumbImage.src = url;\r\n thumbImage.alt = \"\";\r\n thumbImage.loading = \"lazy\";\r\n thumbImage.decoding = \"async\";\r\n thumbnail.appendChild(thumbImage);\r\n thumbsFragment.appendChild(thumbnail);\r\n });\r\n\r\n track.replaceChildren(slidesFragment);\r\n dotsContainer.replaceChildren(dotsFragment);\r\n thumbnailStrip.replaceChildren(thumbsFragment);\r\n totalSlideNumber.textContent = String(imageUrls.length);\r\n updateCarousel(0, false);\r\n }\r\n\r\n function updateCarousel(index, shouldAnnounce = true) {\r\n currentIndex = (index + imageUrls.length) % imageUrls.length;\r\n track.style.transform = `translate3d(-${currentIndex * 100}%, 0, 0)`;\r\n\r\n const slides = track.children;\r\n const dots = dotsContainer.children;\r\n const thumbnails = thumbnailStrip.children;\r\n\r\n for (let i = 0; i < imageUrls.length; i += 1) {\r\n slides[i]?.classList.toggle(\"is-active\", i === currentIndex);\r\n dots[i]?.classList.toggle(\"active\", i === currentIndex);\r\n thumbnails[i]?.classList.toggle(\"active\", i === currentIndex);\r\n dots[i]?.setAttribute(\"aria-current\", i === currentIndex ? \"true\" : \"false\");\r\n thumbnails[i]?.setAttribute(\"aria-current\", i === currentIndex ? \"true\" : \"false\");\r\n }\r\n\r\n const slideNumber = currentIndex + 1;\r\n currentSlideNumber.textContent = String(slideNumber);\r\n progressBar.style.width = `${(slideNumber \/ imageUrls.length) * 100}%`;\r\n\r\n if (shouldAnnounce) {\r\n liveRegion.textContent = `Image ${slideNumber} of ${imageUrls.length} selected.`;\r\n }\r\n\r\n scrollActiveThumbnailIntoView();\r\n }\r\n\r\n function scrollActiveThumbnailIntoView() {\r\n const activeThumbnail = thumbnailStrip.querySelector(\".thumbnail.active\");\r\n if (!activeThumbnail || thumbnailStrip.offsetParent === null) return;\r\n\r\n activeThumbnail.scrollIntoView({\r\n behavior: prefersReducedMotion ? \"auto\" : \"smooth\",\r\n block: \"nearest\",\r\n inline: \"center\"\r\n });\r\n }\r\n\r\n function goToSlide(index) {\r\n updateCarousel(index);\r\n restartAutoplay();\r\n }\r\n\r\n function nextSlide() {\r\n updateCarousel(currentIndex + 1);\r\n }\r\n\r\n function previousSlide() {\r\n updateCarousel(currentIndex - 1);\r\n }\r\n\r\n function shouldAutoplayRun() {\r\n return !prefersReducedMotion && !isPointerInside && isCarouselVisible && !document.hidden;\r\n }\r\n\r\n function startAutoplay() {\r\n stopAutoplay();\r\n if (!shouldAutoplayRun()) return;\r\n autoplayTimer = window.setInterval(nextSlide, AUTOPLAY_DELAY);\r\n }\r\n\r\n function stopAutoplay() {\r\n if (autoplayTimer) {\r\n window.clearInterval(autoplayTimer);\r\n autoplayTimer = null;\r\n }\r\n }\r\n\r\n function restartAutoplay() {\r\n stopAutoplay();\r\n startAutoplay();\r\n }\r\n\r\n function handleControlClick(event) {\r\n const target = event.target.closest(\"button[data-index]\");\r\n if (!target) return;\r\n goToSlide(Number(target.dataset.index));\r\n }\r\n\r\n prevBtn.addEventListener(\"click\", () => {\r\n previousSlide();\r\n restartAutoplay();\r\n });\r\n\r\n nextBtn.addEventListener(\"click\", () => {\r\n nextSlide();\r\n restartAutoplay();\r\n });\r\n\r\n dotsContainer.addEventListener(\"click\", handleControlClick);\r\n thumbnailStrip.addEventListener(\"click\", handleControlClick);\r\n\r\n carousel.addEventListener(\"keydown\", (event) => {\r\n if (event.key === \"ArrowLeft\") {\r\n event.preventDefault();\r\n previousSlide();\r\n restartAutoplay();\r\n }\r\n\r\n if (event.key === \"ArrowRight\") {\r\n event.preventDefault();\r\n nextSlide();\r\n restartAutoplay();\r\n }\r\n });\r\n\r\n carousel.addEventListener(\"mouseenter\", () => {\r\n isPointerInside = true;\r\n stopAutoplay();\r\n });\r\n\r\n carousel.addEventListener(\"mouseleave\", () => {\r\n isPointerInside = false;\r\n startAutoplay();\r\n });\r\n\r\n carousel.addEventListener(\"touchstart\", (event) => {\r\n const touch = event.changedTouches[0];\r\n touchStartX = touch.clientX;\r\n touchStartY = touch.clientY;\r\n stopAutoplay();\r\n }, { passive: true });\r\n\r\n carousel.addEventListener(\"touchend\", (event) => {\r\n const touch = event.changedTouches[0];\r\n const diffX = touchStartX - touch.clientX;\r\n const diffY = touchStartY - touch.clientY;\r\n\r\n if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > SWIPE_THRESHOLD) {\r\n diffX > 0 ? nextSlide() : previousSlide();\r\n }\r\n\r\n startAutoplay();\r\n }, { passive: true });\r\n\r\n document.addEventListener(\"visibilitychange\", restartAutoplay);\r\n\r\n if (\"IntersectionObserver\" in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n isCarouselVisible = entries[0]?.isIntersecting ?? true;\r\n restartAutoplay();\r\n }, { threshold: 0.35 });\r\n\r\n observer.observe(root);\r\n }\r\n\r\n window.addEventListener(\"resize\", () => {\r\n window.requestAnimationFrame(scrollActiveThumbnailIntoView);\r\n });\r\n\r\n buildCarousel();\r\n startAutoplay();\r\n })();\r\n <\/script>\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-27d54fb e-con-full e-flex e-con e-parent\" data-id=\"27d54fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18f4212 elementor-widget elementor-widget-html\" data-id=\"18f4212\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div id=\"morocco-day-trips-container\" class=\"marrakech-tours-section\">\r\n <style scoped>\r\n \/* SCOPED CSS - Uses a unique ID to avoid conflicts *\/\r\n #morocco-day-trips-container * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n #morocco-day-trips-container {\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n padding: 40px 20px;\r\n background: #fff;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* HEADER SECTION *\/\r\n #morocco-day-trips-container .tours-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n #morocco-day-trips-container .tours-subtitle {\r\n color: #FF6C0C;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n\r\n #morocco-day-trips-container .tours-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n #morocco-day-trips-container .tours-description {\r\n font-size: 1.1rem;\r\n color: #64748b;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* GRID LAYOUT *\/\r\n #morocco-day-trips-container .tours-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* CARD DESIGN *\/\r\n #morocco-day-trips-container .tour-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n overflow: visible;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid #e2e8f0;\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n #morocco-day-trips-container .tour-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #FF6C0C;\r\n box-shadow: 0 20px 40px rgba(255, 108, 12, 0.15);\r\n }\r\n\r\n \/* IMAGE SECTION *\/\r\n #morocco-day-trips-container .tour-img {\r\n height: 240px;\r\n position: relative;\r\n overflow: visible;\r\n }\r\n\r\n #morocco-day-trips-container .tour-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n \/* DURATION BADGE *\/\r\n #morocco-day-trips-container .duration-badge {\r\n position: absolute;\r\n left: 20px;\r\n bottom: -20px;\r\n background: #fff;\r\n color: #FF6C0C;\r\n padding: 8px 16px;\r\n border-radius: 9px;\r\n font-weight: bold;\r\n z-index: 2;\r\n border: 2px solid #FF6C0C;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n min-width: 70px;\r\n }\r\n\r\n #morocco-day-trips-container .duration-days {\r\n font-size: 1.3rem;\r\n line-height: 1;\r\n color: #FF6C0C;\r\n font-weight: 800;\r\n }\r\n \r\n #morocco-day-trips-container .duration-text {\r\n font-size: 0.65rem;\r\n letter-spacing: 0.08em;\r\n color: #64748b;\r\n text-transform: uppercase;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* DATE BADGE *\/\r\n #morocco-day-trips-container .date-badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n padding: 6px 16px;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n border-radius: 9px;\r\n background: #FF6C0C;\r\n color: #fff;\r\n z-index: 2;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* CARD CONTENT *\/\r\n #morocco-day-trips-container .tour-body {\r\n padding: 40px 20px 20px;\r\n }\r\n\r\n #morocco-day-trips-container .tour-card-title {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin-bottom: 12px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* LOCATION AND STARS ROW *\/\r\n #morocco-day-trips-container .tour-meta-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n padding-bottom: 12px;\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n \/* LOCATION STYLING *\/\r\n #morocco-day-trips-container .location {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n }\r\n \r\n #morocco-day-trips-container .location i {\r\n color: #FF6C0C;\r\n }\r\n\r\n \/* RATING STARS *\/\r\n #morocco-day-trips-container .rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n \r\n #morocco-day-trips-container .rating i {\r\n color: #fbbf24;\r\n font-size: 0.9rem;\r\n }\r\n \r\n #morocco-day-trips-container .rating span {\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n margin-left: 5px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* FEATURES INFORMATION *\/\r\n #morocco-day-trips-container .tour-features {\r\n margin-bottom: 18px;\r\n }\r\n \r\n #morocco-day-trips-container .feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n margin-bottom: 6px;\r\n }\r\n \r\n #morocco-day-trips-container .feature i {\r\n color: #FF6C0C;\r\n width: 16px;\r\n text-align: center;\r\n }\r\n\r\n \/* FOOTER *\/\r\n #morocco-day-trips-container .tour-footer {\r\n padding-top: 18px;\r\n border-top: 1px solid #e2e8f0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n }\r\n\r\n \/* WHATSAPP BUTTON *\/\r\n #morocco-day-trips-container .whatsapp-btn {\r\n background: #25D366;\r\n color: #fff;\r\n padding: 10px 22px;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n flex: 1;\r\n justify-content: center;\r\n text-align: center;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n #morocco-day-trips-container .whatsapp-btn:hover {\r\n background: #128C7E;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\r\n }\r\n \r\n #morocco-day-trips-container .whatsapp-btn i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* VIEW TOUR BUTTON *\/\r\n #morocco-day-trips-container .view-btn {\r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%);\r\n color: #fff;\r\n padding: 10px 22px;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n flex: 1;\r\n justify-content: center;\r\n text-align: center;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n #morocco-day-trips-container .view-btn:hover {\r\n background: linear-gradient(135deg, #BF1A1A 0%, #FF6C0C 100%);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(255, 108, 12, 0.3);\r\n }\r\n \r\n #morocco-day-trips-container .view-btn i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n \/* ========== RESPONSIVE STYLES ========== *\/\r\n @media (max-width: 1024px) {\r\n #morocco-day-trips-container .tours-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #morocco-day-trips-container .tours-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 500px;\r\n }\r\n \r\n #morocco-day-trips-container .tours-title {\r\n font-size: 2rem;\r\n }\r\n \r\n #morocco-day-trips-container .tours-description {\r\n font-size: 1rem;\r\n }\r\n \r\n #morocco-day-trips-container .tour-meta-row {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n \r\n #morocco-day-trips-container .tour-footer {\r\n flex-direction: row;\r\n gap: 10px;\r\n }\r\n \r\n #morocco-day-trips-container .whatsapp-btn,\r\n #morocco-day-trips-container .view-btn {\r\n width: auto;\r\n flex: 1;\r\n padding: 10px 15px;\r\n font-size: 0.85rem;\r\n }\r\n \r\n #morocco-day-trips-container .tour-body {\r\n padding: 40px 15px 20px;\r\n }\r\n \r\n #morocco-day-trips-container .duration-badge {\r\n left: 15px;\r\n bottom: -18px;\r\n padding: 6px 12px;\r\n min-width: 65px;\r\n }\r\n \r\n #morocco-day-trips-container .duration-days {\r\n font-size: 1.2rem;\r\n }\r\n \r\n #morocco-day-trips-container .tour-card-title {\r\n font-size: 1.15rem;\r\n line-height: 1.3;\r\n }\r\n \r\n #morocco-day-trips-container .feature {\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n }\r\n \r\n #morocco-day-trips-container {\r\n padding: 30px 15px;\r\n }\r\n \r\n #morocco-day-trips-container .tours-title {\r\n font-size: 1.8rem;\r\n line-height: 1.2;\r\n }\r\n \r\n #morocco-day-trips-container .tours-description {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n #morocco-day-trips-container .whatsapp-btn,\r\n #morocco-day-trips-container .view-btn {\r\n padding: 10px 12px;\r\n font-size: 0.8rem;\r\n min-height: 44px;\r\n }\r\n \r\n #morocco-day-trips-container .location {\r\n font-size: 0.8rem;\r\n }\r\n \r\n #morocco-day-trips-container .rating {\r\n font-size: 0.8rem;\r\n }\r\n \r\n #morocco-day-trips-container .rating i {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n #morocco-day-trips-container .whatsapp-btn,\r\n #morocco-day-trips-container .view-btn {\r\n padding: 10px 8px;\r\n font-size: 0.75rem;\r\n }\r\n \r\n #morocco-day-trips-container .tour-card-title {\r\n font-size: 1.1rem;\r\n }\r\n \r\n #morocco-day-trips-container .feature {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n \r\n <div class=\"tours-header\">\r\n <div class=\"tours-subtitle\">Maroc Voyage Camp du Sahara<\/div>\r\n <h2 class=\"tours-title\">Meilleures excursions d'une journ\u00e9e \u00e0 partir de Marrakech<\/h2>\r\n <p class=\"tours-description\">\r\n D\u00e9couvrez des destinations \u00e9tonnantes \u00e0 une journ\u00e9e d'excursion de Marrakech. Explorez les cascades, les d\u00e9serts et les sites historiques gr\u00e2ce \u00e0 nos visites guid\u00e9es.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"tours-grid\">\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Volubilis-My-Idriss-Meknes-Day-trip-with-Pure-Morocco-1.webp\" alt=\"Meknes, Volubilis & Moulay Idriss Day Trip\" loading=\"lazy\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">1 jour<\/span>\r\n <span class=\"duration-text\">Excursion d'une journ\u00e9e<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Historique<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>F\u00e8s \u2192 Villes imp\u00e9riales<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <span>4.8<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">Journ\u00e9e Mekn\u00e8s, Volubilis et Moulay Idriss<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-landmark\"><\/i>Ruines romaines et ville sacr\u00e9e<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-archway\"><\/i>Sites du patrimoine mondial de l'UNESCO<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camera\"><\/i>Exploration arch\u00e9ologique<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the Meknes, Volubilis & Moulay Idriss Day Trip\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/meknes-volubilis-moulay-idriss-day-trip\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/DAY-PASS.jpg\" alt=\"Agafay Desert Day Trip\" loading=\"lazy\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">1 jour<\/span>\r\n <span class=\"duration-text\">Excursion d'une journ\u00e9e<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">D\u00e9sert<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 D\u00e9sert d'Agafay<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">Excursion d'une journ\u00e9e dans le d\u00e9sert d'Agafay<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-sun\"><\/i>L'exp\u00e9rience du d\u00e9sert de pierres<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camel\"><\/i>Promenade en chameau incluse<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-moon\"><\/i>Vues du coucher de soleil<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the Agafay Desert Day Trip\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/agafay-desert-day-trip\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/excursion_en_bateaux_a_ouzoud.jpg\" alt=\"Ouzoud Waterfalls Excursion\" loading=\"lazy\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">1 jour<\/span>\r\n <span class=\"duration-text\">Excursion d'une journ\u00e9e<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Nature<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 Cascades d'Ouzoud<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">Excursion aux chutes d'eau d'Ouzoud, excursion d'une journ\u00e9e<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-water\"><\/i>Les plus hautes chutes d'eau du Maroc<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-ship\"><\/i>Possibilit\u00e9 de promenade en bateau<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Sentiers de randonn\u00e9e<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the Ouzoud Waterfalls Excursion\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/ouzoud-waterfalls-excursion-day-trip\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Morocco Travel Sahara Camp – Desert Tours & Trekking Adventures Morocco … <\/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-345","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":109,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/345\/revisions"}],"predecessor-version":[{"id":984,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/345\/revisions\/984"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/media?parent=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n Morocco Travel Sahara Camp - Desert Tours & Trekking Adventures<\/title>\r\n <style>\r\n \/***** Hard isolation: scope everything under #sahara-camp-hero-root *****\/\r\n #sahara-camp-hero-root, #sahara-camp-hero-root * { box-sizing: border-box; margin: 0; padding: 0; }\r\n #sahara-camp-hero-root a{ -webkit-tap-highlight-color: transparent; }\r\n\r\n #sahara-camp-hero-root .sahara-camp-hero{\r\n --ink:#0f172a; --muted:#e2e8f0; \r\n --accent:#FF6C0C; --accent-700:#BF1A1A;\r\n --overlay: linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.45) 38%, rgba(0,0,0,.50) 62%, rgba(0,0,0,.75) 100%);\r\n --ring:#FFB88C;\r\n position:relative; isolation:isolate; color:#fff;\r\n min-height: clamp(500px, 85vh, 980px);\r\n display:grid; place-items:center; text-align:center;\r\n font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n overflow:hidden;\r\n }\r\n\r\n \/* ========== MULTILINGUAL COMPATIBILITY FIXES ========== *\/\r\n html[dir=\"rtl\"] #sahara-camp-hero-root .sahara-camp-hero__cta,\r\n body[dir=\"rtl\"] #sahara-camp-hero-root .sahara-camp-hero__cta {\r\n flex-direction: row-reverse;\r\n }\r\n \r\n html[lang*=\"de\"] #sahara-camp-hero-root .sahara-camp-hero__title,\r\n html[lang*=\"fr\"] #sahara-camp-hero-root .sahara-camp-hero__title,\r\n html[lang*=\"es\"] #sahara-camp-hero-root .sahara-camp-hero__title {\r\n font-size: clamp(28px, 5vw, 52px);\r\n line-height: 1.1;\r\n }\r\n \r\n html[lang*=\"ja\"] #sahara-camp-hero-root .sahara-camp-hero,\r\n html[lang*=\"zh\"] #sahara-camp-hero-root .sahara-camp-hero,\r\n html[lang*=\"ko\"] #sahara-camp-hero-root .sahara-camp-hero {\r\n font-family: Inter, 'Hiragino Sans', 'Noto Sans CJK', 'Microsoft YaHei', system-ui, sans-serif;\r\n }\r\n \r\n html.translatepress-* #sahara-camp-hero-root,\r\n body.translatepress-* #sahara-camp-hero-root {\r\n text-align: center !important;\r\n }\r\n \r\n html.translatepress-* #sahara-camp-hero-root .sahara-camp-hero__wrap,\r\n body.translatepress-* #sahara-camp-hero-root .sahara-camp-hero__wrap {\r\n width: min(1200px, 92%) !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n\r\n \/* Image container & slideshow styles *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__stage{ \r\n position:absolute; \r\n inset:0; \r\n z-index:0; \r\n pointer-events: none; \r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__image-container {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__image {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n min-width: 100%;\r\n min-height: 100%;\r\n width: auto;\r\n height: auto;\r\n object-fit: cover;\r\n filter: saturate(110%) contrast(105%);\r\n pointer-events: none;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n transition: opacity 1.2s ease-in-out;\r\n opacity: 0;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__image.active {\r\n opacity: 1;\r\n }\r\n\r\n \/* Professional overlay + vignette *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__stage::after{\r\n content:\"\"; \r\n position:absolute; \r\n inset:0; \r\n z-index:2; \r\n pointer-events:none;\r\n background:\r\n linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.45) 38%, rgba(0,0,0,.50) 62%, rgba(0,0,0,.75) 100%),\r\n radial-gradient(120% 60% at 50% 0%, rgba(255,108,12,.20), transparent 60%);\r\n box-shadow: inset 0 0 140px rgba(0,0,0,.50), inset 0 0 360px rgba(0,0,0,.40);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__bg{\r\n position:absolute; inset:0; z-index:1; pointer-events:none;\r\n background:\r\n radial-gradient(40% 50% at 15% 10%, rgba(255,108,12,.25), transparent 60%),\r\n radial-gradient(40% 50% at 85% 25%, rgba(191,26,26,.20), transparent 60%),\r\n var(--overlay);\r\n animation: sahara-camp-float 28s ease-in-out infinite alternate;\r\n }\r\n \r\n @keyframes sahara-camp-float{ \r\n 0% {transform: translate3d(0,0,0) scale(1);} \r\n 100%{transform: translate3d(0,-2%,0) scale(1.03);} \r\n }\r\n \r\n @media (prefers-reduced-motion:reduce){ \r\n #sahara-camp-hero-root .sahara-camp-hero__bg{ animation:none; }\r\n }\r\n\r\n \/* Content wrapper *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n position:relative;\r\n z-index:1000;\r\n width:min(1200px,92%);\r\n margin-inline:auto;\r\n padding-inline:0;\r\n pointer-events: auto;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: clamp(500px, 85vh, 980px);\r\n }\r\n\r\n \/* Headings *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__kicker{\r\n display:inline-block; \r\n padding:8px 16px; \r\n border-radius:999px; \r\n backdrop-filter: blur(6px);\r\n background: rgba(255,108,12,.20); \r\n border:1px solid rgba(255,108,12,.40); \r\n color:#FFFFFF;\r\n font:800 12px\/1 system-ui; \r\n letter-spacing:.35px; \r\n text-transform:uppercase; \r\n margin-bottom:15px;\r\n text-shadow: 0 1px 3px rgba(0,0,0,0.3);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title{ \r\n margin:0; \r\n font:900 clamp(32px,5.5vw,56px)\/1.06 system-ui; \r\n letter-spacing:-.02em; \r\n color:#FFFFFF;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.4);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title strong{ \r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-shadow: none;\r\n display: inline;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__sub{ \r\n margin:15px auto 0; \r\n font:500 clamp(16px,2.3vw,20px)\/1.6 system-ui; \r\n color:#FFFFFF;\r\n opacity: 0.95;\r\n max-width: 840px; \r\n text-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n line-height: 1.4;\r\n }\r\n\r\n \/* CTAs *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__cta{\r\n margin-top:clamp(18px,3vw,26px);\r\n display:flex;\r\n gap:12px;\r\n justify-content:center;\r\n align-items:center;\r\n flex-wrap: nowrap;\r\n position: relative;\r\n z-index: 1001;\r\n pointer-events:auto;\r\n flex-direction: row;\r\n width: 100%;\r\n max-width: 500px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n text-decoration:none;\r\n cursor:pointer;\r\n border-radius:14px;\r\n padding:14px 22px;\r\n font:900 15px\/1 system-ui;\r\n transition:.2s ease transform, .2s ease filter, .2s ease background-color;\r\n will-change: transform;\r\n position: relative;\r\n z-index: 1002;\r\n pointer-events:auto;\r\n touch-action: manipulation;\r\n -webkit-tap-highlight-color: transparent;\r\n flex: 1;\r\n min-width: 140px;\r\n white-space: nowrap;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn--primary{ \r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A); \r\n color:#fff; \r\n border:1px solid rgba(255,108,12,.6); \r\n box-shadow:0 12px 28px rgba(255,108,12,.35); \r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn--primary:hover{ \r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C); \r\n transform:translateY(-3px); \r\n box-shadow:0 16px 32px rgba(191,26,26,.45);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn--ghost{ \r\n background: rgba(255,255,255,.12); \r\n color:#fff; \r\n border:1px solid rgba(255,255,255,.32); \r\n backdrop-filter: blur(6px); \r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn--ghost:hover{ \r\n background: rgba(255,108,12,.20); \r\n border:1px solid rgba(255,108,12,.5);\r\n transform:translateY(-3px); \r\n }\r\n\r\n \/* Trust row *\/\r\n #sahara-camp-hero-root .sahara-camp-hero__trust{\r\n list-style:none;\r\n padding:0;\r\n margin:clamp(25px,3.5vw,32px) 0 0;\r\n display:flex;\r\n gap:24px;\r\n flex-wrap:wrap;\r\n justify-content:center;\r\n align-items:center;\r\n color:#f8fafc;\r\n opacity:.95;\r\n position: relative;\r\n z-index: 1000;\r\n width: 100%;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust li{\r\n display:flex;\r\n flex-direction: column;\r\n align-items:center;\r\n gap:8px;\r\n text-align:center;\r\n font:700 13px\/1.2 system-ui;\r\n padding:0;\r\n border:none;\r\n background:transparent;\r\n min-width: 140px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust strong{\r\n display:block;\r\n font-size:14px;\r\n font-weight:700;\r\n color:#ffffff;\r\n text-shadow: 0 1px 3px rgba(0,0,0,0.3);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust span{\r\n display:block;\r\n font-size:12px;\r\n font-weight:500;\r\n color:rgba(255,255,255,0.90);\r\n line-height:1.3;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust .sahara-icon{\r\n width:22px;\r\n height:22px;\r\n flex:0 0 22px;\r\n display:block;\r\n fill: currentColor;\r\n opacity:.95;\r\n margin-bottom:6px;\r\n }\r\n\r\n \/* ========== MOBILE OPTIMIZATIONS ========== *\/\r\n @media (max-width: 680px){\r\n #sahara-camp-hero-root .sahara-camp-hero{\r\n min-height: clamp(450px, 80vh, 700px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n min-height: clamp(450px, 80vh, 700px);\r\n padding-left:16px;\r\n padding-right:16px;\r\n justify-content: center;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__kicker{\r\n padding:6px 12px;\r\n font-size:11px;\r\n margin-bottom:12px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__cta{\r\n flex-direction: row;\r\n gap:10px;\r\n width: 100%;\r\n max-width: 100%;\r\n padding: 0 5px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn{\r\n width: 100%;\r\n max-width:none;\r\n padding:12px 16px;\r\n font-size:14px;\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust{\r\n flex-direction: row;\r\n gap:15px;\r\n margin-top:28px;\r\n justify-content: space-between;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust li{\r\n min-width: calc(50% - 8px);\r\n flex: 0 0 calc(50% - 8px);\r\n gap:6px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust li:nth-child(3) {\r\n display: none !important;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust strong{\r\n font-size:13px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust span{\r\n font-size:11px;\r\n max-width: 120px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust .sahara-icon{\r\n width:20px;\r\n height:20px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px){\r\n #sahara-camp-hero-root .sahara-camp-hero__trust{\r\n gap:12px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust li{\r\n min-width: calc(50% - 6px);\r\n flex: 0 0 calc(50% - 6px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__cta{\r\n gap:8px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn{\r\n padding: 10px 14px;\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 375px){\r\n #sahara-camp-hero-root .sahara-camp-hero{\r\n min-height: clamp(400px, 75vh, 600px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n min-height: clamp(400px, 75vh, 600px);\r\n padding-left:12px;\r\n padding-right:12px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title{\r\n font-size: clamp(24px, 6vw, 32px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__sub{\r\n font-size: clamp(14px, 3vw, 16px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust strong{\r\n font-size:12px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust span{\r\n font-size:10px;\r\n }\r\n }\r\n\r\n @media (max-height: 600px) and (orientation: landscape){\r\n #sahara-camp-hero-root .sahara-camp-hero{\r\n min-height: clamp(350px, 100vh, 500px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n min-height: clamp(350px, 100vh, 500px);\r\n padding-top: 20px;\r\n padding-bottom: 20px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__kicker{\r\n margin-bottom: 10px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title{\r\n margin-bottom: 5px;\r\n font-size: clamp(20px, 4vw, 28px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__sub{\r\n margin-bottom: 15px;\r\n font-size: clamp(13px, 2.2vw, 16px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__trust{\r\n margin-top: 20px;\r\n }\r\n }\r\n\r\n @media (min-width: 768px) and (max-width: 1024px){\r\n #sahara-camp-hero-root .sahara-camp-hero__wrap{\r\n padding-inline: 30px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__title{\r\n font-size: clamp(36px, 5vw, 48px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__sub{\r\n font-size: clamp(17px, 2.5vw, 20px);\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__cta{\r\n max-width: 550px;\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn{\r\n padding: 16px 24px;\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n @media (min-width:1400px){\r\n #sahara-camp-hero-root .sahara-camp-hero::after{\r\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:1;\r\n box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);\r\n }\r\n }\r\n \r\n #sahara-camp-hero-root .sahara-camp-hero__btn:focus {\r\n outline: 2px solid #FF6C0C;\r\n outline-offset: 2px;\r\n box-shadow: 0 0 0 4px rgba(255,108,12,0.3);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section id=\"sahara-camp-hero-root\" data-sahara-camp=\"hero\" itemscope itemtype=\"https:\/\/schema.org\/TouristDestination\">\r\n <meta itemprop=\"name\" content=\"Morocco Travel Sahara Camp\" \/>\r\n <meta itemprop=\"description\" content=\"Authentic Morocco travel experiences with Sahara Camp - desert tours, trekking, and adventure activities\" \/>\r\n <div itemprop=\"location\" itemscope itemtype=\"https:\/\/schema.org\/Place\">\r\n <meta itemprop=\"name\" content=\"Morocco\" \/>\r\n <\/div>\r\n \r\n <section class=\"sahara-camp-hero\" aria-label=\"Banni\u00e8re du camp de voyage du Sahara au Maroc\">\r\n \r\n <div class=\"sahara-camp-hero__stage\" role=\"region\" aria-label=\"Morocco desert landscape images\">\r\n <div class=\"sahara-camp-hero__image-container\" id=\"sahara-slideshow-container\">\r\n \r\n <\/div>\r\n \r\n <div class=\"sahara-camp-hero__bg\" aria-hidden=\"true\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"sahara-camp-hero-scope\" class=\"sahara-camp-hero__wrap\">\r\n <header class=\"sahara-camp-hero__head\">\r\n <p class=\"sahara-camp-hero__kicker\" itemprop=\"keywords\">Experts en voyages au Maroc<\/p>\r\n <h1 class=\"sahara-camp-hero__title\" itemprop=\"headline\">\r\n <strong>Voyage au Maroc<\/strong> & <strong>Camp du Sahara<\/strong> Aventures\r\n <\/h1>\r\n <p class=\"sahara-camp-hero__sub\" itemprop=\"description\">\r\n Faites l'exp\u00e9rience d'un voyage authentique au Maroc avec nos aventures au Sahara Camp - circuits dans le d\u00e9sert, trekking et exp\u00e9riences culturelles avec des experts locaux.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"sahara-camp-hero__cta\">\r\n <a class=\"sahara-camp-hero__btn sahara-camp-hero__btn--primary\" href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/morocco-tours\/\" aria-label=\"R\u00e9servez votre circuit dans le d\u00e9sert marocain et votre s\u00e9jour dans un camp du Sahara\" itemprop=\"url\">\r\n R\u00e9server\r\n <\/a>\r\n <a class=\"sahara-camp-hero__btn sahara-camp-hero__btn--ghost\" href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/morocco-day-trips\/\" aria-label=\"Voir toutes les activit\u00e9s de voyage et les forfaits de trekking au Maroc\">\r\n Excursions d'une journ\u00e9e\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"sahara-camp-hero__trust\" role=\"list\" aria-label=\"Pourquoi choisir Morocco Travel Sahara Camp\">\r\n <li itemprop=\"review\" itemscope itemtype=\"https:\/\/schema.org\/Review\">\r\n <svg class=\"sahara-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M12 2.25c.2 0 .4.05.58.15l6.5 3.25c.39.2.64.6.64 1.03v5.25c0 2.86-1.54 5.52-4.03 7.35-1.07.78-2.24 1.35-3.19 1.64a1.5 1.5 0 0 1-.9 0c-.95-.29-2.12-.86-3.19-1.64C5.74 17.45 4.2 14.79 4.2 11.93V6.68c0-.43.25-.83.64-1.03l6.5-3.25c.18-.1.38-.15.58-.15ZM10.3 12.7l-1.6-1.6a1 1 0 0 0-1.4 1.42l2.3 2.3c.39.39 1.03.39 1.42 0l5-5a1 1 0 1 0-1.42-1.42l-4.3 4.3Z\"\/>\r\n <\/svg>\r\n <strong>Guides berb\u00e8res locaux<\/strong>\r\n <span>Exp\u00e9riences authentiques dans les camps du Sahara<\/span>\r\n <\/li>\r\n <li itemprop=\"offer\" itemscope itemtype=\"https:\/\/schema.org\/Offer\">\r\n <svg class=\"sahara-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M9 6.75V19.5l-1.5-.75-1.5.75V6.75L6 6l1.5.75L9 6.75zm9 0V19.5l-1.5-.75-1.5.75V6.75L15 6l1.5.75L18 6.75z\"\/>\r\n <path d=\"M20.25 4.5H3.75a.75.75 0 0 0-.75.75v13.5c0 .414.336.75.75.75h16.5a.75.75 0 0 0 .75-.75V5.25a.75.75 0 0 0-.75-.75zM4.5 18V6h15v12h-15z\"\/>\r\n <\/svg>\r\n <strong>Excursions dans le d\u00e9sert du Sahara<\/strong>\r\n <span>Trekking dans les montagnes de l'Atlas<\/span>\r\n <\/li>\r\n <li itemprop=\"aggregateRating\" itemscope itemtype=\"https:\/\/schema.org\/AggregateRating\">\r\n <svg class=\"sahara-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n <\/svg>\r\n <meta itemprop=\"ratingValue\" content=\"4.9\" \/>\r\n <meta itemprop=\"reviewCount\" content=\"1200\" \/>\r\n <strong>4.9\/5 Not\u00e9<\/strong>\r\n <span>Meilleure agence de voyage au Maroc<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n <\/section>\r\n\r\n \r\n <script>\r\n (function(){\r\n const hero = document.querySelector('#sahara-camp-hero-root');\r\n if(!hero) return;\r\n\r\n \/\/ ----- NEW IMAGE ARRAY (5 images provided) -----\r\n const imageUrls = [\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/06f8fce4-de48-4e92-bbf5-cf8bccd5c3a3.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/f458075e-fd51-40a8-8015-de832f239daf.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/80fe431d-1842-4ced-b0bc-1a8ca4994a60.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/6fa1f6be-561f-4831-9ece-ae29ccbd6e44.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/d9de6917-cc94-413d-bd09-350e95c3b4b4.jpeg\"\r\n ];\r\n\r\n const container = document.getElementById('sahara-slideshow-container');\r\n if(!container) return;\r\n\r\n \/\/ Create img elements for each image\r\n const imgElements = [];\r\n imageUrls.forEach((url, index) => {\r\n const img = document.createElement('img');\r\n img.className = 'sahara-camp-hero__image';\r\n img.src = url;\r\n img.alt = `Morocco Sahara desert adventure image ${index + 1}`;\r\n img.loading = index === 0 ? 'eager' : 'lazy';\r\n img.decoding = 'async';\r\n if(index === 0) {\r\n img.fetchPriority = 'high';\r\n img.classList.add('active'); \/\/ first image visible\r\n }\r\n container.appendChild(img);\r\n imgElements.push(img);\r\n });\r\n\r\n \/\/ ----- AUTO SLIDESHOW LOGIC -----\r\n let currentIndex = 0;\r\n const totalImages = imgElements.length;\r\n let slideInterval;\r\n const SLIDE_DURATION = 4000; \/\/ 4 seconds per image\r\n\r\n function goToImage(index) {\r\n if(index === currentIndex) return;\r\n \/\/ Remove active class from current image\r\n imgElements[currentIndex].classList.remove('active');\r\n \/\/ Update index (loop around)\r\n currentIndex = (index + totalImages) % totalImages;\r\n \/\/ Add active class to new image\r\n imgElements[currentIndex].classList.add('active');\r\n }\r\n\r\n function nextImage() {\r\n goToImage(currentIndex + 1);\r\n }\r\n\r\n function startSlideshow() {\r\n if(slideInterval) clearInterval(slideInterval);\r\n slideInterval = setInterval(nextImage, SLIDE_DURATION);\r\n }\r\n\r\n function stopSlideshow() {\r\n if(slideInterval) {\r\n clearInterval(slideInterval);\r\n slideInterval = null;\r\n }\r\n }\r\n\r\n \/\/ Start auto-play\r\n startSlideshow();\r\n\r\n \/\/ Optional: Pause on hover for better UX (but keep auto by default)\r\n const heroSection = hero.querySelector('.sahara-camp-hero');\r\n if(heroSection) {\r\n heroSection.addEventListener('mouseenter', () => {\r\n stopSlideshow();\r\n });\r\n heroSection.addEventListener('mouseleave', () => {\r\n startSlideshow();\r\n });\r\n \/\/ Touch devices: pause on touch, resume after\r\n heroSection.addEventListener('touchstart', () => {\r\n stopSlideshow();\r\n }, { passive: true });\r\n heroSection.addEventListener('touchend', () => {\r\n startSlideshow();\r\n });\r\n }\r\n\r\n \/\/ Respect reduced motion\r\n const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n if (mediaQuery.matches) {\r\n stopSlideshow();\r\n \/\/ Ensure first image stays visible\r\n imgElements.forEach((img, idx) => {\r\n if(idx === 0) img.classList.add('active');\r\n else img.classList.remove('active');\r\n });\r\n }\r\n\r\n \/\/ ----- IMAGE FALLBACK HANDLING (error on any image) -----\r\n imgElements.forEach(img => {\r\n img.addEventListener('error', function() {\r\n \/\/ If image fails, keep it hidden (opacity 0) and show gradient background\r\n this.style.opacity = '0';\r\n console.warn('Hero image failed to load:', this.src);\r\n \/\/ If this was the active image, try to move to next after a short delay\r\n if(this.classList.contains('active')) {\r\n \/\/ Force next image after 1 second if current fails\r\n setTimeout(() => {\r\n if(this.classList.contains('active')) {\r\n nextImage();\r\n }\r\n }, 1000);\r\n }\r\n });\r\n \r\n img.addEventListener('load', function() {\r\n \/\/ Ensure loaded image can be visible if active\r\n if(this.classList.contains('active')) {\r\n this.style.opacity = '1';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Also handle case where first image loads correctly\r\n if(imgElements[0].complete && imgElements[0].naturalHeight !== 0) {\r\n imgElements[0].style.opacity = '1';\r\n }\r\n\r\n \/\/ ----- TRANSLATEPRESS & MOBILE OPTIMIZATIONS (keep existing) -----\r\n document.querySelectorAll('.sahara-camp-hero__btn').forEach(btn => {\r\n btn.addEventListener('touchstart', function() {\r\n this.style.transform = 'scale(0.98)';\r\n });\r\n btn.addEventListener('touchend', function() {\r\n this.style.transform = '';\r\n });\r\n });\r\n\r\n function detectTranslatePressAndFix() {\r\n var htmlElement = document.documentElement;\r\n var bodyElement = document.body;\r\n var translatePressClasses = [];\r\n \r\n if(htmlElement.className.includes('translatepress-')) {\r\n translatePressClasses = htmlElement.className.split(' ').filter(c => c.includes('translatepress-'));\r\n } else if(bodyElement.className.includes('translatepress-')) {\r\n translatePressClasses = bodyElement.className.split(' ').filter(c => c.includes('translatepress-'));\r\n }\r\n \r\n if(translatePressClasses.length > 0) {\r\n var heroWrap = hero.querySelector('.sahara-camp-hero__wrap');\r\n if(heroWrap) {\r\n heroWrap.style.textAlign = 'center';\r\n heroWrap.style.alignItems = 'center';\r\n }\r\n var ctaContainer = hero.querySelector('.sahara-camp-hero__cta');\r\n if(ctaContainer) {\r\n ctaContainer.style.justifyContent = 'center';\r\n ctaContainer.style.display = 'flex';\r\n }\r\n var isRTL = document.documentElement.dir === 'rtl' || document.body.dir === 'rtl';\r\n if(isRTL && ctaContainer) {\r\n ctaContainer.style.flexDirection = 'row-reverse';\r\n }\r\n }\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', detectTranslatePressAndFix);\r\n } else {\r\n detectTranslatePressAndFix();\r\n }\r\n setTimeout(detectTranslatePressAndFix, 1000);\r\n\r\n \/\/ Stop animation on reduced motion\r\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n var bg = hero.querySelector('.sahara-camp-hero__bg');\r\n if(bg) bg.style.animation = 'none';\r\n }\r\n\r\n })();\r\n <\/script>\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-fa8b789 e-con-full e-flex e-con e-parent\" data-id=\"fa8b789\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b5ecb1 elementor-widget elementor-widget-html\" data-id=\"8b5ecb1\" 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>Explore Morocco Tours - Morocco Travel Sahara Camp<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* DESTINATION GRID STYLES - FIXED ICONS *\/\r\n #mtc-destinations-2024 {\r\n background: #f8f9fa !important;\r\n padding: 20px 0 !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n }\r\n \r\n #mtc-destinations-2024 * {\r\n box-sizing: border-box !important;\r\n }\r\n \r\n \/* Don't reset font-family for Font Awesome icons *\/\r\n #mtc-destinations-2024 i,\r\n #mtc-destinations-2024 .fas,\r\n #mtc-destinations-2024 .fa,\r\n #mtc-destinations-2024 [class*=\"fa-\"] {\r\n font-family: 'Font Awesome 6 Free' !important;\r\n font-weight: 900 !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-container {\r\n max-width: 1400px !important;\r\n margin: 0 auto !important;\r\n padding: 40px 15px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, 1fr) !important;\r\n gap: 20px !important;\r\n margin-top: 20px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n position: relative !important;\r\n width: 100% !important;\r\n height: 260px !important;\r\n border-radius: 16px !important;\r\n overflow: hidden !important;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;\r\n transition: all 0.3s ease !important;\r\n background: #fff !important;\r\n margin: 0 !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card:hover {\r\n transform: translateY(-8px) !important;\r\n box-shadow: 0 12px 30px rgba(0,0,0,0.15) !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n transition: transform 0.4s ease !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card:hover img {\r\n transform: scale(1.05) !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n padding: 20px !important;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.85)) !important;\r\n color: white !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n margin: 0 0 10px 0 !important;\r\n font-size: 1.3rem !important;\r\n font-weight: 600 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n color: white !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-location-icon {\r\n font-size: 1.1rem !important;\r\n color: #FF6C0C !important;\r\n font-family: 'Font Awesome 6 Free' !important;\r\n font-weight: 900 !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n padding: 8px 18px !important;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A) !important;\r\n color: white !important;\r\n text-decoration: none !important;\r\n border-radius: 25px !important;\r\n font-weight: 500 !important;\r\n font-size: 0.9rem !important;\r\n transition: all 0.3s ease !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn i {\r\n font-family: 'Font Awesome 6 Free' !important;\r\n font-weight: 900 !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn:hover {\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 4px 12px rgba(255, 108, 12, 0.3) !important;\r\n }\r\n\r\n \/* Section Title - UPDATED WITH GRADIENT TEXT *\/\r\n #mtc-destinations-2024 .mtc-section-title {\r\n text-align: center !important;\r\n margin-bottom: 40px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 2.5rem !important;\r\n font-weight: 800 !important; \/* Made bolder *\/\r\n margin-bottom: 10px !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A) !important;\r\n -webkit-background-clip: text !important;\r\n background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n color: transparent !important;\r\n text-shadow: none !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title p {\r\n color: #666666 !important;\r\n font-size: 1.2rem !important;\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n line-height: 1.5 !important;\r\n font-family: 'Poppins', sans-serif !important;\r\n }\r\n\r\n \/* ========== MOBILE OPTIMIZATION ========== *\/\r\n \/* Tablet *\/\r\n @media (max-width: 1024px) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 20px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 240px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 2.2rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title p {\r\n font-size: 1.1rem !important;\r\n }\r\n }\r\n\r\n \/* Mobile - 2 ITEMS IN ONE LINE ALWAYS *\/\r\n @media (max-width: 768px) {\r\n #mtc-destinations-2024 .mtc-dest-container {\r\n padding: 30px 15px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 15px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 200px !important;\r\n border-radius: 12px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info {\r\n padding: 15px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 1.1rem !important;\r\n margin-bottom: 8px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-location-icon {\r\n font-size: 1rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 7px 16px !important;\r\n font-size: 0.85rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title {\r\n margin-bottom: 30px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 1.8rem !important;\r\n padding: 0 10px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title p {\r\n font-size: 1rem !important;\r\n padding: 0 15px !important;\r\n }\r\n }\r\n\r\n \/* Small Mobile - STILL 2 ITEMS PER LINE *\/\r\n @media (max-width: 480px) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 12px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 180px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info {\r\n padding: 12px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 1rem !important;\r\n gap: 6px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 6px 14px !important;\r\n font-size: 0.8rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 1.6rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title p {\r\n font-size: 0.95rem !important;\r\n }\r\n }\r\n\r\n \/* Extra Small Phones - FORCE 2 ITEMS PER LINE *\/\r\n @media (max-width: 360px) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 10px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 160px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 5px 10px !important;\r\n font-size: 0.75rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 1.5rem !important;\r\n }\r\n }\r\n\r\n \/* Landscape Mode Mobile - 2 ITEMS PER LINE *\/\r\n @media (max-height: 600px) and (orientation: landscape) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 160px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info {\r\n padding: 10px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 1rem !important;\r\n margin-bottom: 5px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 5px 12px !important;\r\n font-size: 0.8rem !important;\r\n }\r\n }\r\n\r\n \/* Desktop\/Laptop *\/\r\n @media (min-width: 1025px) {\r\n #mtc-destinations-2024 .mtc-dest-grid {\r\n grid-template-columns: repeat(4, 1fr) !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-card {\r\n height: 280px !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-info h3 {\r\n font-size: 1.4rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-dest-btn {\r\n padding: 10px 22px !important;\r\n font-size: 1rem !important;\r\n }\r\n \r\n #mtc-destinations-2024 .mtc-section-title h2 {\r\n font-size: 2.8rem !important; \/* Slightly larger on desktop *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div id=\"mtc-destinations-2024\">\r\n <section class=\"mtc-dest-container\" aria-label=\"Destinations de voyage au Maroc\">\r\n \r\n \r\n <div class=\"mtc-section-title\">\r\n <h2>D\u00e9couvrez les meilleures destinations du Maroc<\/h2>\r\n <p>Commencez votre aventure \u00e0 partir de ces villes marocaines \u00e9tonnantes gr\u00e2ce \u00e0 nos circuits guid\u00e9s par des experts.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"mtc-dest-grid\">\r\n \r\n <div class=\"mtc-dest-card\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/31.png\" alt=\"Casablanca Tours - Modern city tours and Hassan II Mosque\">\r\n <div class=\"mtc-dest-info\">\r\n <h3><i class=\"fas fa-city mtc-location-icon\"><\/i>Casablanca Tours<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/explore-casablanca-tours\/\" class=\"mtc-dest-btn\" aria-label=\"D\u00e9couvrir Casablanca\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n Explorer les circuits\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mtc-dest-card\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/24.png\" alt=\"Marrakech Tours - Red city tours, souks and desert adventures\">\r\n <div class=\"mtc-dest-info\">\r\n <h3><i class=\"fas fa-sun mtc-location-icon\"><\/i>Circuits \u00e0 Marrakech<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/explore-marrakech-tours\/\" class=\"mtc-dest-btn\" aria-label=\"D\u00e9couvrir Marrakech\">\r\n <i class=\"fas fa-landmark\"><\/i>\r\n Explorer les circuits\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mtc-dest-card\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/La-medina-de-Fes-el-Bali-Maroc-1000x667-1.jpeg\" alt=\"Fes Tours - Ancient medina, cultural and historical tours\">\r\n <div class=\"mtc-dest-info\">\r\n <h3><i class=\"fas fa-landmark mtc-location-icon\"><\/i>Fes Tours<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/explore-fes-tours\/\" class=\"mtc-dest-btn\" aria-label=\"D\u00e9couvrir F\u00e8s Tours\">\r\n <i class=\"fas fa-compass\"><\/i>\r\n Explorer les circuits\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mtc-dest-card\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/2979c2582f468c00cdd6906d8bf6350a-scaled.webp\" alt=\"Tangier Tours - Coastal city tours and cultural experiences\">\r\n <div class=\"mtc-dest-info\">\r\n <h3><i class=\"fas fa-umbrella-beach mtc-location-icon\"><\/i>Tours de Tanger<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/explore-Tangier-tours\/\" class=\"mtc-dest-btn\" aria-label=\"D\u00e9couvrir Tanger\">\r\n <i class=\"fas fa-ship\"><\/i>\r\n Explorer les circuits\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const cards = document.querySelectorAll('#mtc-destinations-2024 .mtc-dest-card');\r\n const buttons = document.querySelectorAll('#mtc-destinations-2024 .mtc-dest-btn');\r\n \r\n cards.forEach(card => {\r\n card.addEventListener('mouseenter', () => {\r\n card.style.transform = 'translateY(-8px)';\r\n card.style.boxShadow = '0 12px 30px rgba(0,0,0,0.15)';\r\n });\r\n \r\n card.addEventListener('mouseleave', () => {\r\n card.style.transform = 'translateY(0)';\r\n card.style.boxShadow = '0 4px 15px rgba(0,0,0,0.1)';\r\n });\r\n });\r\n \r\n buttons.forEach(button => {\r\n button.addEventListener('mouseenter', () => {\r\n button.style.transform = 'translateY(-2px)';\r\n });\r\n \r\n button.addEventListener('mouseleave', () => {\r\n button.style.transform = 'translateY(0)';\r\n });\r\n });\r\n\r\n cards.forEach(card => {\r\n card.addEventListener('touchstart', function() {\r\n this.style.transform = 'translateY(-4px)';\r\n });\r\n \r\n card.addEventListener('touchend', function() {\r\n this.style.transform = 'translateY(0)';\r\n });\r\n });\r\n });\r\n <\/script>\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-bfd4297 e-con-full e-flex e-con e-parent\" data-id=\"bfd4297\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef140d8 elementor-widget elementor-widget-html\" data-id=\"ef140d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n .sahara-about-premium { \r\n background: #ffffff; \r\n color: #333333; \r\n padding: 50px 0; \r\n position: relative; \r\n overflow: hidden; \r\n width: 100%;\r\n margin: 30px 0;\r\n }\r\n \r\n .sahara-premium-container { \r\n max-width: 1300px; \r\n margin: 0 auto; \r\n padding: 0 15px; \r\n display: grid; \r\n grid-template-columns: 1fr; \r\n gap: 30px; \r\n align-items: center; \r\n }\r\n \r\n .sahara-premium-content { \r\n position: relative; \r\n z-index: 10; \r\n order: 2; \r\n }\r\n \r\n .sahara-premium-badge { \r\n display: inline-flex; \r\n align-items: center; \r\n gap: 8px; \r\n background: linear-gradient(135deg, rgba(255, 108, 12, 0.1), rgba(191, 26, 26, 0.1)); \/* Your brand orange\/red *\/\r\n border: 1px solid rgba(255, 108, 12, 0.3); \r\n color: #FF6C0C; \r\n padding: 8px 16px; \r\n border-radius: 20px; \r\n font-size: 14px; \r\n font-weight: 600; \r\n margin-bottom: 20px; \r\n }\r\n \r\n .sahara-premium-title { \r\n font-size: 2.2rem;\r\n font-weight: 800; \r\n line-height: 1.2; \r\n margin-bottom: 15px; \r\n color: #1a1a1a;\r\n text-align: center; \r\n }\r\n \r\n .sahara-premium-title span { \r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%); \/* Your brand gradient *\/\r\n -webkit-background-clip: text; \r\n -webkit-text-fill-color: transparent; \r\n background-clip: text; \r\n }\r\n \r\n .sahara-premium-description { \r\n font-size: 16px; \r\n line-height: 1.6; \r\n color: #555555; \r\n margin-bottom: 20px; \r\n font-weight: 400; \r\n text-align: center; \r\n }\r\n \r\n .sahara-premium-description strong,\r\n .sahara-premium-description a {\r\n color: #555555;\r\n font-weight: 700;\r\n }\r\n .sahara-premium-description a {\r\n text-decoration: underline;\r\n color: #FF6C0C;\r\n }\r\n .sahara-premium-description a:hover {\r\n color: #BF1A1A;\r\n }\r\n \r\n .sahara-premium-cta { \r\n display: flex; \r\n flex-direction: column; \r\n gap: 12px; \r\n align-items: center; \r\n margin-bottom: 25px;\r\n }\r\n \r\n .sahara-btn-premium { \r\n display: inline-flex; \r\n align-items: center; \r\n justify-content: center; \r\n gap: 10px; \r\n padding: 14px 24px; \r\n width: 100%; \r\n max-width: 320px; \r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A); \r\n color: white; \r\n text-decoration: none; \r\n border-radius: 14px; \r\n font-weight: 600; \r\n font-size: 15px; \r\n transition: all 0.3s ease; \r\n box-shadow: 0 8px 20px rgba(255, 108, 12, 0.2); \r\n position: relative; \r\n overflow: hidden; \r\n }\r\n \r\n .sahara-btn-premium::before { \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; \r\n }\r\n \r\n .sahara-btn-premium:hover::before { \r\n left: 100%; \r\n }\r\n \r\n .sahara-btn-premium:hover { \r\n transform: translateY(-3px); \r\n box-shadow: 0 12px 25px rgba(191, 26, 26, 0.3); \r\n }\r\n \r\n .sahara-btn-outline-premium { \r\n display: inline-flex; \r\n align-items: center; \r\n justify-content: center; \r\n gap: 10px; \r\n padding: 14px 24px; \r\n width: 100%; \r\n max-width: 320px; \r\n border: 2px solid #FF6C0C; \r\n color: #FF6C0C; \r\n text-decoration: none; \r\n border-radius: 14px; \r\n font-weight: 600; \r\n font-size: 15px; \r\n transition: all 0.3s ease; \r\n background: #ffffff; \r\n }\r\n \r\n .sahara-btn-outline-premium:hover { \r\n background: rgba(255, 108, 12, 0.05); \r\n transform: translateY(-3px); \r\n box-shadow: 0 8px 20px rgba(255, 108, 12, 0.1); \r\n }\r\n\r\n .sahara-premium-features-section {\r\n max-width: 1300px;\r\n margin: 25px auto 0;\r\n padding: 0 15px;\r\n }\r\n\r\n .sahara-premium-features { \r\n display: grid; \r\n grid-template-columns: 1fr; \r\n gap: 15px; \r\n }\r\n \r\n .sahara-premium-feature { \r\n display: flex; \r\n align-items: flex-start; \r\n gap: 12px; \r\n padding: 15px; \r\n background: #f8f9fa; \r\n border-radius: 14px; \r\n border: 1px solid #eaeaea; \r\n transition: all 0.3s ease; \r\n }\r\n \r\n .sahara-premium-feature:hover { \r\n transform: translateY(-3px); \r\n border-color: #FF6C0C; \r\n box-shadow: 0 10px 20px rgba(255, 108, 12, 0.1); \r\n }\r\n \r\n .sahara-feature-icon-premium { \r\n width: 40px; \r\n height: 40px; \r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A); \r\n border-radius: 12px; \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 .sahara-feature-icon-premium i { \r\n color: white; \r\n font-size: 16px; \r\n }\r\n \r\n .sahara-feature-content h4 { \r\n font-size: 15px; \r\n font-weight: 700; \r\n color: #1a1a1a; \r\n margin-bottom: 6px; \r\n }\r\n \r\n .sahara-feature-content p { \r\n color: #666666; \r\n font-size: 14px; \r\n line-height: 1.5; \r\n }\r\n \r\n .sahara-premium-image { \r\n position: relative; \r\n z-index: 10; \r\n order: 1; \r\n }\r\n \r\n .sahara-image-frame { \r\n position: relative; \r\n border-radius: 16px; \r\n overflow: hidden; \r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); \r\n background: linear-gradient(135deg, rgba(255, 108, 12, 0.05), rgba(191, 26, 26, 0.05)); \r\n min-height: 220px; \r\n display: flex; \r\n align-items: stretch; \r\n justify-content: center; \r\n }\r\n \r\n .sahara-image-frame img { \r\n width: 100%; \r\n height: 100%; \r\n object-fit: cover;\r\n display: block; \r\n transition: transform 0.5s ease; \r\n opacity: 1;\r\n }\r\n \r\n .sahara-image-frame:hover img { \r\n transform: scale(1.05); \r\n }\r\n \r\n .sahara-image-glow { \r\n position: absolute; \r\n top: 0; \r\n left: 0; \r\n right: 0; \r\n bottom: 0; \r\n background: linear-gradient(135deg, rgba(255, 108, 12, 0.05), rgba(191, 26, 26, 0.05)); \r\n pointer-events: none; \r\n }\r\n \r\n .sahara-image-loading { \r\n display: flex; \r\n flex-direction: column; \r\n align-items: center; \r\n justify-content: center; \r\n color: #FF6C0C; \r\n font-size: 14px; \r\n gap: 10px; \r\n padding: 40px;\r\n text-align: center;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .sahara-image-loading .sahara-spinner { \r\n width: 40px; \r\n height: 40px; \r\n border: 3px solid rgba(255, 108, 12, 0.3); \r\n border-radius: 50%; \r\n border-top-color: #FF6C0C; \r\n animation: sahara-spin 1s linear infinite; \r\n }\r\n \r\n @keyframes sahara-spin { \r\n to { \r\n transform: rotate(360deg); \r\n } \r\n }\r\n \r\n .sahara-premium-bg { \r\n position: absolute; \r\n top: 0; \r\n left: 0; \r\n right: 0; \r\n bottom: 0; \r\n pointer-events: none; \r\n overflow: hidden; \r\n }\r\n \r\n .sahara-floating-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(255, 108, 12, 0.05), rgba(191, 26, 26, 0.03));\r\n filter: blur(40px);\r\n z-index: 1;\r\n animation: sahara-floatShape 20s infinite ease-in-out;\r\n }\r\n\r\n .sahara-shape-1 {\r\n width: 200px;\r\n height: 200px;\r\n top: 10%;\r\n right: -100px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .sahara-shape-2 {\r\n width: 150px;\r\n height: 150px;\r\n bottom: 10%;\r\n left: -75px;\r\n animation-delay: 5s;\r\n }\r\n\r\n .sahara-shape-3 {\r\n width: 100px;\r\n height: 100px;\r\n top: 40%;\r\n left: 20%;\r\n animation-delay: 10s;\r\n }\r\n\r\n @keyframes sahara-floatShape {\r\n 0%, 100% {\r\n transform: translateY(0) rotate(0deg);\r\n }\r\n 33% {\r\n transform: translateY(-20px) rotate(120deg);\r\n }\r\n 66% {\r\n transform: translateY(10px) rotate(240deg);\r\n }\r\n }\r\n\r\n \/* VERY SMALL MOBILE PHONES *\/\r\n @media (max-width: 767px) {\r\n .sahara-premium-title { \r\n font-size: 2.2rem;\r\n line-height: 1.2;\r\n }\r\n \r\n .sahara-premium-description { \r\n font-size: 15px; \r\n }\r\n \r\n .sahara-premium-feature { \r\n padding: 12px; \r\n gap: 10px; \r\n }\r\n \r\n .sahara-feature-icon-premium { \r\n width: 36px; \r\n height: 36px; \r\n }\r\n \r\n .sahara-feature-content h4 { \r\n font-size: 14px; \r\n }\r\n \r\n .sahara-feature-content p { \r\n font-size: 13px; \r\n }\r\n \r\n .sahara-btn-premium, \r\n .sahara-btn-outline-premium { \r\n padding: 12px 20px; \r\n font-size: 14px; \r\n }\r\n }\r\n\r\n \/* TABLET (768px and up) *\/\r\n @media (min-width: 768px) {\r\n .sahara-about-premium { \r\n padding: 70px 0; \r\n }\r\n \r\n .sahara-premium-container { \r\n padding: 0 30px; \r\n gap: 40px; \r\n }\r\n \r\n .sahara-premium-title { \r\n font-size: 2.6rem; \r\n text-align: left; \r\n margin-bottom: 20px;\r\n }\r\n \r\n .sahara-premium-description { \r\n text-align: left; \r\n font-size: 16px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .sahara-premium-cta {\r\n flex-direction: row;\r\n align-items: flex-start;\r\n justify-content: flex-start;\r\n }\r\n\r\n .sahara-btn-premium, \r\n .sahara-btn-outline-premium { \r\n width: auto; \r\n max-width: none; \r\n }\r\n\r\n .sahara-premium-features-section {\r\n padding: 0 30px;\r\n }\r\n\r\n .sahara-premium-features { \r\n grid-template-columns: 1fr 1fr; \r\n gap: 20px;\r\n }\r\n \r\n .sahara-image-frame { \r\n min-height: 300px;\r\n border-radius: 18px;\r\n }\r\n }\r\n\r\n \/* DESKTOP \/ LAPTOP (1024px and up) *\/\r\n @media (min-width: 1024px) {\r\n .sahara-about-premium { \r\n padding: 80px 0; \r\n }\r\n \r\n .sahara-premium-container { \r\n grid-template-columns: 1.2fr 1fr; \r\n gap: 60px; \r\n padding: 0 40px; \r\n }\r\n \r\n .sahara-premium-image { \r\n order: 2; \r\n }\r\n \r\n .sahara-premium-content { \r\n order: 1; \r\n }\r\n \r\n .sahara-premium-title { \r\n font-size: 3rem; \r\n line-height: 1.3;\r\n }\r\n\r\n .sahara-image-frame { \r\n min-height: 360px;\r\n border-radius: 20px;\r\n }\r\n\r\n .sahara-premium-features-section {\r\n padding: 0 40px;\r\n margin-top: 40px;\r\n }\r\n\r\n .sahara-premium-features { \r\n grid-template-columns: repeat(4, minmax(0, 1fr)); \r\n gap: 25px;\r\n }\r\n \r\n .sahara-premium-feature {\r\n padding: 20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<section class=\"sahara-about-premium\">\r\n <div class=\"sahara-premium-bg\">\r\n <div class=\"sahara-floating-shape sahara-shape-1\"><\/div>\r\n <div class=\"sahara-floating-shape sahara-shape-2\"><\/div>\r\n <div class=\"sahara-floating-shape sahara-shape-3\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"sahara-premium-container\">\r\n \r\n <div class=\"sahara-premium-content\">\r\n <div class=\"sahara-premium-badge\">\r\n <i class=\"fas fa-star\"><\/i> Experts de confiance en voyages au Sahara\r\n <\/div>\r\n\r\n <h2 class=\"sahara-premium-title\">\r\n Votre <span>Voyage au Maroc<\/span> & <span>Camp du Sahara<\/span> L'aventure commence ici\r\n <\/h2>\r\n\r\n <p class=\"sahara-premium-description\">\r\n D\u00e9couvrez la v\u00e9ritable <strong>Maroc<\/strong> avec l'authenticit\u00e9 <strong>Camp du Sahara<\/strong> exp\u00e9riences, guid\u00e9es <strong>Trekking dans les montagnes de l'Atlas<\/strong>, et inoubliable <strong>circuits dans le d\u00e9sert<\/strong>. En tant que votre partenaire local de confiance <strong>Agence de voyage au Maroc<\/strong>, Nous sommes sp\u00e9cialis\u00e9s dans la cr\u00e9ation de voyages personnalis\u00e9s de <strong>De Tanger \u00e0 Marrakech<\/strong> et s'enfoncer dans les dunes dor\u00e9es de la <strong>D\u00e9sert du Sahara<\/strong>. Nous nous consacrons \u00e0 la transparence, \u00e0 la s\u00e9curit\u00e9 et \u00e0 la cr\u00e9ation d'aventures sans stress qui vous mettent en contact avec le c\u0153ur de l'Europe. <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"noopener noreferrer\">Maroc<\/a> et son riche patrimoine berb\u00e8re[citation:6].\r\n <\/p>\r\n\r\n \r\n <div class=\"sahara-premium-cta\">\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/morocco-tours\/\" class=\"sahara-btn-premium\">\r\n <i class=\"fas fa-calendar-check\"><\/i> R\u00e9servez votre excursion dans le d\u00e9sert\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/\" class=\"sahara-btn-outline-premium\">\r\n <i class=\"fas fa-phone-alt\"><\/i> Planifiez votre aventure\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"sahara-premium-image\">\r\n <div class=\"sahara-image-frame\" id=\"sahara-image-container\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/2612c2c3-2a0d-4f90-b9b2-d0ea836cd14c.jpeg\"\r\n alt=\"A camel caravan on a 7-day desert tour from Tangier to Marrakech - Morocco Travel Sahara Camp adventure\"\r\n loading=\"lazy\"\r\n >\r\n <div class=\"sahara-image-glow\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"sahara-premium-features-section\">\r\n <div class=\"sahara-premium-features\">\r\n <div class=\"sahara-premium-feature\">\r\n <div class=\"sahara-feature-icon-premium\"><i class=\"fas fa-map-marked-alt\"><\/i><\/div>\r\n <div class=\"sahara-feature-content\">\r\n <h4>Excursions dans le d\u00e9sert et randonn\u00e9es \u00e0 dos de chameau<\/h4>\r\n <p>D\u00e9couvrez les embl\u00e9matiques randonn\u00e9es \u00e0 dos de chameau dans les dunes dor\u00e9es de l'Erg Chebbi et l'authentique camping dans le d\u00e9sert du Sahara \u00e0 la belle \u00e9toile[citation:10].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sahara-premium-feature\">\r\n <div class=\"sahara-feature-icon-premium\"><i class=\"fas fa-mountain\"><\/i><\/div>\r\n <div class=\"sahara-feature-content\">\r\n <h4>Trekking dans les montagnes de l'Atlas<\/h4>\r\n <p>Des randonn\u00e9es guid\u00e9es dans le Haut Atlas \u00e0 couper le souffle, \u00e0 la rencontre de villages berb\u00e8res et de paysages naturels \u00e9poustouflants.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sahara-premium-feature\">\r\n <div class=\"sahara-feature-icon-premium\"><i class=\"fas fa-suitcase-rolling\"><\/i><\/div>\r\n <div class=\"sahara-feature-content\">\r\n <h4>Itin\u00e9raires personnalis\u00e9s au Maroc<\/h4>\r\n <p>Des plans de voyage personnalis\u00e9s au d\u00e9part de Tanger, F\u00e8s ou Marrakech, con\u00e7us en fonction de votre rythme, de vos centres d'int\u00e9r\u00eat et de votre budget[citation:6].<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sahara-premium-feature\">\r\n <div class=\"sahara-feature-icon-premium\"><i class=\"fas fa-user-shield\"><\/i><\/div>\r\n <div class=\"sahara-feature-content\">\r\n <h4>Service local et transparent<\/h4>\r\n <p>Une agence locale 100% offrant une communication honn\u00eate, des prix clairs et une assistance 24 heures sur 24 et 7 jours sur 7 pour un voyage sans encombre[citation:6].<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n function saharaImageLoaded(img) {\r\n console.log('Sahara camp tour image loaded successfully');\r\n }\r\n\r\n function saharaImageError(img) {\r\n console.error('Sahara camp tour image failed to load');\r\n const container = document.getElementById('sahara-image-container');\r\n if (container) {\r\n container.innerHTML = `\r\n <div class=\"sahara-image-loading\">\r\n <div class=\"sahara-spinner\"><\/div>\r\n <p>7-Day Desert Tour from Tangier to Marrakech<\/p>\r\n <p style=\"font-size: 12px; margin-top: 10px; color: #FF6C0C; font-weight: 600;\">\r\n Morocco Travel Sahara Camp Adventure\r\n <\/p>\r\n <\/div>\r\n <div class=\"sahara-image-glow\"><\/div>\r\n `;\r\n }\r\n }\r\n\r\n \/\/ Initialize image error handling\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const imgElement = document.querySelector('#sahara-image-container img');\r\n if (imgElement) {\r\n imgElement.onerror = function() {\r\n saharaImageError(this);\r\n };\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d231171 e-con-full e-flex e-con e-parent\" data-id=\"d231171\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69061fc elementor-widget elementor-widget-html\" data-id=\"69061fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"marrakech-tours-section\" id=\"marrakech-tours-unique-id\">\r\n <style scoped>\r\n \/* SCOPED CSS - Won't affect other parts of your website *\/\r\n .marrakech-tours-section * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .marrakech-tours-section {\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n padding: 40px 20px;\r\n background: #fff;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* HEADER SECTION *\/\r\n .marrakech-tours-section .tours-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .marrakech-tours-section .tours-subtitle {\r\n color: #FF6C0C;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .marrakech-tours-section .tours-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .marrakech-tours-section .tours-description {\r\n font-size: 1.1rem;\r\n color: #64748b;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* GRID LAYOUT *\/\r\n .marrakech-tours-section .tours-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* CARD DESIGN *\/\r\n .marrakech-tours-section .tour-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n overflow: visible;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid #e2e8f0;\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n .marrakech-tours-section .tour-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #FF6C0C;\r\n box-shadow: 0 20px 40px rgba(255, 108, 12, 0.15);\r\n }\r\n\r\n \/* IMAGE SECTION *\/\r\n .marrakech-tours-section .tour-img {\r\n height: 240px;\r\n position: relative;\r\n overflow: visible;\r\n }\r\n\r\n .marrakech-tours-section .tour-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n \/* DURATION BADGE *\/\r\n .marrakech-tours-section .duration-badge {\r\n position: absolute;\r\n left: 20px;\r\n bottom: -20px;\r\n background: #fff;\r\n color: #FF6C0C;\r\n padding: 8px 16px;\r\n border-radius: 9px;\r\n font-weight: bold;\r\n z-index: 2;\r\n border: 2px solid #FF6C0C;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n min-width: 70px;\r\n }\r\n\r\n .marrakech-tours-section .duration-days {\r\n font-size: 1.3rem;\r\n line-height: 1;\r\n color: #FF6C0C;\r\n font-weight: 800;\r\n }\r\n \r\n .marrakech-tours-section .duration-text {\r\n font-size: 0.65rem;\r\n letter-spacing: 0.08em;\r\n color: #64748b;\r\n text-transform: uppercase;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* DATE BADGE *\/\r\n .marrakech-tours-section .date-badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n padding: 6px 16px;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n border-radius: 9px;\r\n background: #FF6C0C;\r\n color: #fff;\r\n z-index: 2;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* CARD CONTENT *\/\r\n .marrakech-tours-section .tour-body {\r\n padding: 40px 20px 20px;\r\n }\r\n\r\n .marrakech-tours-section .tour-card-title {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin-bottom: 12px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* LOCATION AND STARS ROW *\/\r\n .marrakech-tours-section .tour-meta-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n padding-bottom: 12px;\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n \/* LOCATION STYLING *\/\r\n .marrakech-tours-section .location {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n }\r\n \r\n .marrakech-tours-section .location i {\r\n color: #FF6C0C;\r\n }\r\n\r\n \/* RATING STARS *\/\r\n .marrakech-tours-section .rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n \r\n .marrakech-tours-section .rating i {\r\n color: #fbbf24;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .marrakech-tours-section .rating span {\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n margin-left: 5px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* FEATURES INFORMATION *\/\r\n .marrakech-tours-section .tour-features {\r\n margin-bottom: 18px;\r\n }\r\n \r\n .marrakech-tours-section .feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n margin-bottom: 6px;\r\n }\r\n \r\n .marrakech-tours-section .feature i {\r\n color: #FF6C0C;\r\n width: 16px;\r\n text-align: center;\r\n }\r\n\r\n \/* FOOTER *\/\r\n .marrakech-tours-section .tour-footer {\r\n padding-top: 18px;\r\n border-top: 1px solid #e2e8f0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n }\r\n\r\n \/* WHATSAPP BUTTON *\/\r\n .marrakech-tours-section .whatsapp-btn {\r\n background: #25D366;\r\n color: #fff;\r\n padding: 10px 22px;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n flex: 1;\r\n justify-content: center;\r\n text-align: center;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n .marrakech-tours-section .whatsapp-btn:hover {\r\n background: #128C7E;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\r\n }\r\n \r\n .marrakech-tours-section .whatsapp-btn i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* VIEW TOUR BUTTON *\/\r\n .marrakech-tours-section .view-btn {\r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%);\r\n color: #fff;\r\n padding: 10px 22px;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n flex: 1;\r\n justify-content: center;\r\n text-align: center;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n .marrakech-tours-section .view-btn:hover {\r\n background: linear-gradient(135deg, #BF1A1A 0%, #FF6C0C 100%);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(255, 108, 12, 0.3);\r\n }\r\n \r\n .marrakech-tours-section .view-btn i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n \/* ========== RESPONSIVE STYLES ========== *\/\r\n @media (max-width: 1024px) {\r\n .marrakech-tours-section .tours-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .marrakech-tours-section .tours-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 500px;\r\n }\r\n \r\n .marrakech-tours-section .tours-title {\r\n font-size: 2rem;\r\n }\r\n \r\n .marrakech-tours-section .tours-description {\r\n font-size: 1rem;\r\n }\r\n \r\n .marrakech-tours-section .tour-meta-row {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n \r\n .marrakech-tours-section .tour-footer {\r\n flex-direction: row;\r\n gap: 10px;\r\n }\r\n \r\n .marrakech-tours-section .whatsapp-btn,\r\n .marrakech-tours-section .view-btn {\r\n width: auto;\r\n flex: 1;\r\n padding: 10px 15px;\r\n font-size: 0.85rem;\r\n }\r\n \r\n .marrakech-tours-section .tour-body {\r\n padding: 40px 15px 20px;\r\n }\r\n \r\n .marrakech-tours-section .duration-badge {\r\n left: 15px;\r\n bottom: -18px;\r\n padding: 6px 12px;\r\n min-width: 65px;\r\n }\r\n \r\n .marrakech-tours-section .duration-days {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .marrakech-tours-section .tour-card-title {\r\n font-size: 1.15rem;\r\n line-height: 1.3;\r\n }\r\n \r\n .marrakech-tours-section .feature {\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n }\r\n \r\n .marrakech-tours-section {\r\n padding: 30px 15px;\r\n }\r\n \r\n .marrakech-tours-section .tours-title {\r\n font-size: 1.8rem;\r\n line-height: 1.2;\r\n }\r\n \r\n .marrakech-tours-section .tours-description {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .marrakech-tours-section .whatsapp-btn,\r\n .marrakech-tours-section .view-btn {\r\n padding: 10px 12px;\r\n font-size: 0.8rem;\r\n min-height: 44px;\r\n }\r\n \r\n .marrakech-tours-section .location {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .marrakech-tours-section .rating {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .marrakech-tours-section .rating i {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .marrakech-tours-section .whatsapp-btn,\r\n .marrakech-tours-section .view-btn {\r\n padding: 10px 8px;\r\n font-size: 0.75rem;\r\n }\r\n \r\n .marrakech-tours-section .tour-card-title {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .marrakech-tours-section .feature {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n \r\n <div class=\"tours-header\">\r\n <div class=\"tours-subtitle\">Maroc Voyage Camp du Sahara<\/div>\r\n <h2 class=\"tours-title\">Nos meilleurs circuits \u00e0 Marrakech<\/h2>\r\n <p class=\"tours-description\">\r\n D\u00e9couvrez nos circuits dans le d\u00e9sert de Marrakech et nos aventures dans le Sahara les plus populaires. D\u00e9couvrez d'authentiques camps berb\u00e8res, des randonn\u00e9es \u00e0 dos de chameau et des explorations culturelles avec des experts locaux.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"tours-grid\">\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/38f5fb63-f0fc-4da2-9dd5-c12a61608662.jpeg\" alt=\"8 Days Trek from Marrakech to M'Hamid El Ghizlane\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">8 jours<\/span>\r\n <span class=\"duration-text\">Trekking Tour<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Aventure<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 M'Hamid<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">8 jours de randonn\u00e9e de Marrakech \u00e0 M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Trekking complet dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-campground\"><\/i>Camps authentiques dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camera\"><\/i>Possibilit\u00e9s de photographie<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the 8 Days Trek from Marrakech to M'Hamid El Ghizlane\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/8-days-trek-from-marrakech-to-mhamid-el-ghizlane\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/bagagekameel-en-een-rijkameel.jpg\" alt=\"8 Days Trek from Marrakech to Echgaga\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">8 jours<\/span>\r\n <span class=\"duration-text\">Trekking Tour<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Trek dans le d\u00e9sert<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 Echgaga<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <span>4.8<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">8 jours de randonn\u00e9e de Marrakech \u00e0 Echgaga<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Exploration du d\u00e9sert d'Echgaga<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camel\"><\/i>Exp\u00e9rience de la caravane de chameaux<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-sun\"><\/i>Paysages d\u00e9sertiques \u00e9loign\u00e9s<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the 8 Days Trek from Marrakech to Echgaga\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/8-days-trek-from-marrakech-to-echgaga\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.47.31_c30892c2.jpg\" alt=\"9 Days Trek from Marrakech to M'hamid\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">9 jours<\/span>\r\n <span class=\"duration-text\">Trek prolong\u00e9<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Prime<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 M'hamid<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">9 jours de trek de Marrakech \u00e0 M'hamid<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Voyage prolong\u00e9 dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-campground\"><\/i>Camps de nuit multiples<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-moon\"><\/i>Nuits \u00e9toil\u00e9es du d\u00e9sert<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the 9 Days Trek from Marrakech to M'hamid\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/9-days-trek-from-marrakech-to-mhamid\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-16.41.53_76ad32fe.jpg\" alt=\"7 Days Trek from Marrakech to M'Hamid El Ghizlane\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">7 jours<\/span>\r\n <span class=\"duration-text\">Trekking Tour<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Classique<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 M'Hamid<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">Trek de 7 jours de Marrakech \u00e0 M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Aventure d'une semaine dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Trekking dans le d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-home\"><\/i>Immersion culturelle berb\u00e8re<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the 7 Days Trek from Marrakech to M'Hamid El Ghizlane\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/7-days-trek-from-marrakech-to-mhamid-el-ghizlane\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-15.49.14_5ee278f2.jpg\" alt=\"M'Hamid El Ghizlane Animal Visit Experience\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">1 jour<\/span>\r\n <span class=\"duration-text\">Exp\u00e9rience<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Culturel<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>M'Hamid El Ghizlane<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">M'Hamid El Ghizlane Exp\u00e9rience de visite d'animaux<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-paw\"><\/i>Rencontres avec des animaux du d\u00e9sert<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-users\"><\/i>Interaction avec la communaut\u00e9 locale<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-leaf\"><\/i>\u00c9ducation \u00e0 l'\u00e9cosyst\u00e8me du d\u00e9sert<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the M'Hamid El Ghizlane Animal Visit Experience\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/mhamid-el-ghizlane-animal-visit-experience\/\" class=\"view-btn\">\r\n <span>Voir l'exp\u00e9rience<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bf46cb e-con-full e-flex e-con e-parent\" data-id=\"0bf46cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-131a1d4 elementor-widget elementor-widget-html\" data-id=\"131a1d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mtsc-hero-banner\" id=\"mtsc-hero-banner\">\r\n <style>\r\n \/* SCOPED CSS - Only affects elements inside .mtsc-hero-banner *\/\r\n .mtsc-hero-banner * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .mtsc-hero-banner {\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Hero Banner Container *\/\r\n .mtsc-hero-banner .mtsc-hero {\r\n position: relative;\r\n height: 70vh;\r\n min-height: 500px;\r\n max-height: 800px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1;\r\n }\r\n \r\n \/* Background Image *\/\r\n .mtsc-hero-banner .mtsc-hero-image {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n }\r\n \r\n \/* Overlay for better text readability *\/\r\n .mtsc-hero-banner .mtsc-hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, \r\n rgba(10, 37, 64, 0.3), \r\n rgba(10, 37, 64, 0.85));\r\n z-index: 2;\r\n }\r\n \r\n \/* Content Container *\/\r\n .mtsc-hero-banner .mtsc-hero-content {\r\n position: relative;\r\n z-index: 3;\r\n text-align: center;\r\n color: #ffffff !important;\r\n max-width: 900px;\r\n padding: 0 25px;\r\n width: 100%;\r\n }\r\n \r\n \/* Eyebrow\/Tagline - FORCE WHITE COLOR *\/\r\n .mtsc-hero-banner .mtsc-hero-eyebrow {\r\n display: inline-block;\r\n background: rgba(255, 108, 12, 0.95);\r\n color: #ffffff !important;\r\n padding: 12px 28px;\r\n border-radius: 30px;\r\n font-size: 15px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 30px;\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n \/* Main Title - FORCE WHITE COLOR *\/\r\n .mtsc-hero-banner .mtsc-hero-title {\r\n font-size: clamp(40px, 6vw, 68px);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n margin-bottom: 25px;\r\n text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.7);\r\n letter-spacing: -0.5px;\r\n color: #ffffff !important;\r\n }\r\n \r\n \/* Subtitle - FORCE WHITE COLOR *\/\r\n .mtsc-hero-banner .mtsc-hero-subtitle {\r\n font-size: clamp(20px, 2.8vw, 26px);\r\n font-weight: 500;\r\n margin-bottom: 0;\r\n max-width: 700px;\r\n margin-inline: auto;\r\n opacity: 0.95;\r\n line-height: 1.4;\r\n text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Add these additional rules to ensure text stays white *\/\r\n .mtsc-hero-banner .mtsc-hero-content span,\r\n .mtsc-hero-banner .mtsc-hero-content h1,\r\n .mtsc-hero-banner .mtsc-hero-content h2,\r\n .mtsc-hero-banner .mtsc-hero-content h3,\r\n .mtsc-hero-banner .mtsc-hero-content p {\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Responsive Styles *\/\r\n @media (max-width: 1024px) {\r\n .mtsc-hero-banner .mtsc-hero {\r\n height: 65vh;\r\n min-height: 450px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .mtsc-hero-banner .mtsc-hero {\r\n height: 60vh;\r\n min-height: 400px;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-title {\r\n font-size: 36px;\r\n margin-bottom: 20px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-subtitle {\r\n font-size: 20px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-eyebrow {\r\n padding: 10px 22px;\r\n font-size: 14px;\r\n margin-bottom: 25px;\r\n color: #ffffff !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mtsc-hero-banner .mtsc-hero {\r\n height: 55vh;\r\n min-height: 350px;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-title {\r\n font-size: 32px;\r\n margin-bottom: 15px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-subtitle {\r\n font-size: 18px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-eyebrow {\r\n padding: 8px 18px;\r\n font-size: 13px;\r\n margin-bottom: 20px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-content {\r\n padding: 0 20px;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mtsc-hero-banner .mtsc-hero-title {\r\n font-size: 28px;\r\n color: #ffffff !important;\r\n }\r\n \r\n .mtsc-hero-banner .mtsc-hero-subtitle {\r\n font-size: 16px;\r\n color: #ffffff !important;\r\n }\r\n }\r\n <\/style>\r\n \r\n \r\n <div class=\"mtsc-hero\">\r\n <div class=\"mtsc-hero-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/gorges-du-dades-maroc.jpg.1920x0_q85_format-jpg-2.jpg\" \r\n alt=\"Morocco Travel Sahara Camp - Dades Gorges Morocco\">\r\n <\/div>\r\n <div class=\"mtsc-hero-overlay\"><\/div>\r\n <div class=\"mtsc-hero-content\">\r\n <span class=\"mtsc-hero-eyebrow\">Maroc Voyage Camp du Sahara<\/span>\r\n <h1 class=\"mtsc-hero-title\">D\u00e9couvrir le d\u00e9sert du Sahara au Maroc<\/h1>\r\n <p class=\"mtsc-hero-subtitle\">D\u00e9couvrez des paysages \u00e0 couper le souffle, une culture berb\u00e8re authentique et des aventures inoubliables dans le d\u00e9sert au c\u0153ur du Maroc.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0b3bff e-con-full e-flex e-con e-parent\" data-id=\"a0b3bff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d74fb2c elementor-widget elementor-widget-html\" data-id=\"d74fb2c\" 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>Services - Morocco Travel Sahara Camp<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* ===== SERVICES SECTION ===== *\/\r\n .mt-services-section {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n padding: 80px 20px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n .mt-services-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n \r\n .mt-services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-top: 40px;\r\n }\r\n \r\n .mt-service-card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px 30px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n border: 1px solid rgba(255, 108, 12, 0.1);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .mt-service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n }\r\n \r\n .mt-service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n }\r\n \r\n .mt-service-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 25px;\r\n color: white;\r\n font-size: 2rem;\r\n box-shadow: 0 8px 20px rgba(255, 108, 12, 0.3);\r\n }\r\n \r\n .mt-service-title {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: #2d3748;\r\n margin-bottom: 15px;\r\n line-height: 1.3;\r\n }\r\n \r\n .mt-service-description {\r\n color: #718096;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n margin-bottom: 25px;\r\n }\r\n \r\n \/* UPDATED BUTTON STYLING - Matching your tour page *\/\r\n .mt-service-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 30px;\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 9px; \/* Changed from 50px to 9px to match your style *\/\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 20px rgba(255, 108, 12, 0.3);\r\n border: none;\r\n cursor: pointer;\r\n letter-spacing: 0.3px;\r\n }\r\n \r\n .mt-service-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 25px rgba(191, 26, 26, 0.4);\r\n background: linear-gradient(135deg, #BF1A1A, #FF6C0C);\r\n }\r\n \r\n \/* Header Section *\/\r\n .mt-section-header {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .mt-section-subtitle {\r\n color: #FF6C0C;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .mt-section-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n color: #1e293b;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .mt-section-title strong {\r\n background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .mt-section-description {\r\n color: #64748b;\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n \r\n \/* Mobile Responsive *\/\r\n @media (max-width: 1024px) {\r\n .mt-services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .mt-services-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-top: 30px;\r\n }\r\n \r\n .mt-service-card {\r\n padding: 30px 25px;\r\n }\r\n \r\n .mt-section-title {\r\n font-size: 2rem;\r\n }\r\n \r\n .mt-service-icon {\r\n width: 70px;\r\n height: 70px;\r\n font-size: 1.8rem;\r\n }\r\n \r\n .mt-service-btn {\r\n padding: 12px 25px;\r\n font-size: 0.9rem;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mt-services-section {\r\n padding: 60px 15px;\r\n }\r\n \r\n .mt-services-grid {\r\n gap: 15px;\r\n }\r\n \r\n .mt-service-card {\r\n padding: 25px 20px;\r\n }\r\n \r\n .mt-service-title {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .mt-service-description {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .mt-service-btn {\r\n padding: 12px 20px;\r\n font-size: 0.85rem;\r\n }\r\n \r\n .mt-section-title {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .mt-section-description {\r\n font-size: 1rem;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mt-service-btn {\r\n padding: 10px 15px;\r\n font-size: 0.8rem;\r\n }\r\n \r\n .mt-service-icon {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"mt-services-section\">\r\n <div class=\"mt-services-container\">\r\n <div class=\"mt-section-header\">\r\n <p class=\"mt-section-subtitle\">Nos services<\/p>\r\n <h2 class=\"mt-section-title\">Compl\u00e9ter <strong>Maroc<\/strong> Exp\u00e9rience<\/h2>\r\n <p class=\"mt-section-description\">Nous fournissons des services de voyage complets pour rendre votre aventure au Maroc inoubliable.<\/p>\r\n <\/div>\r\n \r\n <div class=\"mt-services-grid\">\r\n \r\n <div class=\"mt-service-card\">\r\n <div class=\"mt-service-icon\">\r\n <i class=\"fas fa-mountain\"><\/i>\r\n <\/div>\r\n <h3 class=\"mt-service-title\">Trekking & Tours<\/h3>\r\n <p class=\"mt-service-description\">Randonn\u00e9es guid\u00e9es professionnelles dans les montagnes de l'Atlas, excursions dans le d\u00e9sert du Sahara et exp\u00e9riences d'aventure authentiques au Maroc avec des guides locaux certifi\u00e9s.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-calendar-check\"><\/i>\r\n Livre Trekking\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-service-card\">\r\n <div class=\"mt-service-icon\">\r\n <i class=\"fas fa-car\"><\/i>\r\n <\/div>\r\n <h3 class=\"mt-service-title\">Transport<\/h3>\r\n <p class=\"mt-service-description\">Transport priv\u00e9 confortable avec des chauffeurs professionnels. Transferts d'a\u00e9roport, d\u00e9placements de ville \u00e0 ville et transport dans le d\u00e9sert dans des v\u00e9hicules modernes et climatis\u00e9s.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-car\"><\/i>\r\n Transport de livres\r\n <\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-service-card\">\r\n <div class=\"mt-service-icon\">\r\n <i class=\"fas fa-hotel\"><\/i>\r\n <\/div>\r\n <h3 class=\"mt-service-title\">H\u00e9bergement<\/h3>\r\n <p class=\"mt-service-description\">Des h\u00e9bergements authentiques comprenant des camps de luxe dans le d\u00e9sert, des riads traditionnels, des h\u00f4tels et des maisons d'h\u00f4tes berb\u00e8res. Nous r\u00e9servons le s\u00e9jour id\u00e9al pour votre voyage au Maroc.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-bed\"><\/i>\r\n R\u00e9server un h\u00e9bergement\r\n <\/a>\r\n <\/div>\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-6865b09 e-con-full e-flex e-con e-parent\" data-id=\"6865b09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cadc39f elementor-widget elementor-widget-html\" data-id=\"cadc39f\" 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\" \/>\r\n <title>Morocco Travel Gallery | Sahara Camp Adventures<\/title>\r\n\r\n <style>\r\n \/*\r\n Professional Morocco Gallery\r\n - Fully scoped CSS to avoid breaking the rest of your website\r\n - Responsive for desktop, laptop, tablet, and mobile\r\n - Lazy loading, swipe support, keyboard support, autoplay pause, and accessibility improvements\r\n *\/\r\n\r\n #morocco-gallery-root {\r\n --gallery-accent: #ff6c0c;\r\n --gallery-accent-dark: #bf1a1a;\r\n --gallery-text: #172033;\r\n --gallery-muted: #64748b;\r\n --gallery-card: #ffffff;\r\n --gallery-border: rgba(15, 23, 42, 0.1);\r\n --gallery-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);\r\n --gallery-radius-xl: 32px;\r\n --gallery-radius-lg: 22px;\r\n\r\n width: 100%;\r\n padding: clamp(36px, 6vw, 80px) 16px;\r\n color: var(--gallery-text);\r\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n background: transparent;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n }\r\n\r\n #morocco-gallery-root,\r\n #morocco-gallery-root * {\r\n box-sizing: border-box;\r\n }\r\n\r\n #morocco-gallery-root button,\r\n #morocco-gallery-root img {\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n #morocco-gallery-root img {\r\n max-width: 100%;\r\n }\r\n\r\n #morocco-gallery-root .gallery-container {\r\n width: min(100%, 1280px);\r\n margin: 0 auto;\r\n }\r\n\r\n #morocco-gallery-root .gallery-header {\r\n max-width: 760px;\r\n margin: 0 auto clamp(24px, 4vw, 44px);\r\n text-align: center;\r\n }\r\n\r\n #morocco-gallery-root .gallery-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n min-height: 34px;\r\n padding: 7px 18px;\r\n margin-bottom: 16px;\r\n border: 1px solid rgba(255, 108, 12, 0.28);\r\n border-radius: 999px;\r\n background: rgba(255, 108, 12, 0.1);\r\n color: var(--gallery-accent-dark);\r\n font-size: clamp(0.75rem, 1.7vw, 0.88rem);\r\n font-weight: 800;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n }\r\n\r\n #morocco-gallery-root .gallery-title {\r\n margin: 0;\r\n font-size: clamp(2rem, 5vw, 4rem);\r\n font-weight: 900;\r\n letter-spacing: -0.045em;\r\n line-height: 1.04;\r\n text-wrap: balance;\r\n }\r\n\r\n #morocco-gallery-root .gallery-title span {\r\n color: var(--gallery-accent);\r\n background: linear-gradient(135deg, var(--gallery-accent), var(--gallery-accent-dark));\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n #morocco-gallery-root .gallery-description {\r\n max-width: 620px;\r\n margin: 16px auto 0;\r\n color: var(--gallery-muted);\r\n font-size: clamp(0.98rem, 2vw, 1.16rem);\r\n line-height: 1.65;\r\n }\r\n\r\n #morocco-gallery-root .carousel-shell {\r\n position: relative;\r\n }\r\n\r\n #morocco-gallery-root .carousel-wrapper {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n border: 1px solid var(--gallery-border);\r\n border-radius: var(--gallery-radius-xl);\r\n background: #e2e8f0;\r\n box-shadow: var(--gallery-shadow);\r\n isolation: isolate;\r\n outline: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-wrapper:focus-visible {\r\n box-shadow: 0 0 0 4px rgba(255, 108, 12, 0.22), var(--gallery-shadow);\r\n }\r\n\r\n #morocco-gallery-root .carousel-track {\r\n display: flex;\r\n height: 100%;\r\n transform: translate3d(0, 0, 0);\r\n transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);\r\n will-change: transform;\r\n touch-action: pan-y pinch-zoom;\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide {\r\n position: relative;\r\n flex: 0 0 100%;\r\n aspect-ratio: 16 \/ 9;\r\n min-height: 360px;\r\n overflow: hidden;\r\n background: linear-gradient(135deg, #e2e8f0, #f8fafc);\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n transform: scale(1.001);\r\n transition: transform 700ms ease, filter 700ms ease;\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide.is-active img {\r\n transform: scale(1.025);\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.24)),\r\n linear-gradient(90deg, rgba(0, 0, 0, 0.24), transparent 34%, transparent 66%, rgba(0, 0, 0, 0.12));\r\n pointer-events: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-loader {\r\n position: absolute;\r\n inset: 0;\r\n display: grid;\r\n place-items: center;\r\n color: var(--gallery-muted);\r\n font-size: 0.95rem;\r\n background: linear-gradient(135deg, #f8fafc, #e2e8f0);\r\n z-index: -1;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn {\r\n position: absolute;\r\n top: 50%;\r\n z-index: 5;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: clamp(42px, 4.4vw, 58px);\r\n height: clamp(42px, 4.4vw, 58px);\r\n border: 1px solid rgba(255, 255, 255, 0.38);\r\n border-radius: 999px;\r\n color: #111827;\r\n background: rgba(255, 255, 255, 0.86);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n box-shadow: 0 14px 35px rgba(15, 23, 42, 0.18);\r\n cursor: pointer;\r\n transform: translateY(-50%);\r\n transition: transform 220ms ease, background 220ms ease, color 220ms ease, box-shadow 220ms ease;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn svg {\r\n width: 24px;\r\n height: 24px;\r\n pointer-events: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn:hover,\r\n #morocco-gallery-root .carousel-btn:focus-visible {\r\n color: #ffffff;\r\n background: linear-gradient(135deg, var(--gallery-accent), var(--gallery-accent-dark));\r\n box-shadow: 0 18px 42px rgba(255, 108, 12, 0.32);\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn:hover {\r\n transform: translateY(-50%) scale(1.06);\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn:active {\r\n transform: translateY(-50%) scale(0.96);\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn.prev {\r\n left: clamp(10px, 2vw, 24px);\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn.next {\r\n right: clamp(10px, 2vw, 24px);\r\n }\r\n\r\n #morocco-gallery-root .carousel-status {\r\n position: absolute;\r\n right: clamp(14px, 2.4vw, 26px);\r\n bottom: clamp(14px, 2.4vw, 26px);\r\n z-index: 6;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n min-height: 36px;\r\n padding: 8px 14px;\r\n border: 1px solid rgba(255, 255, 255, 0.26);\r\n border-radius: 999px;\r\n color: #ffffff;\r\n background: rgba(15, 23, 42, 0.42);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n font-size: 0.9rem;\r\n font-weight: 800;\r\n line-height: 1;\r\n }\r\n\r\n #morocco-gallery-root .carousel-progress {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n z-index: 6;\r\n height: 4px;\r\n background: rgba(255, 255, 255, 0.35);\r\n }\r\n\r\n #morocco-gallery-root .carousel-progress span {\r\n display: block;\r\n width: 0%;\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--gallery-accent), var(--gallery-accent-dark));\r\n transition: width 220ms ease;\r\n }\r\n\r\n #morocco-gallery-root .carousel-controls {\r\n display: grid;\r\n grid-template-columns: 1fr auto 1fr;\r\n align-items: center;\r\n gap: 16px;\r\n margin-top: 22px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-dots {\r\n display: flex;\r\n grid-column: 2;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 10px 14px;\r\n border: 1px solid var(--gallery-border);\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.72);\r\n box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n\r\n #morocco-gallery-root .dot {\r\n width: 9px;\r\n height: 9px;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 999px;\r\n background: rgba(100, 116, 139, 0.38);\r\n cursor: pointer;\r\n transition: width 220ms ease, background 220ms ease, transform 220ms ease;\r\n }\r\n\r\n #morocco-gallery-root .dot:hover,\r\n #morocco-gallery-root .dot:focus-visible {\r\n background: rgba(255, 108, 12, 0.68);\r\n outline: none;\r\n transform: scale(1.18);\r\n }\r\n\r\n #morocco-gallery-root .dot.active {\r\n width: 28px;\r\n background: linear-gradient(135deg, var(--gallery-accent), var(--gallery-accent-dark));\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 22px;\r\n padding: 4px 4px 16px;\r\n overflow-x: auto;\r\n overscroll-behavior-inline: contain;\r\n scroll-snap-type: x proximity;\r\n scrollbar-width: thin;\r\n scrollbar-color: var(--gallery-accent) rgba(226, 232, 240, 0.75);\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip::-webkit-scrollbar {\r\n height: 6px;\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip::-webkit-scrollbar-track {\r\n border-radius: 999px;\r\n background: rgba(226, 232, 240, 0.9);\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip::-webkit-scrollbar-thumb {\r\n border-radius: 999px;\r\n background: var(--gallery-accent);\r\n }\r\n\r\n #morocco-gallery-root .thumbnail {\r\n flex: 0 0 92px;\r\n height: 66px;\r\n padding: 0;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n border-radius: 16px;\r\n background: #e2e8f0;\r\n box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);\r\n cursor: pointer;\r\n opacity: 0.68;\r\n scroll-snap-align: center;\r\n transition: transform 220ms ease, opacity 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\r\n }\r\n\r\n #morocco-gallery-root .thumbnail:hover,\r\n #morocco-gallery-root .thumbnail:focus-visible {\r\n opacity: 1;\r\n transform: translateY(-2px);\r\n outline: none;\r\n }\r\n\r\n #morocco-gallery-root .thumbnail.active {\r\n opacity: 1;\r\n border-color: var(--gallery-accent);\r\n box-shadow: 0 12px 24px rgba(255, 108, 12, 0.24);\r\n }\r\n\r\n #morocco-gallery-root .thumbnail img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n }\r\n\r\n #morocco-gallery-root .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border: 0;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n #morocco-gallery-root .carousel-slide {\r\n min-height: 320px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #morocco-gallery-root {\r\n padding-inline: 12px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-wrapper {\r\n border-radius: 24px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide {\r\n aspect-ratio: 4 \/ 3;\r\n min-height: 280px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn {\r\n top: auto;\r\n bottom: 16px;\r\n transform: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn:hover,\r\n #morocco-gallery-root .carousel-btn:active {\r\n transform: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn.prev {\r\n left: 14px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-btn.next {\r\n right: auto;\r\n left: 66px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-status {\r\n right: 14px;\r\n bottom: 16px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-controls {\r\n margin-top: 16px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-dots {\r\n max-width: 100%;\r\n overflow-x: auto;\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n @media (max-width: 560px) {\r\n #morocco-gallery-root .gallery-header {\r\n text-align: left;\r\n }\r\n\r\n #morocco-gallery-root .gallery-description {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n #morocco-gallery-root .carousel-slide {\r\n aspect-ratio: 1 \/ 1;\r\n min-height: 260px;\r\n }\r\n\r\n #morocco-gallery-root .carousel-status {\r\n font-size: 0.78rem;\r\n min-height: 32px;\r\n padding: 7px 11px;\r\n }\r\n\r\n #morocco-gallery-root .thumbnail-strip {\r\n display: none;\r\n }\r\n\r\n #morocco-gallery-root .carousel-dots {\r\n width: 100%;\r\n padding: 9px 10px;\r\n }\r\n\r\n #morocco-gallery-root .dot {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n\r\n #morocco-gallery-root .dot.active {\r\n width: 22px;\r\n }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n #morocco-gallery-root .carousel-slide {\r\n min-height: 230px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #morocco-gallery-root .carousel-track,\r\n #morocco-gallery-root .carousel-slide img,\r\n #morocco-gallery-root .carousel-btn,\r\n #morocco-gallery-root .dot,\r\n #morocco-gallery-root .thumbnail,\r\n #morocco-gallery-root .carousel-progress span {\r\n transition: none !important;\r\n animation: none !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <section id=\"morocco-gallery-root\" aria-labelledby=\"morocco-gallery-title\">\r\n <div class=\"gallery-container\">\r\n <header class=\"gallery-header\">\r\n <div class=\"gallery-kicker\">Discover Moments<\/div>\r\n <h2 class=\"gallery-title\" id=\"morocco-gallery-title\">Maroc <span>Travel Gallery<\/span><\/h2>\r\n <p class=\"gallery-description\">\r\n Explore Sahara camp memories, Moroccan landscapes, desert adventures, and cultural highlights from unforgettable journeys.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"carousel-shell\">\r\n <div class=\"carousel-wrapper\" id=\"galleryCarousel\" tabindex=\"0\" aria-roledescription=\"carousel\" aria-label=\"Morocco travel image gallery\">\r\n <div class=\"carousel-loader\" aria-hidden=\"true\">Loading gallery...<\/div>\r\n <div class=\"carousel-track\" id=\"carouselTrack\"><\/div>\r\n\r\n <button class=\"carousel-btn prev\" id=\"prevBtn\" type=\"button\" aria-label=\"Previous image\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M15 18l-6-6 6-6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <button class=\"carousel-btn next\" id=\"nextBtn\" type=\"button\" aria-label=\"Next image\">\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M9 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div class=\"carousel-status\" aria-hidden=\"true\">\r\n <span id=\"currentSlideNumber\">1<\/span>\r\n <span>\/<\/span>\r\n <span id=\"totalSlideNumber\">1<\/span>\r\n <\/div>\r\n\r\n <div class=\"carousel-progress\" aria-hidden=\"true\">\r\n <span id=\"carouselProgressBar\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"sr-only\" id=\"galleryLiveRegion\" aria-live=\"polite\">Image 1 selected.<\/p>\r\n\r\n <div class=\"carousel-controls\" aria-label=\"Gallery slide controls\">\r\n <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"thumbnail-strip\" id=\"thumbnailStrip\" aria-label=\"Gallery thumbnails\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n (function () {\r\n \"use strict\";\r\n\r\n const rawImageUrls = [\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/fea00a96-80b8-4797-8ac6-99eb2b0d3214.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/f0484e9e-6977-4bd6-afd4-388fb5123046.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/80fe431d-1842-4ced-b0bc-1a8ca4994a60.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/3504bd89-5e9e-42d9-b4cb-949222b15ae0.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/a240480e-0ffc-4633-a06b-9ac23b85f754.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/2612c2c3-2a0d-4f90-b9b2-d0ea836cd14c.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/8a02b5bb-7bd4-4160-805e-111a40778290.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/03803648-7fd6-41cf-ae11-7edd4e4fbb6b.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/4c38f77d-bf9b-4e5a-a44f-ff949e2db88b.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/bde8ae01-1c52-4a21-abdb-c7aa86aecd4f.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/06f8fce4-de48-4e92-bbf5-cf8bccd5c3a3.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/43150ac2-9e16-480d-b45e-8e695d59b69c.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/0fe856cd-c272-46ed-8f5e-4cb2c83c48a2.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/6fa1f6be-561f-4831-9ece-ae29ccbd6e44.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/f458075e-fd51-40a8-8015-de832f239daf.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/98ba51e6-0fb8-433d-8a89-d58c4a6739cf.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/814cbda2-7e18-4ef0-97a8-3ececfb85792.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/68d421c9-184e-45b8-a304-944a85720b67.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/cda4ee54-aec8-4509-8159-28b00e4290c8.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/2ae303f7-47af-4b62-9ba8-4160991a762d.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/9156d856-02d6-441e-bc1d-939201a75e3a.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/2163c35c-2c85-407f-9680-171a31e5af38.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/54f0ed42-848c-412f-a715-6f9124155f9f.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/3aeaa03a-249b-4af3-9368-054eb392ffc8.jpeg\",\r\n \"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2026\/05\/5e06c179-316c-4072-a9df-87c080bcfbb4.jpeg\"\r\n ];\r\n\r\n const imageUrls = Array.from(new Set(rawImageUrls))\r\n .filter(Boolean)\r\n .map((url) => url.replace(\/^http:\\\/\\\/\/i, \"https:\/\/\"));\r\n\r\n const root = document.getElementById(\"morocco-gallery-root\");\r\n const carousel = root.querySelector(\"#galleryCarousel\");\r\n const track = root.querySelector(\"#carouselTrack\");\r\n const dotsContainer = root.querySelector(\"#carouselDots\");\r\n const thumbnailStrip = root.querySelector(\"#thumbnailStrip\");\r\n const prevBtn = root.querySelector(\"#prevBtn\");\r\n const nextBtn = root.querySelector(\"#nextBtn\");\r\n const currentSlideNumber = root.querySelector(\"#currentSlideNumber\");\r\n const totalSlideNumber = root.querySelector(\"#totalSlideNumber\");\r\n const progressBar = root.querySelector(\"#carouselProgressBar\");\r\n const liveRegion = root.querySelector(\"#galleryLiveRegion\");\r\n\r\n const AUTOPLAY_DELAY = 4800;\r\n const SWIPE_THRESHOLD = 42;\r\n const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n let currentIndex = 0;\r\n let autoplayTimer = null;\r\n let isPointerInside = false;\r\n let isCarouselVisible = true;\r\n let touchStartX = 0;\r\n let touchStartY = 0;\r\n\r\n function createIconlessButton(className, label, index) {\r\n const button = document.createElement(\"button\");\r\n button.type = \"button\";\r\n button.className = className;\r\n button.setAttribute(\"aria-label\", label);\r\n button.dataset.index = String(index);\r\n return button;\r\n }\r\n\r\n function buildCarousel() {\r\n if (!imageUrls.length) {\r\n track.innerHTML = '<div class=\"carousel-slide\"><p style=\"padding: 40px; color: #64748b;\">No gallery images found.<\/p><\/div>';\r\n return;\r\n }\r\n\r\n const slidesFragment = document.createDocumentFragment();\r\n const dotsFragment = document.createDocumentFragment();\r\n const thumbsFragment = document.createDocumentFragment();\r\n\r\n imageUrls.forEach((url, index) => {\r\n const slide = document.createElement(\"figure\");\r\n slide.className = \"carousel-slide\";\r\n slide.setAttribute(\"aria-roledescription\", \"slide\");\r\n slide.setAttribute(\"aria-label\", `Image ${index + 1} of ${imageUrls.length}`);\r\n\r\n const image = document.createElement(\"img\");\r\n image.src = url;\r\n image.alt = `Morocco travel gallery photo ${index + 1}`;\r\n image.loading = index === 0 ? \"eager\" : \"lazy\";\r\n image.decoding = \"async\";\r\n image.fetchPriority = index === 0 ? \"high\" : \"auto\";\r\n\r\n slide.appendChild(image);\r\n slidesFragment.appendChild(slide);\r\n\r\n const dot = createIconlessButton(\"dot\", `Go to image ${index + 1}`, index);\r\n dotsFragment.appendChild(dot);\r\n\r\n const thumbnail = createIconlessButton(\"thumbnail\", `View thumbnail ${index + 1}`, index);\r\n const thumbImage = document.createElement(\"img\");\r\n thumbImage.src = url;\r\n thumbImage.alt = \"\";\r\n thumbImage.loading = \"lazy\";\r\n thumbImage.decoding = \"async\";\r\n thumbnail.appendChild(thumbImage);\r\n thumbsFragment.appendChild(thumbnail);\r\n });\r\n\r\n track.replaceChildren(slidesFragment);\r\n dotsContainer.replaceChildren(dotsFragment);\r\n thumbnailStrip.replaceChildren(thumbsFragment);\r\n totalSlideNumber.textContent = String(imageUrls.length);\r\n updateCarousel(0, false);\r\n }\r\n\r\n function updateCarousel(index, shouldAnnounce = true) {\r\n currentIndex = (index + imageUrls.length) % imageUrls.length;\r\n track.style.transform = `translate3d(-${currentIndex * 100}%, 0, 0)`;\r\n\r\n const slides = track.children;\r\n const dots = dotsContainer.children;\r\n const thumbnails = thumbnailStrip.children;\r\n\r\n for (let i = 0; i < imageUrls.length; i += 1) {\r\n slides[i]?.classList.toggle(\"is-active\", i === currentIndex);\r\n dots[i]?.classList.toggle(\"active\", i === currentIndex);\r\n thumbnails[i]?.classList.toggle(\"active\", i === currentIndex);\r\n dots[i]?.setAttribute(\"aria-current\", i === currentIndex ? \"true\" : \"false\");\r\n thumbnails[i]?.setAttribute(\"aria-current\", i === currentIndex ? \"true\" : \"false\");\r\n }\r\n\r\n const slideNumber = currentIndex + 1;\r\n currentSlideNumber.textContent = String(slideNumber);\r\n progressBar.style.width = `${(slideNumber \/ imageUrls.length) * 100}%`;\r\n\r\n if (shouldAnnounce) {\r\n liveRegion.textContent = `Image ${slideNumber} of ${imageUrls.length} selected.`;\r\n }\r\n\r\n scrollActiveThumbnailIntoView();\r\n }\r\n\r\n function scrollActiveThumbnailIntoView() {\r\n const activeThumbnail = thumbnailStrip.querySelector(\".thumbnail.active\");\r\n if (!activeThumbnail || thumbnailStrip.offsetParent === null) return;\r\n\r\n activeThumbnail.scrollIntoView({\r\n behavior: prefersReducedMotion ? \"auto\" : \"smooth\",\r\n block: \"nearest\",\r\n inline: \"center\"\r\n });\r\n }\r\n\r\n function goToSlide(index) {\r\n updateCarousel(index);\r\n restartAutoplay();\r\n }\r\n\r\n function nextSlide() {\r\n updateCarousel(currentIndex + 1);\r\n }\r\n\r\n function previousSlide() {\r\n updateCarousel(currentIndex - 1);\r\n }\r\n\r\n function shouldAutoplayRun() {\r\n return !prefersReducedMotion && !isPointerInside && isCarouselVisible && !document.hidden;\r\n }\r\n\r\n function startAutoplay() {\r\n stopAutoplay();\r\n if (!shouldAutoplayRun()) return;\r\n autoplayTimer = window.setInterval(nextSlide, AUTOPLAY_DELAY);\r\n }\r\n\r\n function stopAutoplay() {\r\n if (autoplayTimer) {\r\n window.clearInterval(autoplayTimer);\r\n autoplayTimer = null;\r\n }\r\n }\r\n\r\n function restartAutoplay() {\r\n stopAutoplay();\r\n startAutoplay();\r\n }\r\n\r\n function handleControlClick(event) {\r\n const target = event.target.closest(\"button[data-index]\");\r\n if (!target) return;\r\n goToSlide(Number(target.dataset.index));\r\n }\r\n\r\n prevBtn.addEventListener(\"click\", () => {\r\n previousSlide();\r\n restartAutoplay();\r\n });\r\n\r\n nextBtn.addEventListener(\"click\", () => {\r\n nextSlide();\r\n restartAutoplay();\r\n });\r\n\r\n dotsContainer.addEventListener(\"click\", handleControlClick);\r\n thumbnailStrip.addEventListener(\"click\", handleControlClick);\r\n\r\n carousel.addEventListener(\"keydown\", (event) => {\r\n if (event.key === \"ArrowLeft\") {\r\n event.preventDefault();\r\n previousSlide();\r\n restartAutoplay();\r\n }\r\n\r\n if (event.key === \"ArrowRight\") {\r\n event.preventDefault();\r\n nextSlide();\r\n restartAutoplay();\r\n }\r\n });\r\n\r\n carousel.addEventListener(\"mouseenter\", () => {\r\n isPointerInside = true;\r\n stopAutoplay();\r\n });\r\n\r\n carousel.addEventListener(\"mouseleave\", () => {\r\n isPointerInside = false;\r\n startAutoplay();\r\n });\r\n\r\n carousel.addEventListener(\"touchstart\", (event) => {\r\n const touch = event.changedTouches[0];\r\n touchStartX = touch.clientX;\r\n touchStartY = touch.clientY;\r\n stopAutoplay();\r\n }, { passive: true });\r\n\r\n carousel.addEventListener(\"touchend\", (event) => {\r\n const touch = event.changedTouches[0];\r\n const diffX = touchStartX - touch.clientX;\r\n const diffY = touchStartY - touch.clientY;\r\n\r\n if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > SWIPE_THRESHOLD) {\r\n diffX > 0 ? nextSlide() : previousSlide();\r\n }\r\n\r\n startAutoplay();\r\n }, { passive: true });\r\n\r\n document.addEventListener(\"visibilitychange\", restartAutoplay);\r\n\r\n if (\"IntersectionObserver\" in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n isCarouselVisible = entries[0]?.isIntersecting ?? true;\r\n restartAutoplay();\r\n }, { threshold: 0.35 });\r\n\r\n observer.observe(root);\r\n }\r\n\r\n window.addEventListener(\"resize\", () => {\r\n window.requestAnimationFrame(scrollActiveThumbnailIntoView);\r\n });\r\n\r\n buildCarousel();\r\n startAutoplay();\r\n })();\r\n <\/script>\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-27d54fb e-con-full e-flex e-con e-parent\" data-id=\"27d54fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18f4212 elementor-widget elementor-widget-html\" data-id=\"18f4212\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div id=\"morocco-day-trips-container\" class=\"marrakech-tours-section\">\r\n <style scoped>\r\n \/* SCOPED CSS - Uses a unique ID to avoid conflicts *\/\r\n #morocco-day-trips-container * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n #morocco-day-trips-container {\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n padding: 40px 20px;\r\n background: #fff;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n\r\n \/* HEADER SECTION *\/\r\n #morocco-day-trips-container .tours-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n #morocco-day-trips-container .tours-subtitle {\r\n color: #FF6C0C;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n\r\n #morocco-day-trips-container .tours-title {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n #morocco-day-trips-container .tours-description {\r\n font-size: 1.1rem;\r\n color: #64748b;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* GRID LAYOUT *\/\r\n #morocco-day-trips-container .tours-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* CARD DESIGN *\/\r\n #morocco-day-trips-container .tour-card {\r\n background: #fff;\r\n border-radius: 20px;\r\n overflow: visible;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid #e2e8f0;\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n #morocco-day-trips-container .tour-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #FF6C0C;\r\n box-shadow: 0 20px 40px rgba(255, 108, 12, 0.15);\r\n }\r\n\r\n \/* IMAGE SECTION *\/\r\n #morocco-day-trips-container .tour-img {\r\n height: 240px;\r\n position: relative;\r\n overflow: visible;\r\n }\r\n\r\n #morocco-day-trips-container .tour-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n \/* DURATION BADGE *\/\r\n #morocco-day-trips-container .duration-badge {\r\n position: absolute;\r\n left: 20px;\r\n bottom: -20px;\r\n background: #fff;\r\n color: #FF6C0C;\r\n padding: 8px 16px;\r\n border-radius: 9px;\r\n font-weight: bold;\r\n z-index: 2;\r\n border: 2px solid #FF6C0C;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n min-width: 70px;\r\n }\r\n\r\n #morocco-day-trips-container .duration-days {\r\n font-size: 1.3rem;\r\n line-height: 1;\r\n color: #FF6C0C;\r\n font-weight: 800;\r\n }\r\n \r\n #morocco-day-trips-container .duration-text {\r\n font-size: 0.65rem;\r\n letter-spacing: 0.08em;\r\n color: #64748b;\r\n text-transform: uppercase;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* DATE BADGE *\/\r\n #morocco-day-trips-container .date-badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n padding: 6px 16px;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n border-radius: 9px;\r\n background: #FF6C0C;\r\n color: #fff;\r\n z-index: 2;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* CARD CONTENT *\/\r\n #morocco-day-trips-container .tour-body {\r\n padding: 40px 20px 20px;\r\n }\r\n\r\n #morocco-day-trips-container .tour-card-title {\r\n font-size: 1.25rem;\r\n font-weight: 700;\r\n color: #1e293b;\r\n margin-bottom: 12px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* LOCATION AND STARS ROW *\/\r\n #morocco-day-trips-container .tour-meta-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n padding-bottom: 12px;\r\n border-bottom: 1px solid #e2e8f0;\r\n }\r\n\r\n \/* LOCATION STYLING *\/\r\n #morocco-day-trips-container .location {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n }\r\n \r\n #morocco-day-trips-container .location i {\r\n color: #FF6C0C;\r\n }\r\n\r\n \/* RATING STARS *\/\r\n #morocco-day-trips-container .rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n \r\n #morocco-day-trips-container .rating i {\r\n color: #fbbf24;\r\n font-size: 0.9rem;\r\n }\r\n \r\n #morocco-day-trips-container .rating span {\r\n font-size: 0.85rem;\r\n color: #64748b;\r\n margin-left: 5px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* FEATURES INFORMATION *\/\r\n #morocco-day-trips-container .tour-features {\r\n margin-bottom: 18px;\r\n }\r\n \r\n #morocco-day-trips-container .feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.9rem;\r\n color: #64748b;\r\n margin-bottom: 6px;\r\n }\r\n \r\n #morocco-day-trips-container .feature i {\r\n color: #FF6C0C;\r\n width: 16px;\r\n text-align: center;\r\n }\r\n\r\n \/* FOOTER *\/\r\n #morocco-day-trips-container .tour-footer {\r\n padding-top: 18px;\r\n border-top: 1px solid #e2e8f0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 15px;\r\n }\r\n\r\n \/* WHATSAPP BUTTON *\/\r\n #morocco-day-trips-container .whatsapp-btn {\r\n background: #25D366;\r\n color: #fff;\r\n padding: 10px 22px;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n flex: 1;\r\n justify-content: center;\r\n text-align: center;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n #morocco-day-trips-container .whatsapp-btn:hover {\r\n background: #128C7E;\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\r\n }\r\n \r\n #morocco-day-trips-container .whatsapp-btn i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n \/* VIEW TOUR BUTTON *\/\r\n #morocco-day-trips-container .view-btn {\r\n background: linear-gradient(135deg, #FF6C0C 0%, #BF1A1A 100%);\r\n color: #fff;\r\n padding: 10px 22px;\r\n border-radius: 9px;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n letter-spacing: 0.3px;\r\n white-space: nowrap;\r\n flex: 1;\r\n justify-content: center;\r\n text-align: center;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n #morocco-day-trips-container .view-btn:hover {\r\n background: linear-gradient(135deg, #BF1A1A 0%, #FF6C0C 100%);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(255, 108, 12, 0.3);\r\n }\r\n \r\n #morocco-day-trips-container .view-btn i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n \/* ========== RESPONSIVE STYLES ========== *\/\r\n @media (max-width: 1024px) {\r\n #morocco-day-trips-container .tours-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n #morocco-day-trips-container .tours-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 500px;\r\n }\r\n \r\n #morocco-day-trips-container .tours-title {\r\n font-size: 2rem;\r\n }\r\n \r\n #morocco-day-trips-container .tours-description {\r\n font-size: 1rem;\r\n }\r\n \r\n #morocco-day-trips-container .tour-meta-row {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n \r\n #morocco-day-trips-container .tour-footer {\r\n flex-direction: row;\r\n gap: 10px;\r\n }\r\n \r\n #morocco-day-trips-container .whatsapp-btn,\r\n #morocco-day-trips-container .view-btn {\r\n width: auto;\r\n flex: 1;\r\n padding: 10px 15px;\r\n font-size: 0.85rem;\r\n }\r\n \r\n #morocco-day-trips-container .tour-body {\r\n padding: 40px 15px 20px;\r\n }\r\n \r\n #morocco-day-trips-container .duration-badge {\r\n left: 15px;\r\n bottom: -18px;\r\n padding: 6px 12px;\r\n min-width: 65px;\r\n }\r\n \r\n #morocco-day-trips-container .duration-days {\r\n font-size: 1.2rem;\r\n }\r\n \r\n #morocco-day-trips-container .tour-card-title {\r\n font-size: 1.15rem;\r\n line-height: 1.3;\r\n }\r\n \r\n #morocco-day-trips-container .feature {\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n }\r\n \r\n #morocco-day-trips-container {\r\n padding: 30px 15px;\r\n }\r\n \r\n #morocco-day-trips-container .tours-title {\r\n font-size: 1.8rem;\r\n line-height: 1.2;\r\n }\r\n \r\n #morocco-day-trips-container .tours-description {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n #morocco-day-trips-container .whatsapp-btn,\r\n #morocco-day-trips-container .view-btn {\r\n padding: 10px 12px;\r\n font-size: 0.8rem;\r\n min-height: 44px;\r\n }\r\n \r\n #morocco-day-trips-container .location {\r\n font-size: 0.8rem;\r\n }\r\n \r\n #morocco-day-trips-container .rating {\r\n font-size: 0.8rem;\r\n }\r\n \r\n #morocco-day-trips-container .rating i {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n #morocco-day-trips-container .whatsapp-btn,\r\n #morocco-day-trips-container .view-btn {\r\n padding: 10px 8px;\r\n font-size: 0.75rem;\r\n }\r\n \r\n #morocco-day-trips-container .tour-card-title {\r\n font-size: 1.1rem;\r\n }\r\n \r\n #morocco-day-trips-container .feature {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n \r\n <div class=\"tours-header\">\r\n <div class=\"tours-subtitle\">Maroc Voyage Camp du Sahara<\/div>\r\n <h2 class=\"tours-title\">Meilleures excursions d'une journ\u00e9e \u00e0 partir de Marrakech<\/h2>\r\n <p class=\"tours-description\">\r\n D\u00e9couvrez des destinations \u00e9tonnantes \u00e0 une journ\u00e9e d'excursion de Marrakech. Explorez les cascades, les d\u00e9serts et les sites historiques gr\u00e2ce \u00e0 nos visites guid\u00e9es.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"tours-grid\">\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/Volubilis-My-Idriss-Meknes-Day-trip-with-Pure-Morocco-1.webp\" alt=\"Meknes, Volubilis & Moulay Idriss Day Trip\" loading=\"lazy\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">1 jour<\/span>\r\n <span class=\"duration-text\">Excursion d'une journ\u00e9e<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Historique<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>F\u00e8s \u2192 Villes imp\u00e9riales<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <span>4.8<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">Journ\u00e9e Mekn\u00e8s, Volubilis et Moulay Idriss<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-landmark\"><\/i>Ruines romaines et ville sacr\u00e9e<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-archway\"><\/i>Sites du patrimoine mondial de l'UNESCO<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camera\"><\/i>Exploration arch\u00e9ologique<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the Meknes, Volubilis & Moulay Idriss Day Trip\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/meknes-volubilis-moulay-idriss-day-trip\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/DAY-PASS.jpg\" alt=\"Agafay Desert Day Trip\" loading=\"lazy\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">1 jour<\/span>\r\n <span class=\"duration-text\">Excursion d'une journ\u00e9e<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">D\u00e9sert<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 D\u00e9sert d'Agafay<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">Excursion d'une journ\u00e9e dans le d\u00e9sert d'Agafay<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-sun\"><\/i>L'exp\u00e9rience du d\u00e9sert de pierres<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camel\"><\/i>Promenade en chameau incluse<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-moon\"><\/i>Vues du coucher de soleil<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the Agafay Desert Day Trip\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/agafay-desert-day-trip\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tour-card\">\r\n <div class=\"tour-img\">\r\n <img decoding=\"async\" src=\"http:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/excursion_en_bateaux_a_ouzoud.jpg\" alt=\"Ouzoud Waterfalls Excursion\" loading=\"lazy\" \/>\r\n <div class=\"duration-badge\">\r\n <span class=\"duration-days\">1 jour<\/span>\r\n <span class=\"duration-text\">Excursion d'une journ\u00e9e<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Nature<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-body\">\r\n <div class=\"tour-meta-row\">\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Marrakech \u2192 Cascades d'Ouzoud<\/span>\r\n <\/div>\r\n \r\n <div class=\"rating\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <span>5.0<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"tour-card-title\">Excursion aux chutes d'eau d'Ouzoud, excursion d'une journ\u00e9e<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-water\"><\/i>Les plus hautes chutes d'eau du Maroc<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-ship\"><\/i>Possibilit\u00e9 de promenade en bateau<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Sentiers de randonn\u00e9e<\/div>\r\n <\/div>\r\n\r\n <div class=\"tour-footer\">\r\n <a href=\"https:\/\/wa.me\/212667146944?text=Hello! I'm interested in the Ouzoud Waterfalls Excursion\" target=\"_blank\" class=\"whatsapp-btn\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <span>WhatsApp<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/ouzoud-waterfalls-excursion-day-trip\/\" class=\"view-btn\">\r\n <span>Voir la visite<\/span> <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Morocco Travel Sahara Camp – Desert Tours & Trekking Adventures Morocco … <\/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-345","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":109,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/345\/revisions"}],"predecessor-version":[{"id":984,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/345\/revisions\/984"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/media?parent=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}