{"id":275,"date":"2025-11-14T10:12:05","date_gmt":"2025-11-14T10:12:05","guid":{"rendered":"https:\/\/maroctreks.com\/?page_id=275"},"modified":"2025-11-21T15:02:23","modified_gmt":"2025-11-21T15:02:23","slug":"acceuil","status":"publish","type":"page","link":"https:\/\/maroctreks.com\/en\/","title":{"rendered":"Acceuil"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Maroc Treks - Circuits de Voyage au Maroc et Aventures dans le Sahara<\/title>\r\n <meta name=\"description\" content=\"D\u00e9couvrez des circuits de voyage authentiques au Maroc avec Maroc Treks. Vivez le trekking dans les montagnes de l'Atlas, des aventures dans le d\u00e9sert du Sahara et la culture berb\u00e8re.\">\r\n <meta name=\"keywords\" content=\"circuits de voyage maroc, agence de voyage maroc, vols vers le maroc, vacances maroc, montagnes de l'atlas, d\u00e9sert du sahara, trekking toubkal\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: \"Poppins\", sans-serif;\r\n background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\r\n color: #333;\r\n line-height: 1.6;\r\n }\r\n\r\n .banner {\r\n position: relative;\r\n color: white;\r\n padding: 100px 20px;\r\n text-align: center;\r\n overflow: hidden;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .video-background {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: -2;\r\n }\r\n\r\n .overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));\r\n z-index: -1;\r\n }\r\n\r\n .banner-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .banner h1 {\r\n font-size: 3.5rem;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .banner p {\r\n font-size: 1.3rem;\r\n margin-bottom: 30px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n opacity: 0.95;\r\n font-weight: 300;\r\n }\r\n\r\n .highlight {\r\n color: #e67e22; \/* Changed from blue to orange *\/\r\n font-weight: 600;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .btn {\r\n padding: 16px 35px;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-family: \"Poppins\", sans-serif;\r\n font-size: 1.1rem;\r\n cursor: pointer;\r\n border: none;\r\n }\r\n\r\n .btn-primary {\r\n background: #e67e22; \/* Changed from blue to orange *\/\r\n color: white;\r\n border: 2px solid #e67e22; \/* Changed from blue to orange *\/\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #d35400; \/* Darker orange for hover *\/\r\n border-color: #d35400; \/* Darker orange for hover *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(230, 126, 34, 0.3); \/* Orange shadow *\/\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: white;\r\n border: 2px solid white;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: white;\r\n color: #333;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: 50px;\r\n margin-top: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n }\r\n\r\n .stat-number {\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n display: block;\r\n color: #e67e22; \/* Changed from blue to orange *\/\r\n text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .stat-label {\r\n font-size: 1rem;\r\n opacity: 0.9;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Hide stats on mobile *\/\r\n @media (max-width: 768px) {\r\n .banner {\r\n padding: 80px 20px;\r\n min-height: 80vh;\r\n }\r\n \r\n .banner h1 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .banner p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n }\r\n \r\n .btn {\r\n padding: 14px 30px;\r\n font-size: 1rem;\r\n width: 100%;\r\n max-width: 280px;\r\n justify-content: center;\r\n }\r\n \r\n .stats {\r\n display: none; \/* Hide stats on mobile *\/\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .banner h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .banner p {\r\n font-size: 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"banner\">\r\n <video class=\"video-background\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/VID20180315085614.mp4\" type=\"video\/mp4\">\r\n Your browser does not support the video tag.\r\n <\/video>\r\n <div class=\"overlay\"><\/div>\r\n \r\n <div class=\"banner-content\">\r\n <h1>Discover the <span class=\"highlight\">Morocco<\/span> with Maroc Treks<\/h1>\r\n <p>Experience an authentic <strong>trekking in the Atlas mountains<\/strong>, d'<strong>adventures in the Sahara desert<\/strong> and immersion in the <strong>Berber culture<\/strong> with our expert local guides.<\/p>\r\n \r\n <div class=\"cta-buttons\">\r\n <a href=\"\/en\/contact\/\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n Contact us\r\n <\/a>\r\n <a href=\"https:\/\/maroctreks.com\/en\/tous-les-circuits\/\" class=\"btn btn-secondary\">\r\n <i class=\"fas fa-map-marked-alt\"><\/i>\r\n Our tours\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">15+<\/span>\r\n <span class=\"stat-label\">Years of experience<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">5k+<\/span>\r\n <span class=\"stat-label\">Satisfied Travelers<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">98%<\/span>\r\n <span class=\"stat-label\">Success rate<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u00c9l\u00e9ment audio pour le son d'ambiance -->\r\n <audio id=\"backgroundAudio\" loop>\r\n <source src=\"https:\/\/assets.mixkit.co\/music\/preview\/mixkit-desert-wind-1291.mp3\" type=\"audio\/mpeg\">\r\n Your browser does not support the audio element.\r\n <\/audio>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const video = document.querySelector('.video-background');\r\n const audio = document.getElementById('backgroundAudio');\r\n const ctaButtons = document.querySelector('.cta-buttons');\r\n const stats = document.querySelector('.stats');\r\n \r\n \/\/ D\u00e9marrer l'audio lorsque l'utilisateur interagit avec la page\r\n function startAudio() {\r\n audio.volume = 0.3; \/\/ R\u00e9gler le volume \u00e0 30%\r\n audio.play().catch(error => {\r\n console.log('Lecture automatique de l\\'audio \u00e9chou\u00e9e:', error);\r\n });\r\n \r\n \/\/ Supprimer les \u00e9couteurs d'\u00e9v\u00e9nements apr\u00e8s la premi\u00e8re interaction\r\n document.removeEventListener('click', startAudio);\r\n document.removeEventListener('scroll', startAudio);\r\n }\r\n\r\n \/\/ Ajouter des \u00e9couteurs d'\u00e9v\u00e9nements pour l'interaction utilisateur\r\n document.addEventListener('click', startAudio);\r\n document.addEventListener('scroll', startAudio);\r\n\r\n \/\/ Animation pour les \u00e9l\u00e9ments au chargement de la page\r\n setTimeout(() => {\r\n ctaButtons.style.opacity = '1';\r\n ctaButtons.style.transform = 'translateY(0)';\r\n }, 300);\r\n \r\n setTimeout(() => {\r\n if (window.innerWidth > 768) { \/\/ Only animate stats on desktop\r\n stats.style.opacity = '1';\r\n stats.style.transform = 'translateY(0)';\r\n }\r\n }, 600);\r\n \r\n \/\/ D\u00e9finir les styles initiaux pour l'animation\r\n ctaButtons.style.opacity = '0';\r\n ctaButtons.style.transform = 'translateY(20px)';\r\n ctaButtons.style.transition = 'all 0.5s ease';\r\n \r\n if (window.innerWidth > 768) { \/\/ Only set initial styles for stats on desktop\r\n stats.style.opacity = '0';\r\n stats.style.transform = 'translateY(20px)';\r\n stats.style.transition = 'all 0.5s ease';\r\n }\r\n\r\n \/\/ Assurer que la vid\u00e9o se lit correctement\r\n video.play().catch(error => {\r\n console.log('Lecture automatique de la vid\u00e9o \u00e9chou\u00e9e:', error);\r\n });\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-931bed9 e-con-full e-flex e-con e-parent\" data-id=\"931bed9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-331e34e elementor-widget elementor-widget-html\" data-id=\"331e34e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"ah-about-mount\" class=\"maroc-treks-about-section\">\r\n <style>\r\n .maroc-treks-about-section{\r\n --bg0:#fff8f0; --bg1:#fff0e1; --bg2:#ffd8a8; --bg3:#ffc47b; --bg4:#ffb04d;\r\n --ink-900:#4a3b1a; --ink-800:#5e4f2d; --brand-700:#c97d2d;\r\n --panel:#fffff0dd; --line:#ffead1;\r\n }\r\n .maroc-treks-about-section *,\r\n .maroc-treks-about-section *::before,\r\n .maroc-treks-about-section *::after{box-sizing:border-box}\r\n .maroc-treks-about-section h1,\r\n .maroc-treks-about-section h2,\r\n .maroc-treks-about-section h3,\r\n .maroc-treks-about-section h4,\r\n .maroc-treks-about-section p,\r\n .maroc-treks-about-section figure{margin:0}\r\n .maroc-treks-about-section img{display:block;max-width:100%;height:auto}\r\n .maroc-treks-about-section a{text-decoration:none}\r\n\r\n .maroc-treks-about-wrap{\r\n background:linear-gradient(135deg,var(--bg0),var(--bg1) 25%,var(--bg2) 50%,var(--bg3) 75%,var(--bg4));\r\n padding:min(6vw,96px) min(4vw,24px);\r\n font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n color:var(--ink-800);\r\n }\r\n .maroc-treks-about-container{max-width:1200px;margin:0 auto}\r\n\r\n .maroc-treks-about-title{text-align:center;margin-bottom:42px}\r\n .maroc-treks-about-title h1{font-weight:900;line-height:1.05;color:var(--ink-900);font-size:clamp(28px,5.6vw,54px)}\r\n .maroc-treks-about-title .maroc-treks-about-sub{margin-top:8px;font-size:clamp(15px,2.2vw,20px);color:#805d3d}\r\n\r\n .maroc-treks-about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}\r\n @media (max-width:980px){.maroc-treks-about-grid{grid-template-columns:1fr}}\r\n\r\n .maroc-treks-about-card{\r\n background:var(--panel);backdrop-filter:blur(6px);\r\n border:1px solid var(--line);border-radius:22px;padding:24px;\r\n box-shadow:0 20px 50px rgba(0,0,0,.08);\r\n }\r\n .maroc-treks-about-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--brand-700)}\r\n .maroc-treks-about-card-head h2{font-size:clamp(20px,3.4vw,30px);color:var(--ink-900)}\r\n .maroc-treks-about-lead p{margin-bottom:12px;line-height:1.7;font-size:clamp(14.5px,1.7vw,17px)}\r\n\r\n \/* CTA *\/\r\n .maroc-treks-about-cta{\r\n margin-top:24px;\r\n background:linear-gradient(90deg,#c97d2d,#9e5a1a);color:#fff;border-radius:22px;padding:24px;\r\n display:flex;flex-direction:column;justify-content:center;gap:12px;\r\n box-shadow:0 20px 50px rgba(0,0,0,.12)\r\n }\r\n .maroc-treks-about-cta h3{font-size:clamp(18px,2.4vw,24px);margin:0}\r\n .maroc-treks-about-cta p{opacity:.95;margin:0}\r\n .maroc-treks-about-actions{display:flex;gap:10px;flex-wrap:wrap}\r\n .maroc-treks-about-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;\r\n appearance:none;border:0;cursor:pointer;padding:12px 18px;border-radius:999px;\r\n font-weight:800;transition:filter .2s,transform .2s}\r\n .maroc-treks-about-btn:focus{outline:2px solid #fff;outline-offset:2px}\r\n .maroc-treks-about-btn-primary{background:#fff;color:#c97d2d}\r\n .maroc-treks-about-btn-ghost{background:transparent;color:#fff;outline:2px solid #fff}\r\n .maroc-treks-about-btn:hover{filter:brightness(.98);transform:translateY(-1px)}\r\n @media (max-width:560px){ .maroc-treks-about-actions{justify-content:center} }\r\n\r\n \/* Right image *\/\r\n .maroc-treks-about-hero{position:relative;margin-bottom:12px}\r\n .maroc-treks-about-photo{\r\n width:100%; height:400px; object-fit:cover; object-position:center;\r\n border-radius:24px; border:10px solid #fff; outline:1px solid var(--line);\r\n box-shadow:0 24px 60px rgba(0,0,0,.12);\r\n }\r\n .maroc-treks-about-badge{\r\n position:absolute;right:-10px;bottom:-10px;background:#c97d2d;color:#fff;\r\n padding:14px 16px;border-radius:16px;box-shadow:0 16px 36px rgba(0,0,0,.18);text-align:center\r\n }\r\n .maroc-treks-about-badge b{display:block;font-size:22px}.maroc-treks-about-badge span{font-size:12px;opacity:.95}\r\n\r\n \/* Services (2\u00d72) with original icon look) *\/\r\n .maroc-treks-about-services-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}\r\n @media (max-width:560px){.maroc-treks-about-services-box{grid-template-columns:1fr}}\r\n .maroc-treks-about-svc{\r\n text-align:center;background:linear-gradient(180deg,#fff,#fff8f0);\r\n border:1px solid var(--line);border-radius:16px;padding:18px 14px;\r\n box-shadow:0 12px 32px rgba(0,0,0,.07);display:flex;flex-direction:column;gap:8px;\r\n }\r\n .maroc-treks-about-svc .maroc-treks-about-icon-wrap{\r\n width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;\r\n background:#fff; border:1px solid #ffead1; margin:0 auto;\r\n }\r\n .maroc-treks-about-ico{width:26px;height:26px;stroke:var(--brand-700);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}\r\n .maroc-treks-about-svc h4{color:var(--ink-900);font-size:16px;margin:2px 0 0}\r\n .maroc-treks-about-svc p{color:#805d3d;font-size:13px;margin:0}\r\n\r\n \/* Colored highlight tiles (links added) *\/\r\n .maroc-treks-about-features{margin-top:42px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}\r\n @media (max-width:720px){.maroc-treks-about-features{grid-template-columns:repeat(2,minmax(0,1fr))}}\r\n .maroc-treks-about-feat .maroc-treks-about-tile{\r\n display:block;border-radius:16px;padding:14px;text-align:center;color:#4a3b1a;\r\n font-weight:700; box-shadow:0 10px 24px rgba(0,0,0,.08); border:1px solid var(--line);\r\n transition:filter .2s,transform .2s; user-select:none;\r\n }\r\n .maroc-treks-about-feat .maroc-treks-about-tile:hover{filter:brightness(.98);transform:translateY(-1px)}\r\n .maroc-treks-about-feat .maroc-treks-about-circle{width:64px;height:64px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;\r\n background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:999px}\r\n .maroc-treks-about-ico-lg{width:28px;height:28px;stroke:currentColor;stroke-width:2;fill:none}\r\n .maroc-treks-about-feat h4{font-size:16px;margin:0}\r\n\r\n .maroc-treks-about-c-atlas{background:#f5f0e9}\r\n .maroc-treks-about-c-ait{background:#f5efe9}\r\n .maroc-treks-about-c-dades{background:#fbf1ee}\r\n .maroc-treks-about-c-cedar{background:#f7f4e9}\r\n <\/style>\r\n\r\n <section class=\"maroc-treks-about-wrap\" aria-label=\"About Maroc Treks\" itemscope itemtype=\"https:\/\/schema.org\/TravelAgency\">\r\n <meta itemprop=\"name\" content=\"Maroc Treks\">\r\n <meta itemprop=\"areaServed\" content=\"Morocco\">\r\n <meta itemprop=\"url\" content=\"https:\/\/maroctreks.com\/\">\r\n\r\n <div class=\"maroc-treks-about-container\">\r\n <div class=\"maroc-treks-about-title\">\r\n <h1>Morocco Treks<\/h1>\r\n <p class=\"maroc-treks-about-sub\">Expert Mountain Guides - <strong>Trekking in the Atlas mountains<\/strong> - <strong>Adventures in the Sahara<\/strong><\/p>\r\n <\/div>\r\n\r\n <div class=\"maroc-treks-about-grid\">\r\n <!-- LEFT column -->\r\n <div>\r\n <div class=\"maroc-treks-about-card\">\r\n <div class=\"maroc-treks-about-card-head\">\r\n <!-- Feather: compass -->\r\n <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\r\n <\/svg>\r\n <h2>Authentic Moroccan Experiences<\/h2>\r\n <\/div>\r\n <div class=\"maroc-treks-about-lead\" itemprop=\"description\">\r\n <p>Discover the real Morocco with expert local guides from <strong>Morocco Treks<\/strong>. From <strong>trekking in the Atlas Mountains<\/strong> at <strong>adventures in the Sahara desert<\/strong>, We offer customized tours that showcase the beauty and culture of Morocco.<\/p>\r\n <p>Our team specializes in creating experiences for <strong>mountain trekking<\/strong> and unforgettable'<strong>cultural immersion<\/strong> across Morocco. <strong>Explore Morocco<\/strong> with us and discover the best adventures of <strong>trekking in Morocco<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA -->\r\n <div class=\"maroc-treks-about-cta\">\r\n <h3>Start Your Moroccan Adventure<\/h3>\r\n <p>Book your <strong>trekking in Morocco<\/strong> with certified mountain guides from <strong>Morocco Treks<\/strong>.<\/p>\r\n <div class=\"maroc-treks-about-actions\">\r\n <a class=\"maroc-treks-about-btn maroc-treks-about-btn-primary\" href=\"https:\/\/maroctreks.com\/en\/tous-les-circuits\/\" itemprop=\"makesOffer\">See All Tours<\/a>\r\n <a class=\"maroc-treks-about-btn maroc-treks-about-btn-ghost\" href=\"https:\/\/maroctreks.com\/en\/qui-sommes-nous\/\">Who we are<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT column -->\r\n <div>\r\n <!-- Image -->\r\n <div class=\"maroc-treks-about-hero\">\r\n <img decoding=\"async\" class=\"maroc-treks-about-photo\"\r\n src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180315085838-scaled.jpg\"\r\n alt=\"Maroc Treks trekking en montagne au Maroc avec des guides berb\u00e8res - Aventures Explore Morocco\">\r\n <div class=\"maroc-treks-about-badge\"><b>30+ years<\/b><span>Experience<\/span><\/div>\r\n <\/div>\r\n\r\n <!-- Services 2\u00d72 with original icons -->\r\n <div class=\"maroc-treks-about-services-box\" aria-label=\"Our services\">\r\n <div class=\"maroc-treks-about-svc\">\r\n <div class=\"maroc-treks-about-icon-wrap\">\r\n <!-- Feather: map-pin -->\r\n <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n <\/svg>\r\n <\/div>\r\n <h4><strong>Mountain trekking<\/strong><\/h4><p>Adventures in the <strong>Atlas Mountains<\/strong><\/p>\r\n <\/div>\r\n\r\n <div class=\"maroc-treks-about-svc\">\r\n <div class=\"maroc-treks-about-icon-wrap\">\r\n <!-- Feather: sun -->\r\n <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n <path d=\"M12 2v2m0 16v2M4 12H2m20 0h-2M5 5l1.5 1.5M17.5 17.5L19 19M19 5l-1.5 1.5M5 19l1.5-1.5\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h4><strong>Desert tours<\/strong><\/h4><p>Backpacking <strong>camel in the Sahara<\/strong><\/p>\r\n <\/div>\r\n\r\n <div class=\"maroc-treks-about-svc\">\r\n <div class=\"maroc-treks-about-icon-wrap\">\r\n <!-- Feather: users -->\r\n <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h4><strong>Cultural Tours<\/strong><\/h4><p>Experiences of <strong>Berber culture<\/strong><\/p>\r\n <\/div>\r\n\r\n <div class=\"maroc-treks-about-svc\">\r\n <div class=\"maroc-treks-about-icon-wrap\">\r\n <!-- Feather: compass -->\r\n <svg class=\"maroc-treks-about-ico\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\r\n <\/svg>\r\n <\/div>\r\n <h4><strong>Adventure Travel<\/strong><\/h4><p><strong>Travel to Morocco<\/strong> complete<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Colored highlight tiles with links added -->\r\n <div class=\"maroc-treks-about-features\" aria-label=\"Popular Experiences in Morocco\">\r\n <div class=\"maroc-treks-about-feat\">\r\n <a class=\"maroc-treks-about-tile maroc-treks-about-c-atlas\" href=\"https:\/\/maroctreks.com\/en\/haut-atlas-toubkal\/\">\r\n <div class=\"maroc-treks-about-circle\">\r\n <!-- Lucide: mountain -->\r\n <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"m8 3 4 8 5-5 5 9H2Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h4><strong>Toubkal Trek<\/strong><\/h4>\r\n <\/a>\r\n <\/div>\r\n <div class=\"maroc-treks-about-feat\">\r\n <a class=\"maroc-treks-about-tile maroc-treks-about-c-ait\" href=\"https:\/\/maroctreks.com\/en\/antis-atlas\/\">\r\n <div class=\"maroc-treks-about-circle\">\r\n <!-- Feather: home -->\r\n <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 10l9-7 9 7v11H3V10z\"><\/path>\r\n <path d=\"M9 21V9h6v12\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h4><strong>Berber villages<\/strong><\/h4>\r\n <\/a>\r\n <\/div>\r\n <div class=\"maroc-treks-about-feat\">\r\n <a class=\"maroc-treks-about-tile maroc-treks-about-c-dades\" href=\"https:\/\/maroctreks.com\/en\/le-desert\/\">\r\n <div class=\"maroc-treks-about-circle\">\r\n <!-- Feather: wind -->\r\n <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 8h10a3 3 0 1 0-3-3\"><\/path>\r\n <path d=\"M3 16h13a3 3 0 1 1-3 3\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h4><strong>Sahara Desert<\/strong><\/h4>\r\n <\/a>\r\n <\/div>\r\n <div class=\"maroc-treks-about-feat\">\r\n <a class=\"maroc-treks-about-tile maroc-treks-about-c-cedar\" href=\"https:\/\/maroctreks.com\/en\/haut-atlas-mgoun\/\">\r\n <div class=\"maroc-treks-about-circle\">\r\n <!-- Lucide: tree-pine -->\r\n <svg class=\"maroc-treks-about-ico-lg\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 2l4 5h-3l4 5h-3l4 5H6l4-5H7l4-5H8l4-5z\"><\/path>\r\n <path d=\"M12 22v-3\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h4><strong>Cultural immersion<\/strong><\/h4>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-438660c e-con-full e-flex e-con e-parent\" data-id=\"438660c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-723e788 elementor-widget elementor-widget-html\" data-id=\"723e788\" 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=\"fr\">\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>Cartes de Voyage Haut Atlas Toubkal<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* Scoped styles to prevent conflicts *\/\r\n .travel-cards-section {\r\n font-family: \"Poppins\", sans-serif;\r\n background: #f7f7f7;\r\n padding: 40px 20px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .travel-cards-section .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .travel-cards-section .header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .travel-cards-section .header h1 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #2c3e50;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .travel-cards-section .header p {\r\n font-size: 1.1rem;\r\n color: #7f8c8d;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n .travel-cards-section .card-container {\r\n display: grid;\r\n gap: 30px;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n }\r\n\r\n .travel-cards-section .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n\r\n .travel-cards-section .card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .travel-cards-section .card-image {\r\n width: 100%;\r\n height: 220px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .travel-cards-section .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .travel-cards-section .card:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .travel-cards-section .card-content {\r\n padding: 20px 25px 25px;\r\n }\r\n\r\n .travel-cards-section .top-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .travel-cards-section .rating {\r\n background: linear-gradient(to right, #ff9a00, #ff6a00);\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .travel-cards-section .date-section {\r\n background: #1e88e5;\r\n color: white;\r\n padding: 6px 12px;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .travel-cards-section h3 {\r\n margin: 10px 0 12px;\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n line-height: 1.4;\r\n color: #2c3e50;\r\n }\r\n\r\n .travel-cards-section .location {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #7f8c8d;\r\n font-size: 0.95rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .travel-cards-section .features {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .travel-cards-section .feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 0.85rem;\r\n color: #7f8c8d;\r\n }\r\n\r\n .travel-cards-section .feature i {\r\n color: #3498db;\r\n }\r\n\r\n .travel-cards-section .bottom-info {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-top: 1px solid #f1f1f1;\r\n padding-top: 18px;\r\n gap: 10px;\r\n }\r\n\r\n .travel-cards-section .btn-book {\r\n background: linear-gradient(to right, #3498db, #2980b9);\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n flex: 1;\r\n text-decoration: none;\r\n }\r\n\r\n .travel-cards-section .btn-book:hover {\r\n background: linear-gradient(to right, #2980b9, #2471a3);\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);\r\n }\r\n\r\n .travel-cards-section .btn-whatsapp {\r\n background: linear-gradient(to right, #25D366, #128C7E);\r\n color: white;\r\n border: none;\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n flex: 1;\r\n }\r\n\r\n .travel-cards-section .btn-whatsapp:hover {\r\n background: linear-gradient(to right, #128C7E, #075E54);\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n \/* Mobile optimization - Only changed the flex-direction *\/\r\n @media (max-width: 768px) {\r\n .travel-cards-section .header h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .travel-cards-section .card-container {\r\n grid-template-columns: 1fr;\r\n max-width: 400px;\r\n margin: 0 auto;\r\n }\r\n \r\n .travel-cards-section .top-info {\r\n flex-direction: row; \/* Changed from column to row *\/\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n \r\n .travel-cards-section .bottom-info {\r\n flex-wrap: wrap;\r\n }\r\n \r\n .travel-cards-section .btn-book,\r\n .travel-cards-section .btn-whatsapp {\r\n flex: 0 0 calc(50% - 5px);\r\n min-width: 140px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .travel-cards-section {\r\n padding: 20px 15px;\r\n }\r\n \r\n .travel-cards-section .header {\r\n margin-bottom: 30px;\r\n }\r\n \r\n .travel-cards-section .header h1 {\r\n font-size: 1.75rem;\r\n }\r\n \r\n .travel-cards-section .header p {\r\n font-size: 1rem;\r\n }\r\n \r\n .travel-cards-section .card-content {\r\n padding: 15px 20px 20px;\r\n }\r\n \r\n .travel-cards-section .features {\r\n gap: 10px;\r\n }\r\n \r\n .travel-cards-section .feature {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .travel-cards-section .top-info {\r\n gap: 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"travel-cards-section\">\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n <h1>High Atlas Toubkal Travel Experiences<\/h1>\r\n <p>Book your next adventure with our exclusive Atlas hiking tours<\/p>\r\n <\/div>\r\n\r\n <div class=\"card-container\">\r\n <!-- Card 1 -->\r\n <div class=\"card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/imlil-1.jpg\" alt=\"Atlas Mountain Trekking\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"top-info\">\r\n <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.9<\/span>\r\n <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 15 Days<\/span>\r\n <\/div>\r\n <h3>Hiking in the Atlas - Climbing Toubkal<\/h3>\r\n <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> High Atlas, Morocco<\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i> Ascension<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Hiking<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-home\"><\/i> Berber cottages<\/div>\r\n <\/div>\r\n <div class=\"bottom-info\">\r\n <a href=\"https:\/\/maroctreks.com\/en\/randonnee-dans-latlas\/\" class=\"btn-book\">\r\n <i class=\"fas fa-ticket-alt\"><\/i> Book\r\n <\/a>\r\n <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/237_3798.jpg\" alt=\"Randonn\u00e9e Berb\u00e8re\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"top-info\">\r\n <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.8<\/span>\r\n <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 Days<\/span>\r\n <\/div>\r\n <h3>The Valley of the Berbers with access to Toubkal.<\/h3>\r\n <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> High Atlas, Morocco<\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-users\"><\/i> Berber culture<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-hiking\"><\/i> Trekking<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i> Local cuisine<\/div>\r\n <\/div>\r\n <div class=\"bottom-info\">\r\n <a href=\"https:\/\/maroctreks.com\/en\/randonnee-berbere-avec-ascension-du-toubkal-8-jours\/\" class=\"btn-book\">\r\n <i class=\"fas fa-ticket-alt\"><\/i> Book\r\n <\/a>\r\n <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"card\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/27040681.400x300.jpg\" alt=\"Moyen Atlas\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"top-info\">\r\n <span class=\"rating\"><i class=\"fas fa-star\"><\/i> 4.7<\/span>\r\n <span class=\"date-section\"><i class=\"far fa-calendar-alt\"><\/i> 8 Days<\/span>\r\n <\/div>\r\n <h3>Hiking in the Middle Atlas<\/h3>\r\n <div class=\"location\"><i class=\"fas fa-map-marker-alt\"><\/i> Middle Atlas, Morocco<\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i> Cedar forests<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-water\"><\/i> Cascades<\/div>\r\n <div class=\"feature\"><i class=\"fas fa-campground\"><\/i> Bivouac<\/div>\r\n <\/div>\r\n <div class=\"bottom-info\">\r\n <a href=\"https:\/\/maroctreks.com\/en\/randonnee-dans-le-moyen-atlas-8-jours\/\" class=\"btn-book\">\r\n <i class=\"fas fa-ticket-alt\"><\/i> Book\r\n <\/a>\r\n <button class=\"btn-whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Phone number\r\n const whatsappNumber = \"+212667591933\";\r\n \r\n \/\/ Add interactivity to WhatsApp buttons\r\n document.querySelectorAll('.travel-cards-section .btn-whatsapp').forEach(button => {\r\n button.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n const cardTitle = this.closest('.card').querySelector('h3').textContent;\r\n \/\/ Create WhatsApp message\r\n const message = `Bonjour, je suis int\u00e9ress\u00e9(e) par: ${cardTitle}. Pouvez-vous me donner plus d'informations?`;\r\n \/\/ Encode the message for URL\r\n const encodedMessage = encodeURIComponent(message);\r\n \/\/ Open WhatsApp with pre-filled message (same tab)\r\n window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodedMessage}`, '_self');\r\n });\r\n });\r\n\r\n \/\/ Add click functionality to cards (only when clicking on the card itself, not buttons)\r\n document.querySelectorAll('.travel-cards-section .card').forEach(card => {\r\n card.addEventListener('click', function(e) {\r\n \/\/ Check if the click was on a button or link\r\n if (e.target.closest('.btn-book') || e.target.closest('.btn-whatsapp')) {\r\n return; \/\/ Don't trigger card click if button was clicked\r\n }\r\n \r\n \/\/ In a real application, this would navigate to the trip details page\r\n alert('Voir les d\u00e9tails pour: ' + this.querySelector('h3').textContent);\r\n });\r\n });\r\n\r\n \/\/ No JavaScript needed for book buttons - they are regular links that will open the URL directly\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64954b1 e-con-full e-flex e-con e-parent\" data-id=\"64954b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-963ac38 elementor-widget elementor-widget-html\" data-id=\"963ac38\" 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=\"fr\">\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>Paysages Magnifiques du Maroc - Montagnes de l'Atlas et Vues du D\u00e9sert<\/title>\r\n<meta name=\"description\" content=\"D\u00e9couvrez les points de vue \u00e0 couper le souffle du Maroc dans les montagnes de l'Atlas et le d\u00e9sert du Sahara. Vivez le trekking au Toubkal, les circuits du d\u00e9sert et la culture berb\u00e8re authentique.\">\r\n<meta name=\"keywords\" content=\"circuits de voyage maroc, agence de voyage maroc, vols vers le maroc, vacances maroc, montagnes de l'atlas, d\u00e9sert du sahara, trekking toubkal, points de vue maroc\">\r\n<style>\r\n \/* Reset only for our component *\/\r\n .viewpoints-component * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n }\r\n \r\n .viewpoints-component {\r\n font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n background: linear-gradient(135deg, #fff8f0, #fff0e1 25%, #ffd8a8 50%, #ffc47b 75%, #ffb04d);\r\n padding: min(6vw, 96px) min(4vw, 24px);\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n color: #5e4f2d;\r\n }\r\n\r\n .viewpoints-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n\r\n .viewpoints-header {\r\n text-align: center;\r\n margin-bottom: 42px;\r\n position: relative;\r\n }\r\n\r\n .viewpoints-title {\r\n font-weight: 900;\r\n line-height: 1.05;\r\n color: #4a3b1a;\r\n font-size: clamp(28px, 5.6vw, 54px);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .viewpoints-subtitle {\r\n font-size: clamp(15px, 2.2vw, 20px);\r\n color: #805d3d;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .decorative-line {\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(to right, #e67e22, #d35400);\r\n margin: 20px auto 0;\r\n border-radius: 2px;\r\n }\r\n\r\n .viewpoints-cards {\r\n display: flex;\r\n gap: 30px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .viewpoints-card {\r\n width: 300px;\r\n border-radius: 180px 180px 20px 20px;\r\n overflow: hidden;\r\n position: relative;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(6px);\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.08);\r\n border: 1px solid #ffead1;\r\n text-decoration: none;\r\n display: block;\r\n color: inherit;\r\n }\r\n\r\n .viewpoints-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 25px 60px rgba(0,0,0,0.15);\r\n }\r\n\r\n .viewpoints-card-image {\r\n height: 330px;\r\n overflow: hidden;\r\n }\r\n\r\n .viewpoints-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 180px 180px 0 0;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .viewpoints-card:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .viewpoints-card-content {\r\n background: rgba(255, 255, 255, 0.9);\r\n padding: 20px;\r\n border-top: 1px solid #ffead1;\r\n }\r\n\r\n .viewpoints-card-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #4a3b1a;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .viewpoints-card-text {\r\n color: #805d3d;\r\n font-size: 14px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .viewpoints-card-features {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-top: 10px;\r\n }\r\n\r\n .viewpoints-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 12px;\r\n color: #e67e22;\r\n font-weight: 500;\r\n }\r\n\r\n .viewpoints-feature i {\r\n color: #e67e22;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 1100px) {\r\n .viewpoints-cards {\r\n gap: 25px;\r\n }\r\n \r\n .viewpoints-card {\r\n width: 280px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .viewpoints-component {\r\n padding: 40px 20px;\r\n }\r\n \r\n .viewpoints-title {\r\n font-size: 32px;\r\n }\r\n \r\n .viewpoints-cards {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .viewpoints-card {\r\n width: 100%;\r\n max-width: 350px;\r\n }\r\n }\r\n<\/style>\r\n<!-- Using Font Awesome via CDN for icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- Wrap everything in our component container -->\r\n<div class=\"viewpoints-component\">\r\n <div class=\"viewpoints-container\">\r\n <div class=\"viewpoints-header\">\r\n <h1 class=\"viewpoints-title\">Magnificent landscapes of Morocco<\/h1>\r\n <p class=\"viewpoints-subtitle\">\r\n Discover breathtaking views of the Atlas Mountains and Sahara Desert with our Morocco travel tours\r\n <\/p>\r\n <div class=\"decorative-line\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"viewpoints-cards\">\r\n <a href=\"https:\/\/maroctreks.com\/en\/haut-atlas-mgoun\/\" class=\"viewpoints-card\" target=\"_self\">\r\n <div class=\"viewpoints-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/DSCN0372-scaled.jpg\" alt=\"Haut Atlas Mgoun - Montagnes de l'Atlas Maroc\">\r\n <\/div>\r\n <div class=\"viewpoints-card-content\">\r\n <div class=\"viewpoints-card-title\">High Atlas Mgoun<\/div>\r\n <div class=\"viewpoints-card-text\">Atlas Mountains, Morocco<\/div>\r\n <div class=\"viewpoints-card-features\">\r\n <div class=\"viewpoints-feature\">\r\n <i class=\"fas fa-mountain\"><\/i>\r\n <span>High summits<\/span>\r\n <\/div>\r\n <div class=\"viewpoints-feature\">\r\n <i class=\"fas fa-hiking\"><\/i>\r\n <span>Trekking<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/maroctreks.com\/en\/le-desert\/\" class=\"viewpoints-card\" target=\"_self\">\r\n <div class=\"viewpoints-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/IMG20180313174017-scaled.jpg\" alt=\"Le D\u00e9sert - D\u00e9sert du Sahara Maroc\">\r\n <\/div>\r\n <div class=\"viewpoints-card-content\">\r\n <div class=\"viewpoints-card-title\">The Desert<\/div>\r\n <div class=\"viewpoints-card-text\">Sahara Desert, Morocco<\/div>\r\n <div class=\"viewpoints-card-features\">\r\n <div class=\"viewpoints-feature\">\r\n <i class=\"fas fa-sun\"><\/i>\r\n <span>Dunes<\/span>\r\n <\/div>\r\n <div class=\"viewpoints-feature\">\r\n <i class=\"fas fa-camel\"><\/i>\r\n <span>Camel ride<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/maroctreks.com\/en\/antis-atlas\/\" class=\"viewpoints-card\" target=\"_self\">\r\n <div class=\"viewpoints-card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/20130605_095439-scaled.jpg\" alt=\"Anti Atlas - Sud du Maroc\">\r\n <\/div>\r\n <div class=\"viewpoints-card-content\">\r\n <div class=\"viewpoints-card-title\">Anti Atlas<\/div>\r\n <div class=\"viewpoints-card-text\">Southern Morocco<\/div>\r\n <div class=\"viewpoints-card-features\">\r\n <div class=\"viewpoints-feature\">\r\n <i class=\"fas fa-tree\"><\/i>\r\n <span>Argan forests<\/span>\r\n <\/div>\r\n <div class=\"viewpoints-feature\">\r\n <i class=\"fas fa-mountain\"><\/i>\r\n <span>Rocky Peaks<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Add click functionality to cards (optional - can be removed if you prefer just the links)\r\n document.querySelectorAll('.viewpoints-card').forEach(card => {\r\n card.addEventListener('click', function(e) {\r\n \/\/ Optional: You can keep the alert or remove it if you prefer just the link navigation\r\n const destination = this.querySelector('.viewpoints-card-title').textContent;\r\n console.log(`Navigating to ${destination} page...`);\r\n \/\/ The link will handle the navigation automatically\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-e51d40a e-con-full e-flex e-con e-parent\" data-id=\"e51d40a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b95d122 elementor-widget elementor-widget-html\" data-id=\"b95d122\" 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=\"fr\">\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>Maroc Treks - Circuits dans l'Atlas & Aventures au Sahara | Trekking au Toubkal<\/title>\r\n <meta name=\"description\" content=\"Vivez des circuits et aventures de trekking inoubliables dans les montagnes de l'Atlas et le d\u00e9sert du Sahara au Maroc. Guides professionnels pour l'ascension du Mont Toubkal et excursions dans le d\u00e9sert.\">\r\n <style>\r\n \/* Isolated styles with specific namespace *\/\r\n .maroc-hero-section * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n .maroc-hero-section {\r\n width: 100vw;\r\n height: 100vh;\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n }\r\n \r\n .maroc-background-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/promenades-a-dos-de-chameau-a-erg-chebbi-maroc-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n z-index: 1;\r\n }\r\n \r\n .maroc-background-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.5));\r\n z-index: 2;\r\n }\r\n \r\n .maroc-centered-content {\r\n position: relative;\r\n z-index: 3;\r\n color: white;\r\n text-align: center;\r\n max-width: 800px;\r\n padding: 0 40px;\r\n }\r\n \r\n .maroc-hero-title {\r\n font-size: 3.5rem;\r\n margin-bottom: 25px;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n }\r\n \r\n .maroc-hero-description {\r\n font-size: 1.3rem;\r\n line-height: 1.6;\r\n margin-bottom: 35px;\r\n opacity: 0.9;\r\n text-shadow: 0 1px 5px rgba(0,0,0,0.3);\r\n }\r\n \r\n .maroc-hero-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 18px 45px;\r\n background-color: #e67e22;\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 600;\r\n border-radius: 30px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 15px rgba(230, 126, 34, 0.4);\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1.2rem;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n .maroc-hero-btn:hover {\r\n background-color: #d35400;\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(230, 126, 34, 0.6);\r\n }\r\n \r\n .maroc-hero-btn:active {\r\n transform: translateY(-1px);\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .maroc-hero-title {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .maroc-hero-description {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .maroc-hero-btn {\r\n padding: 16px 35px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .maroc-hero-title {\r\n font-size: 2rem;\r\n }\r\n \r\n .maroc-hero-description {\r\n font-size: 1rem;\r\n }\r\n \r\n .maroc-hero-btn {\r\n padding: 14px 30px;\r\n font-size: 1rem;\r\n }\r\n \r\n .maroc-centered-content {\r\n padding: 0 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Add this section to your existing website -->\r\n <div class=\"maroc-hero-section\">\r\n <div class=\"maroc-background-image\"><\/div>\r\n <div class=\"maroc-background-overlay\"><\/div>\r\n <div class=\"maroc-centered-content\">\r\n <h1 class=\"maroc-hero-title\">Adventure Tours & Trekking in Morocco<\/h1>\r\n <p class=\"maroc-hero-description\">Experience the best of Morocco with our expertly guided tours. Trek Mount Toubkal, explore the Sahara Desert and discover Berber culture.<\/p>\r\n <a href=\"https:\/\/maroctreks.com\/en\/tous-les-circuits\/\" class=\"maroc-hero-btn\">Book Your Adventure<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Your existing website content continues here -->\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-d626380 e-con-full e-flex e-con e-parent\" data-id=\"d626380\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b861726 elementor-widget elementor-widget-html\" data-id=\"b861726\" 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=\"fr\">\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>Pourquoi Choisir Maroc Treks - Circuits et Trekking Experts au Maroc<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n .maroctreks-why-section {\r\n font-family: \"Poppins\", sans-serif;\r\n background: #ffffff;\r\n padding: 80px 20px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .maroctreks-why-section .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .maroctreks-why-section .section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .maroctreks-why-section .section-header h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: #2c3e50;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .maroctreks-why-section .section-header p {\r\n font-size: 1.1rem;\r\n color: #7f8c8d;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .maroctreks-why-section .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr); \/* 4 columns for laptop screens *\/\r\n gap: 30px;\r\n }\r\n\r\n .maroctreks-why-section .feature-card {\r\n background: #fff;\r\n padding: 40px 30px;\r\n border-radius: 16px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n border: 1px solid #f1f1f1;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .maroctreks-why-section .feature-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n border-color: #e67e22; \/* Changed to orange *\/\r\n }\r\n\r\n .maroctreks-why-section .feature-icon {\r\n width: 80px;\r\n height: 80px;\r\n margin: 0 auto 25px;\r\n background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n .maroctreks-why-section .feature-icon::after {\r\n content: '';\r\n position: absolute;\r\n width: 90px;\r\n height: 90px;\r\n border: 2px solid #e67e22; \/* Changed to orange *\/\r\n border-radius: 25px;\r\n opacity: 0.2;\r\n animation: maroctreks-pulse 2s infinite;\r\n }\r\n\r\n @keyframes maroctreks-pulse {\r\n 0% { transform: scale(0.8); opacity: 0.2; }\r\n 50% { transform: scale(1); opacity: 0.1; }\r\n 100% { transform: scale(0.8); opacity: 0.2; }\r\n }\r\n\r\n .maroctreks-why-section .feature-icon i {\r\n font-size: 2rem;\r\n color: white;\r\n }\r\n\r\n .maroctreks-why-section .feature-card:nth-child(2) .feature-icon {\r\n background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n }\r\n\r\n .maroctreks-why-section .feature-card:nth-child(2) .feature-icon::after {\r\n border-color: #e67e22; \/* Changed to orange *\/\r\n }\r\n\r\n .maroctreks-why-section .feature-card:nth-child(3) .feature-icon {\r\n background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n }\r\n\r\n .maroctreks-why-section .feature-card:nth-child(3) .feature-icon::after {\r\n border-color: #e67e22; \/* Changed to orange *\/\r\n }\r\n\r\n .maroctreks-why-section .feature-card:nth-child(4) .feature-icon {\r\n background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n }\r\n\r\n .maroctreks-why-section .feature-card:nth-child(4) .feature-icon::after {\r\n border-color: #e67e22; \/* Changed to orange *\/\r\n }\r\n\r\n .maroctreks-why-section .feature-title {\r\n font-size: 1.4rem;\r\n font-weight: 600;\r\n color: #2c3e50;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .maroctreks-why-section .feature-description {\r\n color: #7f8c8d;\r\n font-size: 0.9rem; \/* Made smaller as requested *\/\r\n line-height: 1.5; \/* Adjusted for smaller text *\/\r\n margin-bottom: 0;\r\n }\r\n \r\n .maroctreks-why-section .feature-description strong {\r\n font-weight: 600;\r\n color: #2c3e50;\r\n }\r\n\r\n .maroctreks-why-section .stats-section {\r\n margin-top: 80px;\r\n background: linear-gradient(135deg, #e67e22, #d35400); \/* Changed to orange *\/\r\n border-radius: 20px;\r\n padding: 60px 40px;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n .maroctreks-why-section .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr); \/* 4 columns for laptop screens *\/\r\n gap: 40px;\r\n }\r\n\r\n .maroctreks-why-section .stat-item {\r\n text-align: center;\r\n }\r\n\r\n .maroctreks-why-section .stat-number {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n display: block;\r\n color: white; \/* Changed to white as requested *\/\r\n }\r\n\r\n .maroctreks-why-section .stat-label {\r\n font-size: 1.1rem;\r\n opacity: 0.9;\r\n color: white; \/* Also making the label white for consistency *\/\r\n }\r\n\r\n .maroctreks-why-section .stats-title {\r\n font-size: 2rem;\r\n font-weight: 600;\r\n margin-bottom: 40px;\r\n color: white;\r\n }\r\n\r\n \/* Tablet optimization *\/\r\n @media (max-width: 1024px) {\r\n .maroctreks-why-section .features-grid {\r\n grid-template-columns: repeat(2, 1fr); \/* 2 columns for tablets *\/\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n \r\n .maroctreks-why-section .stats-grid {\r\n grid-template-columns: repeat(2, 1fr); \/* 2 columns for tablets *\/\r\n gap: 30px;\r\n }\r\n }\r\n\r\n \/* Mobile optimization *\/\r\n @media (max-width: 768px) {\r\n .maroctreks-why-section {\r\n padding: 60px 20px;\r\n }\r\n \r\n .maroctreks-why-section .section-header h2 {\r\n font-size: 2rem;\r\n }\r\n \r\n .maroctreks-why-section .features-grid {\r\n grid-template-columns: 1fr; \/* 1 column for mobile *\/\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n \r\n .maroctreks-why-section .stats-section {\r\n padding: 40px 20px;\r\n margin-top: 60px;\r\n }\r\n \r\n .maroctreks-why-section .stats-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 30px;\r\n }\r\n \r\n .maroctreks-why-section .stat-number {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .maroctreks-why-section {\r\n padding: 40px 15px;\r\n }\r\n \r\n .maroctreks-why-section .section-header {\r\n margin-bottom: 40px;\r\n }\r\n \r\n .maroctreks-why-section .section-header h2 {\r\n font-size: 1.75rem;\r\n }\r\n \r\n .maroctreks-why-section .section-header p {\r\n font-size: 1rem;\r\n }\r\n \r\n .maroctreks-why-section .feature-card {\r\n padding: 30px 20px;\r\n }\r\n \r\n .maroctreks-why-section .feature-icon {\r\n width: 70px;\r\n height: 70px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .maroctreks-why-section .feature-icon i {\r\n font-size: 1.75rem;\r\n }\r\n \r\n .maroctreks-why-section .stats-grid {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n \r\n .maroctreks-why-section .stats-title {\r\n font-size: 1.75rem;\r\n margin-bottom: 30px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"maroctreks-why-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2>Why choose Maroc Treks<\/h2>\r\n <p>Experience the best of Morocco with our expertly guided tours and trekking adventures in the Atlas Mountains and Sahara Desert.<\/p>\r\n <\/div>\r\n\r\n <div class=\"features-grid\">\r\n <!-- Feature 1 -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-mountain\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Toubkal Expert Guides<\/h3>\r\n <p class=\"feature-description\">Our <strong>certified mountain guides<\/strong> have extensive experience of trekking in the <strong>Mount Toubkal<\/strong>, guaranteeing your <strong>safety<\/strong> and an unforgettable experience.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 2 -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-horse\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Authentic Sahara Experiences<\/h3>\r\n <p class=\"feature-description\">Soak up the real <strong>Berber culture<\/strong> with our <strong>Sahara desert tours<\/strong>, including <strong>camel rides<\/strong> and nights in traditional camps.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 3 -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Safety First approach<\/h3>\r\n <p class=\"feature-description\">Your <strong>safety is our priority<\/strong>. All our tours include <strong>comprehensive safety measures<\/strong>, First aid and emergency protocols for your peace of mind.<\/p>\r\n <\/div>\r\n\r\n <!-- Feature 4 -->\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n <\/div>\r\n <h3 class=\"feature-title\">Sustainable Tourism<\/h3>\r\n <p class=\"feature-description\">We are committed to a <strong>responsible travel<\/strong> which supports <strong>local communities<\/strong> and preserves the <strong>natural beauty<\/strong> of Morocco for future generations.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Stats Section -->\r\n <div class=\"stats-section\">\r\n <h3 class=\"stats-title\">Our Morocco Adventure Statistics<\/h3>\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">5 000+<\/span>\r\n <span class=\"stat-label\">Satisfied Travelers<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">98%<\/span>\r\n <span class=\"stat-label\">Successful Toubkal Summit<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">20+<\/span>\r\n <span class=\"stat-label\">Years of experience<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-number\">50+<\/span>\r\n <span class=\"stat-label\">Local Guides<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Add counter animation for stats\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const statNumbers = document.querySelectorAll('.maroctreks-why-section .stat-number');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const statNumber = entry.target;\r\n let target;\r\n \r\n if (statNumber.textContent.includes('%')) {\r\n target = parseInt(statNumber.textContent);\r\n } else {\r\n target = parseInt(statNumber.textContent.replace('+', '').replace('\u202f', '').replace(',', ''));\r\n }\r\n \r\n const duration = 2000;\r\n const step = target \/ (duration \/ 16);\r\n let current = 0;\r\n \r\n const timer = setInterval(() => {\r\n current += step;\r\n if (current >= target) {\r\n clearInterval(timer);\r\n current = target;\r\n }\r\n \r\n if (statNumber.textContent.includes('%')) {\r\n statNumber.textContent = Math.floor(current) + '%';\r\n } else {\r\n \/\/ Format numbers with French-style spaces for thousands\r\n if (target >= 1000) {\r\n statNumber.textContent = Math.floor(current).toLocaleString('fr-FR').replace(\/,\/g, '\u202f') + '+';\r\n } else {\r\n statNumber.textContent = Math.floor(current) + '+';\r\n }\r\n }\r\n }, 16);\r\n \r\n observer.unobserve(statNumber);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n \r\n statNumbers.forEach(stat => observer.observe(stat));\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-5d1fb25 e-con-full e-flex e-con e-parent\" data-id=\"5d1fb25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e78148a elementor-widget elementor-widget-html\" data-id=\"e78148a\" 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=\"fr\">\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>FAQ Voyage Maroc - Circuits, Vols et Planification de Vacances<\/title>\r\n <meta name=\"description\" content=\"Questions fr\u00e9quemment pos\u00e9es sur les circuits de voyage au Maroc, vols vers le Maroc, quoi porter au Maroc, shopping de bijoux et planification de vacances avec notre agence de voyage Maroc\">\r\n <meta name=\"keywords\" content=\"circuits de voyage maroc, agence de voyage maroc, quoi acheter bijoux maroc, vols vers le maroc, vacances maroc, quoi porter au maroc\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n .faq-section {\r\n font-family: \"Poppins\", sans-serif;\r\n background: #f8f9fa;\r\n padding: 40px 15px;\r\n display: flex;\r\n justify-content: center;\r\n min-height: 100vh;\r\n }\r\n\r\n .faq-section .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n .faq-section .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .faq-section .section-header h2 {\r\n font-size: 1.75rem;\r\n font-weight: 700;\r\n color: #2c3e50;\r\n margin-bottom: 15px;\r\n line-height: 1.3;\r\n }\r\n\r\n .faq-section .section-header p {\r\n font-size: 1rem;\r\n color: #7f8c8d;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .faq-section .faq-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n .faq-section .image-container {\r\n position: relative;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n height: 250px;\r\n order: 2;\r\n }\r\n\r\n .faq-section .image-container img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .faq-section .image-container:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .faq-section .image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\r\n color: white;\r\n padding: 20px 15px 15px;\r\n }\r\n\r\n .faq-section .image-overlay h3 {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .faq-section .image-overlay p {\r\n font-size: 0.9rem;\r\n opacity: 0.9;\r\n margin-bottom: 0;\r\n }\r\n\r\n .faq-section .faq-content {\r\n background: #ffffff;\r\n border-radius: 15px;\r\n padding: 25px 20px;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\r\n order: 1;\r\n }\r\n\r\n .faq-section .faq-item {\r\n border-bottom: 1px solid #f1f1f1;\r\n margin-bottom: 15px;\r\n padding-bottom: 15px;\r\n }\r\n\r\n .faq-section .faq-item:last-child {\r\n border-bottom: none;\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n .faq-section .faq-question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n cursor: pointer;\r\n padding: 12px 0;\r\n }\r\n\r\n .faq-section .faq-question h3 {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #2c3e50;\r\n margin: 0;\r\n flex: 1;\r\n line-height: 1.4;\r\n padding-right: 10px;\r\n }\r\n\r\n .faq-section .faq-toggle {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: #e67e22;\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq-section .faq-item.active .faq-toggle {\r\n background: #d35400;\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-section .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease;\r\n color: #7f8c8d;\r\n line-height: 1.6;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .faq-section .faq-item.active .faq-answer {\r\n max-height: 1000px;\r\n padding-top: 12px;\r\n }\r\n\r\n .faq-section .airline-list {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n margin-top: 12px;\r\n }\r\n\r\n .faq-section .airline-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 6px 0;\r\n }\r\n\r\n .faq-section .airline-item i {\r\n color: #e67e22;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .faq-section .contact-cta {\r\n background: linear-gradient(135deg, #e67e22, #d35400);\r\n border-radius: 15px;\r\n padding: 30px 20px;\r\n text-align: center;\r\n margin-top: 40px;\r\n color: white;\r\n box-shadow: 0 10px 25px rgba(230, 126, 34, 0.2);\r\n position: relative;\r\n overflow: hidden;\r\n order: 3;\r\n }\r\n\r\n .faq-section .contact-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/restaurant-arabe-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n opacity: 0.1;\r\n z-index: 1;\r\n }\r\n\r\n .faq-section .contact-cta > * {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .faq-section .contact-cta h3 {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n line-height: 1.3;\r\n }\r\n\r\n .faq-section .contact-cta p {\r\n font-size: 1rem;\r\n margin-bottom: 25px;\r\n opacity: 0.95;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .faq-section .cta-button {\r\n background: white;\r\n color: #e67e22;\r\n border: none;\r\n padding: 14px 30px;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 1rem;\r\n box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);\r\n text-decoration: none;\r\n }\r\n\r\n .faq-section .cta-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);\r\n background: #f8f9fa;\r\n }\r\n\r\n \/* Tablet optimization *\/\r\n @media (min-width: 768px) {\r\n .faq-section {\r\n padding: 60px 30px;\r\n }\r\n \r\n .faq-section .section-header {\r\n margin-bottom: 50px;\r\n }\r\n \r\n .faq-section .section-header h2 {\r\n font-size: 2rem;\r\n }\r\n \r\n .faq-section .section-header p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .faq-section .faq-content {\r\n padding: 30px 25px;\r\n }\r\n \r\n .faq-section .image-container {\r\n height: 350px;\r\n }\r\n \r\n .faq-section .image-overlay {\r\n padding: 30px 20px 20px;\r\n }\r\n \r\n .faq-section .contact-cta {\r\n padding: 40px 30px;\r\n margin-top: 50px;\r\n }\r\n \r\n .faq-section .contact-cta h3 {\r\n font-size: 1.75rem;\r\n }\r\n \r\n .faq-section .contact-cta p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .faq-section .airline-list {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n \/* Desktop optimization *\/\r\n @media (min-width: 992px) {\r\n .faq-section {\r\n padding: 80px 20px;\r\n }\r\n \r\n .faq-section .section-header {\r\n margin-bottom: 60px;\r\n }\r\n \r\n .faq-section .section-header h2 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .faq-section .section-header p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .faq-section .faq-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: start;\r\n }\r\n \r\n .faq-section .image-container {\r\n height: 500px;\r\n order: 1;\r\n }\r\n \r\n .faq-section .faq-content {\r\n order: 2;\r\n padding: 40px;\r\n }\r\n \r\n .faq-section .faq-question h3 {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .faq-section .contact-cta {\r\n padding: 50px 40px;\r\n margin-top: 60px;\r\n order: 3;\r\n grid-column: 1 \/ -1;\r\n }\r\n \r\n .faq-section .contact-cta h3 {\r\n font-size: 2rem;\r\n }\r\n \r\n .faq-section .contact-cta p {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .faq-section .cta-button {\r\n padding: 16px 40px;\r\n font-size: 1.1rem;\r\n }\r\n \r\n .faq-section .airline-list {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"faq-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2>FAQ Travel Morocco<\/h2>\r\n <p>Get answers to common questions about <strong>Morocco travel tours<\/strong>, the <strong>flights to Morocco<\/strong> and planning your <strong>vacation Morocco<\/strong> perfect<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-container\">\r\n <!-- Image Container -->\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/maroctreks.com\/wp-content\/uploads\/2025\/11\/restaurant-arabe-scaled.jpg\" alt=\"Restaurant Arabe Marocain - Exp\u00e9rience Culinaire Culturelle\">\r\n <div class=\"image-overlay\">\r\n <h3>Authentic Moroccan Experiences<\/h3>\r\n <p>Discover Morocco's rich culture and cuisine with our expert guides<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Content -->\r\n <div class=\"faq-content\">\r\n <div class=\"faq-item active\">\r\n <div class=\"faq-question\">\r\n <h3>What's the best time of year for tours in Morocco?<\/h3>\r\n <div class=\"faq-toggle\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Morocco is a destination you can visit <strong>all year round<\/strong> for your <strong>Morocco travel tours<\/strong>. Le <strong>spring<\/strong> and the'<strong>fall<\/strong> offer mild temperatures ideal for exploring the Atlas Mountains and the Sahara. Visit <strong>summer<\/strong>, the Atlantic coast (Essaouira, Agadir) and nights in the desert, while in <strong>winter<\/strong>, The days are often sunny in the south, with the possibility of snow in the mountains. Depending on the type of <strong>vacation Morocco<\/strong> Whether you prefer the sea, desert or mountains, you can choose the season that best suits your travel style.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <h3>What should I wear in Morocco?<\/h3>\r\n <div class=\"faq-toggle\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Find out more <strong>what to wear in Morocco<\/strong>, If you're planning to visit a religious site, take light, modest clothing. Women may wish to wear a headscarf when visiting religious sites. Comfortable walking shoes are essential for <strong>Morocco travel tours<\/strong>. Evenings can be chilly, so pack a few layers for your adventure of <strong>vacation Morocco<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <h3>How do I book flights to Morocco?<\/h3>\r\n <div class=\"faq-toggle\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>You can reserve your <strong>flights to Morocco<\/strong> directly on airline websites or via online flight comparators (price comparison services). It is advisable to book around <strong>2 to 3 months in advance<\/strong> to obtain better rates for your <strong>vacation Morocco<\/strong>. The main international airports are Casablanca (CMN), Marrakech (RAK) and Fez (FEZ). Compare schedules, stopovers and baggage policies before confirming your ticket.<\/p>\r\n \r\n <p><strong>Main foreign airlines serving Morocco :<\/strong><\/p>\r\n <div class=\"airline-list\">\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Easyjet<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Ryanair<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Transavia France<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> TUI fly Belgium<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Iberia<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Lufthansa<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Air France<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Vueling<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Wizzair<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Emirates<\/div>\r\n <div class=\"airline-item\"><i class=\"fas fa-plane\"><\/i> Swiss<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <h3>What to buy in Morocco for jewelry?<\/h3>\r\n <div class=\"faq-toggle\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Find out more <strong>what to buy jewelry Morocco<\/strong>, Look for traditional Berber silver, intricate filigree work and colorful enamel pieces. The souks of Marrakech and Fez offer <strong>jewelry Morocco<\/strong> authentic. It's always best to compare several stores and negotiate prices with a smile for a better shopping experience.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <h3>How do I obtain a visa for Morocco?<\/h3>\r\n <div class=\"faq-toggle\">\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>The rules of <strong>visa for Morocco<\/strong> depends on your nationality. Many travelers are exempt from visa requirements for a tourist stay of <strong>up to 90 days<\/strong>, Others need to apply for a visa before departure. To find out more <strong>how to obtain a visa for Morocco<\/strong>, please contact'<strong>Moroccan embassy or consulate<\/strong> in your country, or consult the official website of your Ministry of Foreign Affairs. In general, you'll need a valid passport, an application form, passport photos, sometimes flight and accommodation bookings, and travel insurance. Always check the latest conditions before booking your trip. <strong>vacation Morocco<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact CTA - now inside faq-container for better mobile flow -->\r\n <div class=\"contact-cta\">\r\n <h3>Plan Your Moroccan Adventure<\/h3>\r\n <p>You can organize your <strong>flights to Morocco<\/strong>, choose your circuit and build your <strong>vacation Morocco<\/strong> according to your wishes. If you have any questions, please don't hesitate to contact us.<\/p>\r\n <a href=\"https:\/\/maroctreks.com\/en\/contact\/\" class=\"cta-button\">\r\n <i class=\"fas fa-headset\"><\/i>\r\n Contact us\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ FAQ toggle functionality\r\n document.querySelectorAll('.faq-section .faq-question').forEach(question => {\r\n question.addEventListener('click', function() {\r\n const faqItem = this.parentElement;\r\n const isActive = faqItem.classList.contains('active');\r\n \r\n \/\/ Close all FAQ items\r\n document.querySelectorAll('.faq-section .faq-item').forEach(item => {\r\n item.classList.remove('active');\r\n });\r\n \r\n \/\/ Open clicked item if it wasn't active\r\n if (!isActive) {\r\n faqItem.classList.add('active');\r\n }\r\n });\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Maroc Treks – Circuits de Voyage au Maroc et Aventures dans le Sahara Votre navigateur ne supporte pas la balise vid\u00e9o. D\u00e9couvrez le Maroc avec Maroc Treks Vivez une exp\u00e9rience authentique de trekking dans l’Atlas, d’aventures dans le d\u00e9sert du Sahara et d’immersion dans la culture berb\u00e8re avec nos guides locaux experts. Nous Contacter Nos […]<\/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-275","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/comments?post=275"}],"version-history":[{"count":198,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/275\/revisions"}],"predecessor-version":[{"id":1047,"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/pages\/275\/revisions\/1047"}],"wp:attachment":[{"href":"https:\/\/maroctreks.com\/en\/wp-json\/wp\/v2\/media?parent=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}