Luxury Morocco Tour Packages<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter: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 :root {\r\n --primary-green: #5d8b6f; \/* Changed to the requested green *\/\r\n --primary-red: #dc2626; \/* Added red color *\/\r\n --primary-orange: #f59e0b;\r\n --primary-purple: #7c3aed;\r\n --dark-text: #1f2937;\r\n --light-text: #6b7280;\r\n }\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n body {\r\n background-color: #f9fafb;\r\n display: flex;\r\n justify-content: center;\r\n min-height: 100vh;\r\n }\r\n .card-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n width: 100%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n }\r\n @media (min-width: 1024px) {\r\n .card-container {\r\n grid-template-columns: repeat(3, 1fr);\r\n width: calc(100% - 4rem);\r\n }\r\n }\r\n @media (min-width: 768px) and (max-width: 1023px) {\r\n .card-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n .card-container {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n .card {\r\n background: white;\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \/* More specific selectors for WordPress compatibility *\/\r\n .card-container .card.card-color1,\r\n .card-container .card.card-color1 .card-content {\r\n background: #f0f9ff !important; \/* Light blue *\/\r\n }\r\n .card-container .card.card-color2,\r\n .card-container .card.card-color2 .card-content {\r\n background: #f0fdf4 !important; \/* Light green *\/\r\n }\r\n .card-container .card.card-color3,\r\n .card-container .card.card-color3 .card-content {\r\n background: #fff7ed !important; \/* Light orange *\/\r\n }\r\n \r\n .card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n }\r\n .card-header {\r\n height: 300px;\r\n position: relative;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n }\r\n .badge {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n background: rgba(255,255,255,0.2);\r\n backdrop-filter: blur(5px);\r\n padding: 0.35rem 1rem;\r\n border-radius: 100px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n .duration {\r\n position: absolute;\r\n bottom: -1rem;\r\n right: 1rem;\r\n background: var(--primary-red); \/* Changed to red variable *\/\r\n color: white;\r\n padding: 0.5rem 1rem;\r\n border-radius: 0.5rem;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n font-weight: 700;\r\n font-size: 0.875rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n .duration i {\r\n font-size: 0.75rem;\r\n color: white;\r\n }\r\n .card-content {\r\n padding: 1.75rem 1.5rem;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n margin-bottom: 0.75rem;\r\n font-size: 0.875rem;\r\n }\r\n .stars {\r\n color: #fbbf24;\r\n letter-spacing: 0.1rem;\r\n }\r\n .review-count {\r\n color: var(--light-text);\r\n font-weight: 500;\r\n }\r\n .title {\r\n font-size: 1.22rem;\r\n font-weight: 400;\r\n color: var(--dark-text);\r\n margin-bottom: 0.5rem;\r\n }\r\n .location {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n color: var(--light-text);\r\n font-size: 0.875rem;\r\n margin-bottom: 1.25rem;\r\n }\r\n .location i {\r\n font-size: 0.75rem;\r\n }\r\n .tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n .tag {\r\n background: #f3f4f6;\r\n color: var(--dark-text);\r\n padding: 0.375rem 0.75rem;\r\n border-radius: 100px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n }\r\n .buttons {\r\n margin-top: auto;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .btn {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.75rem;\r\n border-radius: 0.5rem;\r\n font-weight: 600;\r\n font-size: 0.875rem;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n position: relative;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n .btn::before {\r\n content: '';\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(45deg, var(--primary-green), #4a7a5a); \/* Changed to green gradient *\/\r\n z-index: -1;\r\n transition: all 0.3s ease;\r\n }\r\n .btn:hover::before {\r\n transform: scale(1.05);\r\n }\r\n .btn-primary {\r\n color: white;\r\n box-shadow: 0 4px 6px rgba(93, 139, 111, 0.1); \/* Updated to match green *\/\r\n }\r\n .btn-primary:hover {\r\n box-shadow: 0 6px 12px rgba(93, 139, 111, 0.2); \/* Updated to match green *\/\r\n transform: translateY(-2px);\r\n }\r\n .btn i {\r\n transition: transform 0.3s ease;\r\n }\r\n .btn:hover i {\r\n transform: translateX(3px);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"card-container\">\r\n \r\n <div class=\"card card-color1\">\r\n <div class=\"card-header\" style=\"background-image: url('https:\/\/berberatlaswalks.com\/wp-content\/uploads\/2025\/07\/12.png')\">\r\n <div class=\"badge\">Aventure<\/div>\r\n <div class=\"duration\"><i class=\"far fa-calendar-alt\"><\/i> 1 jour<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"review-count\">(98 commentaires)<\/span>\r\n <\/div>\r\n <h3 class=\"title\">Aventure dans la vall\u00e9e d'Imlil<\/h3>\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Vall\u00e9e d'Imlil, Maroc<\/span>\r\n <\/div>\r\n <div class=\"tags\">\r\n <div class=\"tag\">Randonn\u00e9e<\/div>\r\n <div class=\"tag\">Villages berb\u00e8res<\/div>\r\n <div class=\"tag\">Nature<\/div>\r\n <\/div>\r\n <div class=\"buttons\">\r\n <a href=\"https:\/\/berberatlaswalks.com\/imlil-valley-adventure\/\" class=\"btn btn-primary\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>R\u00e9server cette visite<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card card-color2\">\r\n <div class=\"card-header\" style=\"background-image: url('https:\/\/berberatlaswalks.com\/wp-content\/uploads\/2025\/05\/59.png')\">\r\n <div class=\"badge\">Romantique<\/div>\r\n <div class=\"duration\"><i class=\"far fa-calendar-alt\"><\/i> 1 jour<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"review-count\">(156 commentaires)<\/span>\r\n <\/div>\r\n <h3 class=\"title\">D\u00eener romantique au coucher du soleil dans le d\u00e9sert d'Agafay<\/h3>\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>D\u00e9sert d'Agafay, Maroc<\/span>\r\n <\/div>\r\n <div class=\"tags\">\r\n <div class=\"tag\">Coucher de soleil<\/div>\r\n <div class=\"tag\">D\u00eener<\/div>\r\n <div class=\"tag\">Luxe<\/div>\r\n <\/div>\r\n <div class=\"buttons\">\r\n <a href=\"https:\/\/berberatlaswalks.com\/romantic-sunset-dinner-in-agafay-desert\/\" class=\"btn btn-primary\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>R\u00e9server cette visite<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card card-color3\">\r\n <div class=\"card-header\" style=\"background-image: url('https:\/\/berberatlaswalks.com\/wp-content\/uploads\/2025\/05\/18-2.png')\">\r\n <div class=\"badge\">Aventure<\/div>\r\n <div class=\"duration\"><i class=\"far fa-calendar-alt\"><\/i> 1 jour<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"review-count\">(132 commentaires)<\/span>\r\n <\/div>\r\n <h3 class=\"title\">Aventure en quad dans le d\u00e9sert d'Agafay<\/h3>\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>D\u00e9sert d'Agafay, Maroc<\/span>\r\n <\/div>\r\n <div class=\"tags\">\r\n <div class=\"tag\">Quad Biking<\/div>\r\n <div class=\"tag\">Aventure<\/div>\r\n <div class=\"tag\">D\u00e9sert<\/div>\r\n <\/div>\r\n <div class=\"buttons\">\r\n <a href=\"https:\/\/berberatlaswalks.com\/agafay-desert-quad-biking-adventure\/\" class=\"btn btn-primary\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>R\u00e9server cette visite<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card card-color1\">\r\n <div class=\"card-header\" style=\"background-image: url('https:\/\/berberatlaswalks.com\/wp-content\/uploads\/2025\/05\/15-3.png')\">\r\n <div class=\"badge\">Prime<\/div>\r\n <div class=\"duration\"><i class=\"far fa-calendar-alt\"><\/i> 1 jour<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"review-count\">(87 commentaires)<\/span>\r\n <\/div>\r\n <h3 class=\"title\">Journ\u00e9e compl\u00e8te \u00e0 Agafay<\/h3>\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>D\u00e9sert d'Agafay, Maroc<\/span>\r\n <\/div>\r\n <div class=\"tags\">\r\n <div class=\"tag\">D\u00e9sert<\/div>\r\n <div class=\"tag\">Promenade \u00e0 dos de chameau<\/div>\r\n <div class=\"tag\">D\u00e9jeuner<\/div>\r\n <\/div>\r\n <div class=\"buttons\">\r\n <a href=\"https:\/\/berberatlaswalks.com\/full-day-agafay-experience\/\" class=\"btn btn-primary\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>R\u00e9server cette visite<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card card-color2\">\r\n <div class=\"card-header\" style=\"background-image: url('https:\/\/berberatlaswalks.com\/wp-content\/uploads\/2025\/05\/Safari-Marrakech-Imlil-Valley-One-Day-Adventure-from-Marrakech-01-ql5mihts0jab3de2yqiqmkzpgldnfjeofdm4170ya0.webp')\">\r\n <div class=\"badge\">D\u00e9fi<\/div>\r\n <div class=\"duration\"><i class=\"far fa-calendar-alt\"><\/i> 2 jours<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"review-count\">(104 commentaires)<\/span>\r\n <\/div>\r\n <h3 class=\"title\">Ascension du Mont Toubkal<\/h3>\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Montagnes de l'Atlas, Maroc<\/span>\r\n <\/div>\r\n <div class=\"tags\">\r\n <div class=\"tag\">Randonn\u00e9e<\/div>\r\n <div class=\"tag\">Sommet<\/div>\r\n <div class=\"tag\">Aventure<\/div>\r\n <\/div>\r\n <div class=\"buttons\">\r\n <a href=\"https:\/\/berberatlaswalks.com\/mount-toubkal-ascent\/\" class=\"btn btn-primary\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>R\u00e9server cette visite<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"card card-color3\">\r\n <div class=\"card-header\" style=\"background-image: url('https:\/\/berberatlaswalks.com\/wp-content\/uploads\/2025\/05\/1-2-1.png')\">\r\n <div class=\"badge\">Trekking<\/div>\r\n <div class=\"duration\"><i class=\"far fa-calendar-alt\"><\/i> 1 jour<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"rating\">\r\n <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span class=\"review-count\">(76 commentaires)<\/span>\r\n <\/div>\r\n <h3 class=\"title\">Trek aventure : d'Imlil \u00e0 la vall\u00e9e d'Azzaden<\/h3>\r\n <div class=\"location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span>Imlil, Maroc<\/span>\r\n <\/div>\r\n <div class=\"tags\">\r\n <div class=\"tag\">Randonn\u00e9e<\/div>\r\n <div class=\"tag\">Vall\u00e9e<\/div>\r\n <div class=\"tag\">Nature<\/div>\r\n <\/div>\r\n <div class=\"buttons\">\r\n <a href=\"https:\/\/berberatlaswalks.com\/adventure-trek-imlil-to-azzaden-valley\/\" class=\"btn btn-primary\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>R\u00e9server cette visite<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Luxury Morocco Tour Packages Discover the beauty of Imlil with Berber … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"class_list":["post-593","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/berberatlaswalks.com\/fr\/wp-json\/wp\/v2\/pages\/593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/berberatlaswalks.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/berberatlaswalks.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/berberatlaswalks.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/berberatlaswalks.com\/fr\/wp-json\/wp\/v2\/comments?post=593"}],"version-history":[{"count":25,"href":"https:\/\/berberatlaswalks.com\/fr\/wp-json\/wp\/v2\/pages\/593\/revisions"}],"predecessor-version":[{"id":2179,"href":"https:\/\/berberatlaswalks.com\/fr\/wp-json\/wp\/v2\/pages\/593\/revisions\/2179"}],"wp:attachment":[{"href":"https:\/\/berberatlaswalks.com\/fr\/wp-json\/wp\/v2\/media?parent=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}