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=\"Marocco Viaggio Sahara Camp Banner\">\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\">Esperti di viaggio in Marocco<\/p>\r\n <h1 class=\"sahara-camp-hero__title\" itemprop=\"headline\">\r\n <strong>Viaggio in Marocco<\/strong> & <strong>Campo Sahara<\/strong> Avventure\r\n <\/h1>\r\n <p class=\"sahara-camp-hero__sub\" itemprop=\"description\">\r\n Provate l'autentico viaggio in Marocco con le avventure del Sahara Camp: tour nel deserto, trekking ed esperienze culturali con esperti locali.\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\/it\/morocco-tours\/\" aria-label=\"Prenotate il vostro tour del deserto del Marocco e l'esperienza dell'accampamento del Sahara\" itemprop=\"url\">\r\n Prenota ora\r\n <\/a>\r\n <a class=\"sahara-camp-hero__btn sahara-camp-hero__btn--ghost\" href=\"https:\/\/moroccotravelsaharacamp.com\/it\/morocco-day-trips\/\" aria-label=\"Vedi tutte le attivit\u00e0 di viaggio e i pacchetti trekking in Marocco\">\r\n Gite di un giorno\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"sahara-camp-hero__trust\" role=\"list\" aria-label=\"Perch\u00e9 scegliere 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>Guide berbere locali<\/strong>\r\n <span>Esperienze autentiche nel campo del 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>Tour nel deserto del Sahara<\/strong>\r\n <span>Trekking sulle montagne dell'Atlante<\/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 Valutato<\/strong>\r\n <span>La migliore agenzia di viaggi del Marocco<\/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=\"Destinazioni di viaggio in Marocco\">\r\n \r\n \r\n <div class=\"mtc-section-title\">\r\n <h2>Esplorate le migliori destinazioni del Marocco<\/h2>\r\n <p>Iniziate la vostra avventura da queste incredibili citt\u00e0 marocchine con i nostri tour guidati da esperti<\/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>Tour di Casablanca<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/explore-casablanca-tours\/\" class=\"mtc-dest-btn\" aria-label=\"Scoprire Casablanca\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n Esplorare i tour\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>Tour di Marrakech<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/explore-marrakech-tours\/\" class=\"mtc-dest-btn\" aria-label=\"Scoprire Marrakech\">\r\n <i class=\"fas fa-landmark\"><\/i>\r\n Esplorare i tour\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>Tour di Fes<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/explore-fes-tours\/\" class=\"mtc-dest-btn\" aria-label=\"Scoprire Fes\">\r\n <i class=\"fas fa-compass\"><\/i>\r\n Esplorare i tour\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>Tour di Tangeri<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/explore-Tangier-tours\/\" class=\"mtc-dest-btn\" aria-label=\"Scoprire Tangeri\">\r\n <i class=\"fas fa-ship\"><\/i>\r\n Esplorare i tour\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> Esperti di viaggi nel Sahara di fiducia\r\n <\/div>\r\n\r\n <h2 class=\"sahara-premium-title\">\r\n Il tuo <span>Viaggio in Marocco<\/span> & <span>Campo Sahara<\/span> L'avventura inizia qui\r\n <\/h2>\r\n\r\n <p class=\"sahara-premium-description\">\r\n Scoprire il vero <strong>Marocco<\/strong> con autentici <strong>Campo Sahara<\/strong> esperienze, guidate <strong>Trekking sulle montagne dell'Atlante<\/strong>, e indimenticabile <strong>tour nel deserto<\/strong>. In qualit\u00e0 di vostro interlocutore locale di fiducia <strong>Agenzia di viaggi in Marocco<\/strong>, siamo specializzati nella creazione di viaggi personalizzati da <strong>Da Tangeri a Marrakech<\/strong> e in profondit\u00e0 nelle dune dorate del <strong>Deserto del Sahara<\/strong>. Ci dedichiamo alla trasparenza, alla sicurezza e alla creazione di avventure senza stress che vi mettano in contatto con il cuore del mondo. <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"noopener noreferrer\">Marocco<\/a> e il suo ricco patrimonio berbero[citazione:6].\r\n <\/p>\r\n\r\n \r\n <div class=\"sahara-premium-cta\">\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/morocco-tours\/\" class=\"sahara-btn-premium\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Prenota il tuo tour nel deserto\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/contact-morocco-travel-sahara-camp\/\" class=\"sahara-btn-outline-premium\">\r\n <i class=\"fas fa-phone-alt\"><\/i> Pianificare l'avventura\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>Tour nel deserto e passeggiate a dorso di cammello<\/h4>\r\n <p>Sperimentate le iconiche escursioni in cammello tra le dune dorate dell'Erg Chebbi e l'autentico campeggio nel deserto del Sahara sotto le stelle[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 sulle montagne dell'Atlante<\/h4>\r\n <p>Escursioni guidate nell'Alto Atlante mozzafiato, tra villaggi berberi e paesaggi naturali mozzafiato.<\/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>Itinerari personalizzati in Marocco<\/h4>\r\n <p>Programmi di viaggio personalizzati da Tangeri, Fes o Marrakech, studiati in base ai vostri ritmi, interessi e 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>Servizio locale e trasparente<\/h4>\r\n <p>Un'agenzia locale 100% che offre comunicazione onesta, prezzi chiari e assistenza 24\/7 per un viaggio senza interruzioni[citazione: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\">Viaggi in Marocco Campo Sahara<\/div>\r\n <h2 class=\"tours-title\">I nostri migliori tour di Marrakech<\/h2>\r\n <p class=\"tours-description\">\r\n Scoprite i nostri tour pi\u00f9 popolari nel deserto di Marrakech e le avventure nel Sahara. Scoprite gli autentici accampamenti berberi, il trekking in cammello e l'esplorazione culturale con gli esperti locali.\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 giorni<\/span>\r\n <span class=\"duration-text\">Tour di trekking<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Avventura<\/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\">Trekking di 8 giorni da Marrakech a M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Trekking completo nel deserto<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-campground\"><\/i>Autentici campi nel deserto<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camera\"><\/i>Opportunit\u00e0 di fotografia<\/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\/it\/8-days-trek-from-marrakech-to-mhamid-el-ghizlane\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorni<\/span>\r\n <span class=\"duration-text\">Tour di trekking<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Trekking nel deserto<\/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\">Trekking di 8 giorni da Marrakech a Echgaga<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Esplorazione del deserto di Echgaga<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camel\"><\/i>Esperienza di cammello in roulotte<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-sun\"><\/i>Paesaggi desertici remoti<\/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\/it\/8-days-trek-from-marrakech-to-echgaga\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorni<\/span>\r\n <span class=\"duration-text\">Trek esteso<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Premio<\/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 giorni di trekking da Marrakech a M'hamid<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Viaggio nel deserto esteso<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-campground\"><\/i>Campi multipli di pernottamento<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-moon\"><\/i>Notti stellate nel deserto<\/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\/it\/9-days-trek-from-marrakech-to-mhamid\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorni<\/span>\r\n <span class=\"duration-text\">Tour di trekking<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Classico<\/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\">Trekking di 7 giorni da Marrakech a M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Avventura nel deserto per una settimana<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Esperienza di trekking nel deserto<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-home\"><\/i>Immersione culturale berbera<\/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\/it\/7-days-trek-from-marrakech-to-mhamid-el-ghizlane\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorno<\/span>\r\n <span class=\"duration-text\">Esperienza<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Culturale<\/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\">Esperienza di visita agli animali di M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-paw\"><\/i>Incontri con gli animali del deserto<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-users\"><\/i>Interazione con la comunit\u00e0 locale<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-leaf\"><\/i>Educazione all'ecosistema del deserto<\/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\/it\/mhamid-el-ghizlane-animal-visit-experience\/\" class=\"view-btn\">\r\n <span>Visualizza l'esperienza<\/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\">Viaggi in Marocco Campo Sahara<\/span>\r\n <h1 class=\"mtsc-hero-title\">Scoprite il deserto del Sahara in Marocco<\/h1>\r\n <p class=\"mtsc-hero-subtitle\">Scoprite paesaggi mozzafiato, l'autentica cultura berbera e indimenticabili avventure nel deserto nel cuore del Marocco.<\/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\">I nostri servizi<\/p>\r\n <h2 class=\"mt-section-title\">Completo <strong>Marocco<\/strong> Esperienza<\/h2>\r\n <p class=\"mt-section-description\">Forniamo servizi di viaggio completi per rendere indimenticabile la vostra avventura in Marocco.<\/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 e tour<\/h3>\r\n <p class=\"mt-service-description\">Trekking guidati professionali nella catena montuosa dell'Atlante, tour nel deserto del Sahara e autentiche esperienze di avventura in Marocco con guide locali certificate.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-calendar-check\"><\/i>\r\n Prenota 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\">Trasporto<\/h3>\r\n <p class=\"mt-service-description\">Trasporto privato confortevole con autisti professionisti. Trasferimenti aeroportuali, spostamenti da citt\u00e0 a citt\u00e0 e trasporto nel deserto in veicoli moderni e climatizzati.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-car\"><\/i>\r\n Trasporto di libri\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\">Sistemazione<\/h3>\r\n <p class=\"mt-service-description\">Alloggi autentici, tra cui campi di lusso nel deserto, riad tradizionali, hotel e pensioni berbere. Prenotiamo il soggiorno perfetto per il vostro viaggio in Marocco.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-bed\"><\/i>\r\n Prenota l'alloggio\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\">Marocco <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\">Viaggi in Marocco Campo Sahara<\/div>\r\n <h2 class=\"tours-title\">Le migliori escursioni di un giorno da Marrakech<\/h2>\r\n <p class=\"tours-description\">\r\n Scoprite destinazioni incredibili a un giorno di viaggio da Marrakech. Esplorate cascate, deserti e siti storici con le nostre visite guidate.\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 giorno<\/span>\r\n <span class=\"duration-text\">Gita di un giorno<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Storico<\/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>Fes \u2192 Citt\u00e0 imperiali<\/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\">Viaggio di un giorno a Meknes, Volubilis e Moulay Idriss<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-landmark\"><\/i>Rovine romane e citt\u00e0 sacra<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-archway\"><\/i>Siti del patrimonio mondiale dell'UNESCO<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camera\"><\/i>Esplorazione archeologica<\/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\/it\/meknes-volubilis-moulay-idriss-day-trip\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorno<\/span>\r\n <span class=\"duration-text\">Gita di un giorno<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Deserto<\/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 Deserto di 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\">Gita di un giorno nel deserto di Agafay<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-sun\"><\/i>Esperienza nel deserto di pietra<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camel\"><\/i>Giro in cammello incluso<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-moon\"><\/i>Viste al tramonto<\/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\/it\/agafay-desert-day-trip\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorno<\/span>\r\n <span class=\"duration-text\">Gita di un giorno<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Natura<\/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 Cascate di 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\">Escursione alle cascate di Ouzoud, gita di un giorno<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-water\"><\/i>Le cascate pi\u00f9 alte del Marocco<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-ship\"><\/i>Giro in barca disponibile<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Sentieri escursionistici<\/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\/it\/ouzoud-waterfalls-excursion-day-trip\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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\/it\/wp-json\/wp\/v2\/pages\/345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":109,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages\/345\/revisions"}],"predecessor-version":[{"id":984,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages\/345\/revisions\/984"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/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=\"Marocco Viaggio Sahara Camp Banner\">\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\">Esperti di viaggio in Marocco<\/p>\r\n <h1 class=\"sahara-camp-hero__title\" itemprop=\"headline\">\r\n <strong>Viaggio in Marocco<\/strong> & <strong>Campo Sahara<\/strong> Avventure\r\n <\/h1>\r\n <p class=\"sahara-camp-hero__sub\" itemprop=\"description\">\r\n Provate l'autentico viaggio in Marocco con le avventure del Sahara Camp: tour nel deserto, trekking ed esperienze culturali con esperti locali.\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\/it\/morocco-tours\/\" aria-label=\"Prenotate il vostro tour del deserto del Marocco e l'esperienza dell'accampamento del Sahara\" itemprop=\"url\">\r\n Prenota ora\r\n <\/a>\r\n <a class=\"sahara-camp-hero__btn sahara-camp-hero__btn--ghost\" href=\"https:\/\/moroccotravelsaharacamp.com\/it\/morocco-day-trips\/\" aria-label=\"Vedi tutte le attivit\u00e0 di viaggio e i pacchetti trekking in Marocco\">\r\n Gite di un giorno\r\n <\/a>\r\n <\/div>\r\n\r\n <ul class=\"sahara-camp-hero__trust\" role=\"list\" aria-label=\"Perch\u00e9 scegliere 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>Guide berbere locali<\/strong>\r\n <span>Esperienze autentiche nel campo del 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>Tour nel deserto del Sahara<\/strong>\r\n <span>Trekking sulle montagne dell'Atlante<\/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 Valutato<\/strong>\r\n <span>La migliore agenzia di viaggi del Marocco<\/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=\"Destinazioni di viaggio in Marocco\">\r\n \r\n \r\n <div class=\"mtc-section-title\">\r\n <h2>Esplorate le migliori destinazioni del Marocco<\/h2>\r\n <p>Iniziate la vostra avventura da queste incredibili citt\u00e0 marocchine con i nostri tour guidati da esperti<\/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>Tour di Casablanca<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/explore-casablanca-tours\/\" class=\"mtc-dest-btn\" aria-label=\"Scoprire Casablanca\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n Esplorare i tour\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>Tour di Marrakech<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/explore-marrakech-tours\/\" class=\"mtc-dest-btn\" aria-label=\"Scoprire Marrakech\">\r\n <i class=\"fas fa-landmark\"><\/i>\r\n Esplorare i tour\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>Tour di Fes<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/explore-fes-tours\/\" class=\"mtc-dest-btn\" aria-label=\"Scoprire Fes\">\r\n <i class=\"fas fa-compass\"><\/i>\r\n Esplorare i tour\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>Tour di Tangeri<\/h3>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/explore-Tangier-tours\/\" class=\"mtc-dest-btn\" aria-label=\"Scoprire Tangeri\">\r\n <i class=\"fas fa-ship\"><\/i>\r\n Esplorare i tour\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> Esperti di viaggi nel Sahara di fiducia\r\n <\/div>\r\n\r\n <h2 class=\"sahara-premium-title\">\r\n Il tuo <span>Viaggio in Marocco<\/span> & <span>Campo Sahara<\/span> L'avventura inizia qui\r\n <\/h2>\r\n\r\n <p class=\"sahara-premium-description\">\r\n Scoprire il vero <strong>Marocco<\/strong> con autentici <strong>Campo Sahara<\/strong> esperienze, guidate <strong>Trekking sulle montagne dell'Atlante<\/strong>, e indimenticabile <strong>tour nel deserto<\/strong>. In qualit\u00e0 di vostro interlocutore locale di fiducia <strong>Agenzia di viaggi in Marocco<\/strong>, siamo specializzati nella creazione di viaggi personalizzati da <strong>Da Tangeri a Marrakech<\/strong> e in profondit\u00e0 nelle dune dorate del <strong>Deserto del Sahara<\/strong>. Ci dedichiamo alla trasparenza, alla sicurezza e alla creazione di avventure senza stress che vi mettano in contatto con il cuore del mondo. <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"noopener noreferrer\">Marocco<\/a> e il suo ricco patrimonio berbero[citazione:6].\r\n <\/p>\r\n\r\n \r\n <div class=\"sahara-premium-cta\">\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/morocco-tours\/\" class=\"sahara-btn-premium\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Prenota il tuo tour nel deserto\r\n <\/a>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/contact-morocco-travel-sahara-camp\/\" class=\"sahara-btn-outline-premium\">\r\n <i class=\"fas fa-phone-alt\"><\/i> Pianificare l'avventura\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>Tour nel deserto e passeggiate a dorso di cammello<\/h4>\r\n <p>Sperimentate le iconiche escursioni in cammello tra le dune dorate dell'Erg Chebbi e l'autentico campeggio nel deserto del Sahara sotto le stelle[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 sulle montagne dell'Atlante<\/h4>\r\n <p>Escursioni guidate nell'Alto Atlante mozzafiato, tra villaggi berberi e paesaggi naturali mozzafiato.<\/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>Itinerari personalizzati in Marocco<\/h4>\r\n <p>Programmi di viaggio personalizzati da Tangeri, Fes o Marrakech, studiati in base ai vostri ritmi, interessi e 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>Servizio locale e trasparente<\/h4>\r\n <p>Un'agenzia locale 100% che offre comunicazione onesta, prezzi chiari e assistenza 24\/7 per un viaggio senza interruzioni[citazione: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\">Viaggi in Marocco Campo Sahara<\/div>\r\n <h2 class=\"tours-title\">I nostri migliori tour di Marrakech<\/h2>\r\n <p class=\"tours-description\">\r\n Scoprite i nostri tour pi\u00f9 popolari nel deserto di Marrakech e le avventure nel Sahara. Scoprite gli autentici accampamenti berberi, il trekking in cammello e l'esplorazione culturale con gli esperti locali.\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 giorni<\/span>\r\n <span class=\"duration-text\">Tour di trekking<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Avventura<\/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\">Trekking di 8 giorni da Marrakech a M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Trekking completo nel deserto<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-campground\"><\/i>Autentici campi nel deserto<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camera\"><\/i>Opportunit\u00e0 di fotografia<\/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\/it\/8-days-trek-from-marrakech-to-mhamid-el-ghizlane\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorni<\/span>\r\n <span class=\"duration-text\">Tour di trekking<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Trekking nel deserto<\/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\">Trekking di 8 giorni da Marrakech a Echgaga<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Esplorazione del deserto di Echgaga<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camel\"><\/i>Esperienza di cammello in roulotte<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-sun\"><\/i>Paesaggi desertici remoti<\/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\/it\/8-days-trek-from-marrakech-to-echgaga\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorni<\/span>\r\n <span class=\"duration-text\">Trek esteso<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Premio<\/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 giorni di trekking da Marrakech a M'hamid<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Viaggio nel deserto esteso<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-campground\"><\/i>Campi multipli di pernottamento<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-moon\"><\/i>Notti stellate nel deserto<\/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\/it\/9-days-trek-from-marrakech-to-mhamid\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorni<\/span>\r\n <span class=\"duration-text\">Tour di trekking<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Classico<\/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\">Trekking di 7 giorni da Marrakech a M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-location-dot\"><\/i>Avventura nel deserto per una settimana<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Esperienza di trekking nel deserto<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-home\"><\/i>Immersione culturale berbera<\/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\/it\/7-days-trek-from-marrakech-to-mhamid-el-ghizlane\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorno<\/span>\r\n <span class=\"duration-text\">Esperienza<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Culturale<\/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\">Esperienza di visita agli animali di M'Hamid El Ghizlane<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-paw\"><\/i>Incontri con gli animali del deserto<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-users\"><\/i>Interazione con la comunit\u00e0 locale<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-leaf\"><\/i>Educazione all'ecosistema del deserto<\/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\/it\/mhamid-el-ghizlane-animal-visit-experience\/\" class=\"view-btn\">\r\n <span>Visualizza l'esperienza<\/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\">Viaggi in Marocco Campo Sahara<\/span>\r\n <h1 class=\"mtsc-hero-title\">Scoprite il deserto del Sahara in Marocco<\/h1>\r\n <p class=\"mtsc-hero-subtitle\">Scoprite paesaggi mozzafiato, l'autentica cultura berbera e indimenticabili avventure nel deserto nel cuore del Marocco.<\/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\">I nostri servizi<\/p>\r\n <h2 class=\"mt-section-title\">Completo <strong>Marocco<\/strong> Esperienza<\/h2>\r\n <p class=\"mt-section-description\">Forniamo servizi di viaggio completi per rendere indimenticabile la vostra avventura in Marocco.<\/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 e tour<\/h3>\r\n <p class=\"mt-service-description\">Trekking guidati professionali nella catena montuosa dell'Atlante, tour nel deserto del Sahara e autentiche esperienze di avventura in Marocco con guide locali certificate.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-calendar-check\"><\/i>\r\n Prenota 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\">Trasporto<\/h3>\r\n <p class=\"mt-service-description\">Trasporto privato confortevole con autisti professionisti. Trasferimenti aeroportuali, spostamenti da citt\u00e0 a citt\u00e0 e trasporto nel deserto in veicoli moderni e climatizzati.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-car\"><\/i>\r\n Trasporto di libri\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\">Sistemazione<\/h3>\r\n <p class=\"mt-service-description\">Alloggi autentici, tra cui campi di lusso nel deserto, riad tradizionali, hotel e pensioni berbere. Prenotiamo il soggiorno perfetto per il vostro viaggio in Marocco.<\/p>\r\n <a href=\"https:\/\/moroccotravelsaharacamp.com\/it\/contact-morocco-travel-sahara-camp\/\" class=\"mt-service-btn\">\r\n <i class=\"fas fa-bed\"><\/i>\r\n Prenota l'alloggio\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\">Marocco <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\">Viaggi in Marocco Campo Sahara<\/div>\r\n <h2 class=\"tours-title\">Le migliori escursioni di un giorno da Marrakech<\/h2>\r\n <p class=\"tours-description\">\r\n Scoprite destinazioni incredibili a un giorno di viaggio da Marrakech. Esplorate cascate, deserti e siti storici con le nostre visite guidate.\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 giorno<\/span>\r\n <span class=\"duration-text\">Gita di un giorno<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Storico<\/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>Fes \u2192 Citt\u00e0 imperiali<\/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\">Viaggio di un giorno a Meknes, Volubilis e Moulay Idriss<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-landmark\"><\/i>Rovine romane e citt\u00e0 sacra<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-archway\"><\/i>Siti del patrimonio mondiale dell'UNESCO<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camera\"><\/i>Esplorazione archeologica<\/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\/it\/meknes-volubilis-moulay-idriss-day-trip\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorno<\/span>\r\n <span class=\"duration-text\">Gita di un giorno<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Deserto<\/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 Deserto di 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\">Gita di un giorno nel deserto di Agafay<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-sun\"><\/i>Esperienza nel deserto di pietra<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-camel\"><\/i>Giro in cammello incluso<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-moon\"><\/i>Viste al tramonto<\/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\/it\/agafay-desert-day-trip\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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 giorno<\/span>\r\n <span class=\"duration-text\">Gita di un giorno<\/span>\r\n <\/div>\r\n <div class=\"date-badge\">Natura<\/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 Cascate di 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\">Escursione alle cascate di Ouzoud, gita di un giorno<\/h3>\r\n <div class=\"tour-features\">\r\n <div class=\"feature\"><i class=\"fa-solid fa-water\"><\/i>Le cascate pi\u00f9 alte del Marocco<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-ship\"><\/i>Giro in barca disponibile<\/div>\r\n <div class=\"feature\"><i class=\"fa-solid fa-hiking\"><\/i>Sentieri escursionistici<\/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\/it\/ouzoud-waterfalls-excursion-day-trip\/\" class=\"view-btn\">\r\n <span>Visualizza il tour<\/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\/it\/wp-json\/wp\/v2\/pages\/345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":109,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages\/345\/revisions"}],"predecessor-version":[{"id":984,"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/pages\/345\/revisions\/984"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/it\/wp-json\/wp\/v2\/media?parent=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}