Rifaura slider \u2013 all orange<\/title>\r\n<\/head>\r\n<body>\r\n \r\n <div id=\"rifaura-slider-mount\"><\/div>\r\n <script>\r\n (function(){\r\n const mount = document.getElementById('rifaura-slider-mount');\r\n if(!mount) return;\r\n const root = mount.attachShadow({ mode: 'open' });\r\n\r\n root.innerHTML = `\r\n <style>\r\n :host {\r\n --primary: #F97316; \/* vibrant orange (main) *\/\r\n --secondary: #FFB347; \/* lighter orange for accents (instead of blue) *\/\r\n --light: #fef9f3;\r\n --dark: #1a1a1a;\r\n --white: #ffffff;\r\n --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .myt-slider-container {\r\n position: relative;\r\n width: 100%;\r\n height: 680px;\r\n overflow: hidden;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n \r\n .myt-slider-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .myt-slide {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transform: translateX(100%);\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n \r\n .myt-slide.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n z-index: 1;\r\n }\r\n \r\n .myt-slide.prev {\r\n transform: translateX(-100%);\r\n opacity: 0;\r\n }\r\n \r\n .myt-slide-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: brightness(0.8);\r\n }\r\n \r\n .myt-slide-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n width: 90%;\r\n padding: 40px;\r\n color: var(--white);\r\n text-align: center;\r\n }\r\n \r\n .myt-slide-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n padding: 10px 24px;\r\n border-radius: 30px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 25px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .myt-slide-title {\r\n font-size: 56px;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin: 0 0 20px 0;\r\n text-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .myt-slide-title span {\r\n color: var(--secondary); \/* lighter orange accent *\/\r\n }\r\n \r\n .myt-slide-desc {\r\n font-size: 20px;\r\n line-height: 1.6;\r\n max-width: 700px;\r\n margin: 0 auto 35px;\r\n opacity: 0.95;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* ALL BUTTONS orange *\/\r\n .myt-slide-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--primary); \/* orange *\/\r\n color: var(--white);\r\n padding: 16px 36px;\r\n border-radius: 50px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n border: 2px solid transparent;\r\n box-shadow: 0 10px 30px rgba(249, 115, 22, 0.4);\r\n }\r\n \r\n .myt-slide-cta:hover {\r\n background: var(--white);\r\n color: var(--primary); \/* orange text on hover *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(249, 115, 22, 0.5);\r\n }\r\n \r\n .myt-slide-cta svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n transition: var(--transition);\r\n }\r\n \r\n .myt-slide-cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* Navigation arrows (white, unchanged) *\/\r\n .myt-slider-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 56px;\r\n height: 56px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n z-index: 10;\r\n border: none;\r\n outline: none;\r\n }\r\n \r\n .myt-slider-nav:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .myt-slider-nav.prev {\r\n left: 30px;\r\n }\r\n \r\n .myt-slider-nav.next {\r\n right: 30px;\r\n }\r\n \r\n .myt-slider-nav svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: var(--white);\r\n }\r\n \r\n .myt-slider-dots {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n z-index: 10;\r\n }\r\n \r\n .myt-slider-dot {\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: none;\r\n padding: 0;\r\n }\r\n \r\n .myt-slider-dot.active {\r\n background: var(--white);\r\n transform: scale(1);\r\n width: 10px;\r\n height: 10px;\r\n }\r\n \r\n \/* responsive *\/\r\n @media (max-width: 1024px) {\r\n .myt-slider-container { height: 550px; }\r\n .myt-slide-title { font-size: 46px; }\r\n .myt-slide-desc { font-size: 18px; }\r\n .myt-slider-nav { width: 50px; height: 50px; }\r\n .myt-slider-nav.prev { left: 20px; }\r\n .myt-slider-nav.next { right: 20px; }\r\n .myt-slider-nav svg { width: 22px; height: 22px; }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .myt-slider-container { height: 480px; }\r\n .myt-slide-content { padding: 30px 25px; }\r\n .myt-slide-title { font-size: 34px; }\r\n .myt-slide-desc { font-size: 17px; margin-bottom: 30px; }\r\n .myt-slide-cta { padding: 14px 28px; font-size: 16px; }\r\n .myt-slider-nav { width: 44px; height: 44px; display: none; }\r\n .myt-slider-dots { bottom: 30px; }\r\n .myt-slider-dot { width: 8px; height: 8px; }\r\n .myt-slider-dot.active { width: 8px; height: 8px; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .myt-slider-container { height: 420px; }\r\n .myt-slide-content { padding: 25px 20px; }\r\n .myt-slide-title { font-size: 28px; margin-bottom: 15px; }\r\n .myt-slide-desc { font-size: 16px; margin-bottom: 25px; }\r\n .myt-slide-badge { padding: 8px 18px; font-size: 12px; margin-bottom: 15px; }\r\n .myt-slide-cta { padding: 12px 24px; font-size: 15px; gap: 8px; }\r\n .myt-slide-cta svg { width: 16px; height: 16px; }\r\n .myt-slider-dots { bottom: 25px; gap: 8px; }\r\n .myt-slider-dot { width: 6px; height: 6px; }\r\n .myt-slider-dot.active { width: 6px; height: 6px; }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .myt-slider-container { height: 380px; }\r\n .myt-slide-title { font-size: 24px; }\r\n .myt-slide-desc { font-size: 15px; }\r\n .myt-slide-cta { padding: 10px 20px; font-size: 14px; }\r\n .myt-slider-dots { bottom: 20px; }\r\n }\r\n \r\n @media (max-width: 320px) {\r\n .myt-slider-container { height: 350px; }\r\n .myt-slide-content { padding: 20px 15px; }\r\n .myt-slide-title { font-size: 22px; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"myt-slider-container\" aria-label=\"Rifaura banner \u2013 all orange\">\r\n <div class=\"myt-slider-wrapper\">\r\n \r\n \r\n <div class=\"myt-slide active\" data-slide=\"1\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/illuminated-hassan-ii-mosque-with-its-reflection-o-2025-02-02-21-16-54-utc-1-scaled.jpg\"\r\n alt=\"Hassan II Mosque illuminated at night, Casablanca\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Rifaura Activities<\/div>\r\n <h1 class=\"myt-slide-title\">Discover <span>Morocco's Wonders<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n From the iconic Hassan II Mosque to hidden gems, explore Morocco's rich heritage with our expert-guided tours and authentic cultural experiences.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Start Exploring\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"2\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/caption-5.jpg\"\r\n alt=\"Rifaura cultural experience in Morocco\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Excursions & Tours<\/div>\r\n <h1 class=\"myt-slide-title\">Authentic <span>Cultural Encounters<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Immerse yourself in local traditions, from vibrant souks to tranquil riads. Our handcrafted tours connect you with the real Morocco.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Book Your Tour\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"3\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/morocco-facebook.jpg\"\r\n alt=\"Iconic Moroccan landscape\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Tailor-Made Experiences<\/div>\r\n <h1 class=\"myt-slide-title\">Your Story <span>Begins Here<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Private tours, small groups, and sustainable travel. Let Rifaura craft the perfect Moroccan adventure for you.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Plan Your Journey\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <button class=\"myt-slider-nav prev\" aria-label=\"Previous slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"myt-slider-nav next\" aria-label=\"Next slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"myt-slider-dots\">\r\n <div class=\"myt-slider-dot active\" data-slide=\"1\" aria-label=\"Go to slide 1\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"2\" aria-label=\"Go to slide 2\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"3\" aria-label=\"Go to slide 3\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n \/\/ Slider functionality (unchanged)\r\n setTimeout(() => {\r\n const sliderContainer = root.querySelector('.myt-slider-container');\r\n const slides = root.querySelectorAll('.myt-slide');\r\n const dots = root.querySelectorAll('.myt-slider-dot');\r\n const prevBtn = root.querySelector('.myt-slider-nav.prev');\r\n const nextBtn = root.querySelector('.myt-slider-nav.next');\r\n \r\n let currentSlide = 0;\r\n let slideInterval;\r\n const totalSlides = slides.length;\r\n \r\n function updateSlider() {\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove('active', 'prev');\r\n if (index === currentSlide) {\r\n slide.classList.add('active');\r\n } else if (index === (currentSlide - 1 + totalSlides) % totalSlides) {\r\n slide.classList.add('prev');\r\n }\r\n });\r\n \r\n dots.forEach((dot, index) => {\r\n dot.classList.remove('active');\r\n if (index === currentSlide) {\r\n dot.classList.add('active');\r\n }\r\n });\r\n }\r\n \r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToNextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToPrevSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function startAutoSlide() {\r\n slideInterval = setInterval(goToNextSlide, 6000);\r\n }\r\n \r\n function pauseAutoSlide() {\r\n clearInterval(slideInterval);\r\n }\r\n \r\n function resetAutoSlide() {\r\n pauseAutoSlide();\r\n startAutoSlide();\r\n }\r\n \r\n prevBtn.addEventListener('click', goToPrevSlide);\r\n nextBtn.addEventListener('click', goToNextSlide);\r\n \r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const slideIndex = parseInt(this.getAttribute('data-slide')) - 1;\r\n goToSlide(slideIndex);\r\n });\r\n });\r\n \r\n sliderContainer.addEventListener('mouseenter', pauseAutoSlide);\r\n sliderContainer.addEventListener('mouseleave', startAutoSlide);\r\n \r\n \/\/ Touch swipe\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n \r\n sliderContainer.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n pauseAutoSlide();\r\n });\r\n \r\n sliderContainer.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const swipeThreshold = 50;\r\n const diff = touchStartX - touchEndX;\r\n \r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) goToNextSlide();\r\n else goToPrevSlide();\r\n }\r\n startAutoSlide();\r\n });\r\n \r\n \/\/ Init\r\n updateSlider();\r\n startAutoSlide();\r\n \r\n }, 100);\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-c44f3ff e-con-full e-flex e-con e-parent\" data-id=\"c44f3ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ecaa2 elementor-widget elementor-widget-html\" data-id=\"42ecaa2\" 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>Rifaura Promo Bar (Orange) \u2013 reduced height<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, sans-serif;\r\n }\r\n \r\n \/* ----- RIFAURA BRAND COLORS (all orange shades) ----- *\/\r\n .brand-bg {\r\n background: linear-gradient(90deg, #F97316 0%, #FFB347 35%, #F97316 100%);\r\n \/* solid fallback *\/\r\n background-color: #F97316;\r\n }\r\n \r\n \/* Carousel Container *\/\r\n .carousel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.08);\r\n }\r\n \r\n \/* \ud83d\udd3b REDUCED HEIGHTS (as requested) *\/\r\n .desktop-height {\r\n height: 60px; \/* was 75px *\/\r\n }\r\n \r\n .mobile-height {\r\n height: 48px; \/* was 60px *\/\r\n }\r\n \r\n \/* Carousel Track *\/\r\n .carousel-track {\r\n display: flex;\r\n position: absolute;\r\n white-space: nowrap;\r\n height: 100%;\r\n align-items: center;\r\n }\r\n \r\n \/* Animation *\/\r\n .carousel-animation {\r\n animation: slide 35s linear infinite;\r\n }\r\n \r\n .carousel-animation:hover {\r\n animation-play-state: paused;\r\n }\r\n \r\n @keyframes slide {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n \r\n \/* Promo Item *\/\r\n .promo-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px; \/* slightly reduced *\/\r\n padding: 0 28px; \/* reduced from 35px *\/\r\n color: white; \/* all text white \u2013 contrasts nicely on orange *\/\r\n font-weight: 600;\r\n font-size: 17px; \/* slightly smaller *\/\r\n height: 100%;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .promo-item:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n .promo-icon {\r\n font-size: 22px; \/* reduced from 24px *\/\r\n color: white;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .promo-item:hover .promo-icon {\r\n transform: scale(1.15);\r\n }\r\n \r\n .highlight {\r\n color: white; \/* keep white, but you could use a lighter orange if needed *\/\r\n font-weight: 700;\r\n margin-left: 4px;\r\n }\r\n \r\n \/* Mobile Specific Adjustments *\/\r\n @media (max-width: 768px) {\r\n .mobile-height {\r\n height: 44px; \/* reduced from 55px *\/\r\n }\r\n \r\n .carousel-animation {\r\n animation-duration: 30s;\r\n }\r\n \r\n .promo-item {\r\n font-size: 15px; \/* was 16px *\/\r\n padding: 0 20px; \/* reduced from 28px *\/\r\n gap: 10px;\r\n min-width: 180px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 20px; \/* was 22px *\/\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mobile-height {\r\n height: 42px; \/* reduced from 50px *\/\r\n }\r\n \r\n .promo-item {\r\n font-size: 14px; \/* was 15px *\/\r\n padding: 0 18px; \/* reduced *\/\r\n min-width: 160px;\r\n gap: 8px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mobile-height {\r\n height: 40px;\r\n }\r\n \r\n .promo-item {\r\n font-size: 13px;\r\n padding: 0 16px;\r\n min-width: 150px;\r\n }\r\n }\r\n \r\n \/* Hide\/Show based on screen size *\/\r\n .desktop-only {\r\n display: block;\r\n }\r\n \r\n .mobile-only {\r\n display: none;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .desktop-only {\r\n display: none;\r\n }\r\n \r\n .mobile-only {\r\n display: block;\r\n }\r\n }\r\n \r\n \/* Pause on hover *\/\r\n .carousel-container:hover .carousel-animation {\r\n animation-play-state: paused;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n <div class=\"desktop-only\">\r\n <div class=\"carousel-container desktop-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exclusif<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> voyageurs heureux<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 \u00e9toiles<\/span> service<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Maroc<\/span> experts<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">s\u00fbr<\/span> voyages<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">coucher de soleil<\/span> randonn\u00e9es \u00e0 dos de chameau<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quadruple<\/span> aventures<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">local<\/span> guides berb\u00e8res<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">surf des sables<\/span> amusant<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marocain<\/span> d\u00eener<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exclusif<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> voyageurs heureux<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 \u00e9toiles<\/span> service<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Maroc<\/span> experts<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">s\u00fbr<\/span> voyages<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">coucher de soleil<\/span> randonn\u00e9es \u00e0 dos de chameau<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quadruple<\/span> aventures<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">local<\/span> guides berb\u00e8res<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">surf des sables<\/span> amusant<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marocain<\/span> d\u00eener<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-only\">\r\n <div class=\"carousel-container mobile-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> voyageurs<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 \u00e9toiles<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Maroc<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">s\u00fbr<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">coucher de soleil<\/span> chameau<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quadruple<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">guides<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">planche \u00e0 sable<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">d\u00eener<\/span><\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> voyageurs<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 \u00e9toiles<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Maroc<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">s\u00fbr<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">coucher de soleil<\/span> chameau<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quadruple<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">guides<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">planche \u00e0 sable<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">d\u00eener<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \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-e0bf58b e-con-full e-flex e-con e-parent\" data-id=\"e0bf58b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f7b091 elementor-widget elementor-widget-html\" data-id=\"0f7b091\" 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>About Rifaura \u2013 cultural travel<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n <style>\r\n :root{\r\n --rfa-orange: #F97316;\r\n --rfa-orange-light: #FFB347;\r\n --rfa-black: #0b0b0b;\r\n --rfa-text: #0b0b0b;\r\n --rfa-muted: #6b7280;\r\n --rfa-bg: #ffffff;\r\n --rfa-soft: #fff4e6;\r\n --rfa-checkBg: #fff1dc;\r\n\r\n --rfa-shadow: 0 18px 45px rgba(249,115,22,.12);\r\n --rfa-shadow2: 0 10px 25px rgba(249,115,22,.08);\r\n\r\n --rfa-radius: 22px;\r\n --rfa-radiusBig: 120px;\r\n --rfa-max: 1200px;\r\n\r\n --rfa-orangeFilter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%);\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n body{\r\n margin:0;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n background: var(--rfa-bg);\r\n color: var(--rfa-text);\r\n }\r\n\r\n .rfa-about-section{ padding: clamp(28px, 4vw, 60px) 18px; }\r\n .rfa-container{\r\n max-width: var(--rfa-max);\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1.05fr 1fr;\r\n gap: clamp(24px, 4vw, 56px);\r\n align-items: center;\r\n }\r\n\r\n \/* LEFT COLLAGE *\/\r\n .rfa-collage{\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n gap: clamp(14px, 2vw, 22px);\r\n min-height: clamp(360px, 42vw, 520px);\r\n align-content: stretch;\r\n --rfa-badge-x: 50%;\r\n --rfa-badge-y: 50%;\r\n --rfa-badge-size: clamp(110px, 14vw, 150px);\r\n }\r\n\r\n .rfa-img-box{\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--rfa-shadow2);\r\n background: #f2f2f2;\r\n }\r\n .rfa-img-box img{\r\n width:100%;\r\n height:100%;\r\n object-fit: cover;\r\n display:block;\r\n }\r\n\r\n .rfa-img-1{\r\n grid-column: 1 \/ 2;\r\n grid-row: 1 \/ 2;\r\n border-radius: var(--rfa-radiusBig) var(--rfa-radius) var(--rfa-radius) var(--rfa-radius);\r\n }\r\n\r\n .rfa-img-3{\r\n grid-column: 1 \/ 2;\r\n grid-row: 2 \/ 3;\r\n border-radius: var(--rfa-radius) var(--rfa-radius) var(--rfa-radius) var(--rfa-radiusBig);\r\n }\r\n\r\n .rfa-img-2{\r\n grid-column: 2 \/ 3;\r\n grid-row: 1 \/ 3;\r\n border-radius: var(--rfa-radius);\r\n align-self: center;\r\n height: 86%;\r\n transform: translateY(2%);\r\n z-index: 1;\r\n }\r\n\r\n \/* ORANGE RING *\/\r\n .rfa-ring{\r\n position:absolute;\r\n width: clamp(140px, 18vw, 200px);\r\n height: clamp(140px, 18vw, 200px);\r\n border-radius: 999px;\r\n border: clamp(12px, 1.4vw, 18px) solid var(--rfa-orange);\r\n top: clamp(10px, 2vw, 18px);\r\n left: 56%;\r\n transform: translateX(-10%);\r\n z-index: 0;\r\n opacity: .9;\r\n }\r\n\r\n \/* EXPERIENCE BADGE *\/\r\n .rfa-exp-badge{\r\n position:absolute;\r\n width: var(--rfa-badge-size);\r\n height: var(--rfa-badge-size);\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n display:grid;\r\n place-items:center;\r\n text-align:center;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.20);\r\n border: 8px solid #fff;\r\n\r\n left: var(--rfa-badge-x);\r\n top: var(--rfa-badge-y);\r\n transform: translate(-50%, -50%);\r\n z-index: 4;\r\n }\r\n .rfa-exp-inner{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n gap: 6px;\r\n }\r\n .rfa-exp-badge .rfa-num{\r\n font-weight: 900;\r\n font-size: clamp(28px, 3.2vw, 42px);\r\n line-height: 1;\r\n margin: 0;\r\n color: var(--rfa-orange);\r\n }\r\n .rfa-exp-badge .rfa-txt{\r\n margin: 0;\r\n font-weight: 900;\r\n font-size: clamp(11px, 1.2vw, 14px);\r\n line-height: 1.15;\r\n color: var(--rfa-orange-light);\r\n }\r\n\r\n \/* RIGHT CONTENT *\/\r\n .rfa-content{ max-width: 560px; }\r\n\r\n .rfa-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n background: var(--rfa-soft);\r\n color: var(--rfa-black);\r\n font-weight: 900;\r\n font-size: 13px;\r\n border: 1px solid rgba(249,115,22,.35);\r\n }\r\n .rfa-pill .rfa-pill-ico{\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid rgba(249,115,22,.35);\r\n display:grid;\r\n place-items:center;\r\n }\r\n .rfa-pill svg{ width: 14px; height: 14px; stroke: var(--rfa-orange); stroke-width: 2; fill:none; }\r\n\r\n h2{\r\n margin: 14px 0 12px;\r\n font-size: clamp(28px, 3.1vw, 44px);\r\n line-height: 1.1;\r\n letter-spacing: -.2px;\r\n }\r\n .rfa-hl{ color: var(--rfa-orange); }\r\n\r\n .rfa-desc{\r\n margin: 0 0 20px;\r\n color: var(--rfa-muted);\r\n line-height: 1.7;\r\n font-size: 14.5px;\r\n max-width: 56ch;\r\n }\r\n\r\n .rfa-details{\r\n display:grid;\r\n grid-template-columns: 1.15fr .95fr;\r\n gap: 18px;\r\n align-items: start;\r\n margin-top: 8px;\r\n }\r\n\r\n .rfa-feature{\r\n display:flex;\r\n gap: 14px;\r\n padding: 10px 0;\r\n }\r\n\r\n .rfa-f-ico{\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n display:grid;\r\n place-items:center;\r\n box-shadow: 0 14px 30px rgba(0,0,0,.14);\r\n flex: 0 0 auto;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-f-ico img{\r\n width: 24px;\r\n height: 24px;\r\n display:block;\r\n filter: var(--rfa-orangeFilter);\r\n }\r\n\r\n .rfa-feature h4{ margin: 2px 0 6px; font-size: 16px; line-height: 1.2; }\r\n .rfa-feature p{ margin:0; color: var(--rfa-muted); font-size: 13.8px; line-height: 1.6; font-weight: 700; }\r\n\r\n .rfa-check-card{\r\n background: var(--rfa-checkBg);\r\n border-radius: 18px;\r\n padding: 16px;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-check-list{ list-style:none; margin:0; padding:0; display:grid; gap: 12px; }\r\n .rfa-check-item{ display:flex; align-items:center; gap: 10px; font-weight: 900; color: #0b1220; font-size: 14px; }\r\n .rfa-check{\r\n width: 18px; height: 18px; border-radius: 999px;\r\n background: rgba(249,115,22,.18);\r\n display:grid; place-items:center;\r\n border: 1px solid rgba(249,115,22,.40);\r\n flex: 0 0 auto;\r\n }\r\n .rfa-check svg{ width: 12px; height: 12px; stroke: var(--rfa-orange); stroke-width: 3; fill:none; }\r\n\r\n .rfa-cta{\r\n margin-top: 18px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 12px 18px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n font-weight: 900;\r\n font-size: 13.5px;\r\n text-decoration:none;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.14);\r\n border: 1px solid rgba(249,115,22,.35);\r\n transition: transform .15s ease, filter .15s ease;\r\n }\r\n .rfa-cta:hover{ transform: translateY(-1px); filter: brightness(1.02); }\r\n .rfa-cta svg{ width: 16px; height: 16px; stroke: var(--rfa-orange-light); stroke-width:2; fill:none; }\r\n\r\n @media (min-width: 981px){\r\n .rfa-collage{ min-height: 460px; }\r\n .rfa-img-2{ height: 78%; transform: translateY(6%); }\r\n }\r\n\r\n @media (max-width: 980px){\r\n .rfa-container{ grid-template-columns: 1fr; }\r\n .rfa-content{ max-width: 100%; }\r\n .rfa-details{ grid-template-columns: 1fr; }\r\n .rfa-check-card{ order: 2; }\r\n .rfa-collage{ min-height: 420px; }\r\n }\r\n\r\n @media (max-width: 520px){\r\n .rfa-collage{\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n min-height: 380px;\r\n --rfa-badge-size: 122px;\r\n }\r\n .rfa-img-2{ height: 82%; }\r\n .rfa-ring{ left: 58%; top: 8px; }\r\n .rfa-exp-badge{ border-width: 6px; }\r\n .rfa-exp-badge .rfa-num{ font-size: 36px; }\r\n .rfa-exp-badge .rfa-txt{ font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rfa-about-section\">\r\n <div class=\"rfa-container\">\r\n\r\n \r\n <div class=\"rfa-collage\">\r\n <div class=\"rfa-ring animate__animated animate__fadeIn\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-1 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b1022b4ce12323f4.avif\" alt=\"Rifaura traveler in traditional white dress\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-2 animate__animated animate__fadeInRight\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura excursion landscape\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-3 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/ballooningmarrakech-1.jpg\" alt=\"Rifaura adventure moment\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-exp-badge animate__animated animate__zoomIn\">\r\n <div class=\"rfa-exp-inner\">\r\n <div class=\"rfa-num\">10+<\/div>\r\n <div class=\"rfa-txt\">Ann\u00e9es de<br\/>Aventures<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-content\">\r\n <div class=\"rfa-pill animate__animated animate__fadeIn\">\r\n <span class=\"rfa-pill-ico\" aria-hidden=\"true\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M7 17h10\"><\/path>\r\n <path d=\"M6 17V9a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v8\"><\/path>\r\n <path d=\"M8 9h8\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n \u00c0 propos de Rifaura\r\n <\/div>\r\n\r\n <h2 class=\"animate__animated animate__fadeInRight\"><span class=\"rfa-hl\">Rifaura<\/span> - Inoubliable<br\/><span class=\"rfa-hl\">Activit\u00e9s et excursions<\/span><\/h2>\r\n\r\n <p class=\"rfa-desc animate__animated animate__fadeInRight\">\r\n <b>Rifaura<\/b> se sp\u00e9cialise dans les aventures artisanales \u00e0 travers le Maroc. Des excursions palpitantes dans les montagnes de l'Atlas aux promenades culturelles sereines dans les anciennes m\u00e9dinas, nous vous rapprochons du c\u0153ur de chaque destination avec passion et expertise.\r\n <\/p>\r\n\r\n <div class=\"rfa-details\">\r\n <div class=\"animate__animated animate__fadeIn\">\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Excursions quotidiennes<\/h4>\r\n <p>Aventures sur mesure<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Guides locaux experts<\/h4>\r\n <p>Connaissances d'initi\u00e9s<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-check-card animate__animated animate__fadeIn\">\r\n <ul class=\"rfa-check-list\">\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Petits groupes<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Guides d'experts<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Durable<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Options priv\u00e9es<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Dates flexibles<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"rfa-cta animate__animated animate__fadeInUp\" href=\"https:\/\/rifaura.com\/fr\/contact\/\">\r\n Partez \u00e0 l'aventure\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h12\"><\/path>\r\n <path d=\"M13 6l6 6-6 6\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\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-71a3d2f e-con-full e-flex e-con e-parent\" data-id=\"71a3d2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b48763f elementor-widget elementor-widget-html\" data-id=\"b48763f\" 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>Multi-Day Tours from Casablanca, Marrakech & Tangier | Rifaura<\/title>\r\n <meta name=\"description\" content=\"Embark on unforgettable multi-day tours: 10-Day Casablanca to Desert & Marrakech, 2-Day Zagora, 3-Day Fes, 3-Day Merzouga, 6-Day Fes via Desert, 8 Days from Tangier. Book now.\">\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 \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Circuits de plusieurs jours \u00e0 Rifaura<\/span>\r\n <h1>Villes d\u00e9sertiques et imp\u00e9riales <span>Voyages<\/span><\/h1>\r\n <p>Depuis Casablanca, Marrakech et Tanger, explorez le Sahara, les montagnes et les villes historiques du Maroc gr\u00e2ce \u00e0 des itin\u00e9raires con\u00e7us par des experts.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"10-Day Tour Casablanca to Desert and Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 10 jours<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 10 jours de Casablanca au d\u00e9sert et \u00e0 Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 10 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Villes imp\u00e9riales<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>D\u00e9sert du Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%2010-Day%20Tour%20Casablanca%20Desert%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/10-days-tour-from-casablanca-to-desert-and-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/download.avif\" alt=\"2-Day Tour Marrakech to Zagora Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Zagora<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 2 jours de Marrakech au d\u00e9sert de Zagora<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Randonn\u00e9e \u00e0 dos de chameau<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Camp du d\u00e9sert<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%202-Day%20Zagora%20from%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/2-days-tour-marrakech-to-zagora-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"3-Day Tour Marrakech to Fes\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-city\"><\/i> F\u00e8s<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 3 jours de Marrakech \u00e0 F\u00e8s<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Montagnes de l'Atlas<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Arr\u00eats culturels<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20to%20Fes\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/3-days-tour-from-marrakech-to-fes\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/Visiting-Sahara-Desert.jpg\" alt=\"3-Day Tour Marrakech to Merzouga Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Merzouga<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 3 jours de Marrakech au d\u00e9sert de Merzouga<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Erg Chebbi<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Camp de luxe<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20Merzouga\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/3-days-tour-from-marrakech-to-merzouga-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/meknes-maroc_A3YHKFA.jpg.1920x0_q85_format-jpg-2.jpg\" alt=\"6-Day Tour Marrakech to Fes via Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 6 jours<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 6 jours de Marrakech \u00e0 F\u00e8s en passant par le d\u00e9sert<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 6 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>F\u00e8s<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%206-Day%20Marrakech%20Fes%20via%20Desert\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/6-days-from-marrakech-to-fes-via-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/2979c2582f468c00cdd6906d8bf6350a-3-scaled.webp\" alt=\"8 Days Tour from Tangier\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-ship\"><\/i> Tanger<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 8 jours au d\u00e9part de Tanger<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Tanger<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 8 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Chefchaouen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%208%20Days%20Tour%20from%20Tangier\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/8-days-tour-from-tangier\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\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-723f4a6 e-con-full e-flex e-con e-parent\" data-id=\"723f4a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8133a36 elementor-widget elementor-widget-html\" data-id=\"8133a36\" 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>Rifaura Hero + Stats (orange, logical numbers, Ait Ben Haddou)<\/title>\r\n <style>\r\n \/* ===== RIFAURA HERO + STATS \u2013 orange theme, numbers not too large, your image ===== *\/\r\n .rifaura-hero-stats, .rifaura-hero-stats *{ box-sizing:border-box; }\r\n .rifaura-hero-stats{\r\n \/* RIFAURA orange palette *\/\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --bar1: #F97316; \/* orange gradient start *\/\r\n --bar2: #f0852e; \/* slightly deeper orange *\/\r\n --shadow2: 0 18px 45px rgba(249,115,22,0.18);\r\n width:100%;\r\n }\r\n\r\n \/* full width section (edge to edge) *\/\r\n .rifaura-hero-stats{\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n width: 100vw;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n\r\n \/* HERO with background image (your Ait Ben Haddou) *\/\r\n .rifaura-hero{\r\n position: relative;\r\n width: 100%;\r\n height: clamp(260px, 36vw, 420px);\r\n padding-bottom: 92px; \/* space for stats overlap *\/\r\n overflow: visible;\r\n }\r\n .rifaura-bg{\r\n position:absolute; inset:0;\r\n background-image: url('https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/unesco-world-heritage-ksar-of-ait-ben-haddou-in-ma-2025-02-02-13-12-17-utc-1-scaled.jpeg');\r\n background-size: cover;\r\n background-position: center 30%; \/* focus on the ksar *\/\r\n background-attachment: fixed; \/* fixed on desktop *\/\r\n }\r\n .rifaura-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.06) 100%);\r\n }\r\n\r\n \/* STATS CARD (orange bar, white icons with orange ring) *\/\r\n .rifaura-stats-wrap{\r\n position:absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translate(-50%, 50%);\r\n z-index: 4;\r\n width: min(860px, calc(100% - 36px));\r\n }\r\n\r\n .rifaura-stats{\r\n position: relative;\r\n display:flex;\r\n gap: 0;\r\n border-radius: 22px;\r\n padding: 18px 16px;\r\n background: linear-gradient(135deg, var(--bar1) 0%, var(--bar2) 100%);\r\n box-shadow: var(--shadow2);\r\n overflow:hidden;\r\n border: 1px solid rgba(255,255,255,0.15);\r\n }\r\n\r\n \/* decorative background patterns (like original but orange) *\/\r\n .rifaura-stats::before{\r\n content:\"\";\r\n position:absolute; inset:-110px -160px;\r\n background: repeating-linear-gradient(135deg, rgba(255,255,255,0.2) 0 24px, rgba(255,255,255,0) 24px 52px);\r\n opacity:0.15;\r\n transform: rotate(-6deg);\r\n pointer-events:none;\r\n }\r\n .rifaura-stats::after{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:\r\n radial-gradient(900px 260px at 22% 25%, rgba(255,255,255,0.25), rgba(255,255,255,0) 60%),\r\n linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 45%),\r\n linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 38%);\r\n opacity: 0.4;\r\n pointer-events:none;\r\n }\r\n\r\n \/* each stat *\/\r\n .rifaura-stat{\r\n position: relative;\r\n z-index: 2;\r\n flex: 1 1 0;\r\n text-align:center;\r\n padding: 6px 10px;\r\n }\r\n\r\n \/* separator lines (white with low opacity) *\/\r\n .rifaura-stat:not(:last-child)::after{\r\n content:\"\";\r\n position:absolute;\r\n right:0;\r\n top: 18px;\r\n bottom: 18px;\r\n width:1px;\r\n background: rgba(255,255,255,0.3);\r\n }\r\n\r\n \/* ICON \u2013 white outer ring + orange background *\/\r\n .rifaura-ic{\r\n position: relative;\r\n width: 58px; height: 58px;\r\n border-radius: 999px;\r\n background: #ffffff; \/* white background inside ring *\/\r\n display:grid;\r\n place-items:center;\r\n margin: 0 auto 10px;\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.15);\r\n }\r\n \/* outer ring \u2013 orange *\/\r\n .rifaura-ic::before{\r\n content:\"\";\r\n position:absolute;\r\n inset: -5px;\r\n border-radius: 999px;\r\n border: 3px solid var(--orange); \/* orange ring *\/\r\n box-shadow: 0 10px 22px rgba(0,0,0,0.1);\r\n pointer-events:none;\r\n }\r\n .rifaura-ic img{\r\n width: 30px; height: 30px;\r\n display:block;\r\n filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%); \/* turns svg to orange *\/\r\n }\r\n\r\n \/* number \u2013 not too large, clean *\/\r\n .rifaura-num{\r\n display:flex;\r\n align-items: flex-start;\r\n justify-content:center;\r\n gap: 2px;\r\n color: #ffffff;\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n .rifaura-num span{ font-size: 28px; } \/* logical size *\/\r\n .rifaura-num small{ font-size: 13px; opacity: 0.9; margin-top: 4px; }\r\n\r\n \/* label *\/\r\n .rifaura-lbl{ color: rgba(255,255,255,0.95); font-weight: 700; font-size: 12px; letter-spacing: 0.3px; }\r\n\r\n \/* white container under hero (to blend with page) *\/\r\n .rifaura-hero::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0; right:0;\r\n bottom:-140px;\r\n height: 140px;\r\n background:#ffffff;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== responsive ===== *\/\r\n @media (max-width: 820px){\r\n .rifaura-stats{ padding: 14px 10px; }\r\n .rifaura-ic{ width: 52px; height: 52px; }\r\n .rifaura-ic img{ width: 26px; height: 26px; }\r\n .rifaura-num span{ font-size: 26px; }\r\n }\r\n\r\n @media (max-width: 600px){\r\n \/* mobile: no fixed background *\/\r\n .rifaura-bg{ background-attachment: scroll; }\r\n\r\n .rifaura-hero{\r\n height: 270px;\r\n padding-bottom: 110px;\r\n }\r\n .rifaura-hero::after{\r\n bottom:-170px;\r\n height: 170px;\r\n }\r\n\r\n \/* 2x2 grid *\/\r\n .rifaura-stats{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n padding: 14px;\r\n border-radius: 20px;\r\n }\r\n .rifaura-stat{\r\n padding: 10px 8px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,0.06);\r\n }\r\n .rifaura-stat::after{ display:none; }\r\n\r\n .rifaura-ic{ width: 48px; height: 48px; margin-bottom: 8px; }\r\n .rifaura-ic::before{ inset:-4px; border-width:2px; }\r\n .rifaura-ic img{ width: 24px; height: 24px; }\r\n .rifaura-num span{ font-size: 24px; }\r\n .rifaura-num small{ font-size: 12px; }\r\n .rifaura-lbl{ font-size: 11px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rifaura-hero-stats\" aria-label=\"H\u00e9ros Rifaura avec statistiques\">\r\n <div class=\"rifaura-hero\">\r\n \r\n <div class=\"rifaura-bg\" aria-hidden=\"true\"><\/div>\r\n <div class=\"rifaura-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rifaura-stats-wrap\">\r\n <div class=\"rifaura-stats\" role=\"group\" aria-label=\"Statistiques Rifaura\">\r\n \r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>150<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Visites et activit\u00e9s<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>115<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Des clients heureux<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>10<\/span><small><\/small><\/div>\r\n <div class=\"rifaura-lbl\">Conducteurs experts<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M11.5 1L8 7h7l-3.5-6zm0 22L8 17h7l-3.5 6zM12 10.5l-3 5h6l-3-5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>120<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Taux \u00e9quitables<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0370713 e-flex e-con-boxed e-con e-child\" data-id=\"0370713\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f28ef02 elementor-widget elementor-widget-spacer\" data-id=\"f28ef02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fb0a27 e-con-full e-flex e-con e-parent\" data-id=\"3fb0a27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a38996e elementor-widget elementor-widget-html\" data-id=\"a38996e\" 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>Quad Biking & Desert Adventures | Rifaura Marrakech<\/title>\r\n <meta name=\"description\" content=\"Quad Biking in Agafay Desert 2 Hours riding, Camel ride in the palm grove, Hot Air Balloon, Buggy tours \u2013 full-day experiences with lunch & pool. Book now.\">\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 \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Aventures Rifaura<\/span>\r\n <h1>Quad Biking & <span>Exp\u00e9riences dans le d\u00e9sert<\/span><\/h1>\r\n <p>Agafay Desert & Palm Grove - Excursions de 2 heures, excursions d'une journ\u00e9e avec d\u00e9jeuner et piscine, promenades \u00e0 dos de chameau, montgolfi\u00e8re, excursions en buggy. L'\u00e9quipement de s\u00e9curit\u00e9 est inclus dans chaque aventure.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/team-building-activities-marrakech-.webp\" alt=\"Quad Biking Agafay 2 hours\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-bolt\"><\/i> 2h de trajet<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad dans le d\u00e9sert d'Agafay 2 heures de conduite<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> D\u00e9sert d'Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 heures<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Adr\u00e9naline<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Collines d\u00e9sertiques<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Biking%20Agafay%202h\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/quad-biking-in-agafay-desert-2-hours-riding\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/76.jpg\" alt=\"Camel ride palm grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-camel\"><\/i> randonn\u00e9e \u00e0 dos de chameau<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Promenade \u00e0 dos de chameau dans la palmeraie de Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmeraie<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ~1 heure<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-palm-tree\"><\/i><span>Oasis<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-sun\"><\/i><span>Option coucher de soleil<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Camel%20ride%20palm%20grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/camel-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/COCHLEAPRODUCTION-12-1.webp\" alt=\"Hot Air Balloon Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-hot-air\"><\/i> vol au lever du soleil<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Balade en montgolfi\u00e8re \u00e0 Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 1h de vol<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-eye\"><\/i><span>Panoramique<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-cloud-sun\"><\/i><span>Petit d\u00e9jeuner<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Hot%20Air%20Balloon%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/hot-air-balloon-ride-in-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/buggy-1-636x426-1.jpg\" alt=\"Buggy Ride Palm Grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> tour en buggy<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Promenade en buggy dans la palmeraie de Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmeraie<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 heures<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i><span>Sentiers de l'Oasis<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Tout-terrain<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Palm%20Grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/buggy-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b5-1.jpg\" alt=\"Quad Agafay full day lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-utensils\"><\/i> journ\u00e9e enti\u00e8re<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Randonn\u00e9e en quad dans le d\u00e9sert d'Agafay : Journ\u00e9e compl\u00e8te avec d\u00e9jeuner et piscine<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> journ\u00e9e enti\u00e8re<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Acc\u00e8s \u00e0 la piscine<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i><span>D\u00e9jeuner marocain<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Agafay%20full%20day%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/quad-biking-in-the-agafay-desert-full-day-experience-with-lunch-and-pool-access\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/9f4c3ff06caad2e46baf912dc87e2097.avif\" alt=\"Buggy Agafay lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> poussette + piscine<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursion en buggy dans le d\u00e9sert d'Agafay avec d\u00e9jeuner et piscine<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> D\u00e9sert d'Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> journ\u00e9e enti\u00e8re<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-buggy\"><\/i><span>Promenade en buggy<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Piscine<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Agafay%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/buggy-ride-through-the-agafay-desert-with-lunch-pool\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n<\/section>\r\n\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-de15ab9 e-con-full e-flex e-con e-parent\" data-id=\"de15ab9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6795ff elementor-widget elementor-widget-html\" data-id=\"c6795ff\" 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 <title>Booking Process | Rifaura Tours<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ===== PREFIXED NAMES: all classes & CSS identifiers start with \"rp-\" ===== *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n body {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* animations (kept generic, no conflict) *\/\r\n @keyframes rp-fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes rp-fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rp-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n text-align: center;\r\n opacity: 0;\r\n animation: rp-fadeIn 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-small-title {\r\n color: #F97316;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 10px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n border-radius: 30px;\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 32px;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n margin-bottom: 40px;\r\n color: #1f2937;\r\n position: relative;\r\n display: block;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n .rp-main-title br {\r\n display: block;\r\n }\r\n\r\n .rp-main-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 3px;\r\n background: #F97316;\r\n border-radius: 2px;\r\n }\r\n\r\n .rp-steps {\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 40px 0;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.7s;\r\n }\r\n\r\n \/* dashed wave \u2014 desktop only *\/\r\n @media (min-width: 901px) {\r\n .rp-steps::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 75px;\r\n left: 5%;\r\n width: 90%;\r\n height: 120px;\r\n z-index: 0;\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,60 C150,0 300,120 450,60 600,0 750,120 900,60 1050,0 1200,60 1200,60' fill='none' stroke='%23F97316' stroke-width='3' stroke-dasharray='10 10' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n }\r\n }\r\n\r\n .rp-step {\r\n width: 22%;\r\n position: relative;\r\n z-index: 1;\r\n transition: all 0.4s ease;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) {\r\n animation-delay: 0.9s;\r\n }\r\n\r\n .rp-step:nth-child(2) {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(3) {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(4) {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .rp-step-container {\r\n background: linear-gradient(135deg, #ffffff, #fff7ed);\r\n padding: 35px 20px 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 35px rgba(249, 115, 22, 0.1);\r\n border: 2px solid rgba(249, 115, 22, 0.1);\r\n position: relative;\r\n }\r\n\r\n .rp-step-number {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 18px;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-step-number {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-step-number {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-step-number {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-step-number {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n margin: 10px auto 25px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n border: 2px solid rgba(249, 115, 22, 0.15);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-icon-box {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-icon-box {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-icon-box {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-icon-box {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 32px;\r\n color: #F97316;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #1f2937;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) h3 {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(2) h3 {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(3) h3 {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(4) h3 {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.6;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) p {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(2) p {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(3) p {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step:nth-child(4) p {\r\n animation-delay: 2.3s;\r\n }\r\n\r\n \/* mobile version \u2013 all prefixed *\/\r\n @media (max-width: 900px) {\r\n .rp-container {\r\n margin: 30px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 28px;\r\n margin-bottom: 30px;\r\n line-height: 1.3;\r\n }\r\n\r\n .rp-steps {\r\n flex-direction: column;\r\n gap: 20px;\r\n padding: 20px 0 30px;\r\n position: relative;\r\n }\r\n\r\n .rp-steps::before {\r\n display: none;\r\n }\r\n\r\n .rp-step {\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .rp-step-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n text-align: left;\r\n padding: 25px 20px;\r\n border-radius: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n position: relative;\r\n top: auto;\r\n left: auto;\r\n width: 45px;\r\n height: 45px;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box {\r\n margin: 0;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 15px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 28px;\r\n }\r\n\r\n .rp-step-content {\r\n flex: 1;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 19px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14.5px;\r\n line-height: 1.5;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 15px;\r\n background: linear-gradient(to bottom, #F97316, #FFB347);\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n \/* small phones *\/\r\n @media (max-width: 600px) {\r\n .rp-container {\r\n margin: 20px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 24px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .rp-small-title {\r\n font-size: 12px;\r\n padding: 5px 15px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 22px 18px;\r\n gap: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 55px;\r\n height: 55px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 26px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -8px;\r\n height: 12px;\r\n }\r\n }\r\n\r\n \/* extra small phones *\/\r\n @media (max-width: 480px) {\r\n .rp-container {\r\n padding: 0 15px;\r\n margin: 15px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 22px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 20px 16px;\r\n gap: 16px;\r\n border-radius: 16px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 17px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 24px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 17px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 13.5px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -6px;\r\n height: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"rp-container\">\r\n\r\n <div class=\"rp-small-title\">Processus de r\u00e9servation<\/div>\r\n\r\n <h2 class=\"rp-main-title\">\r\n R\u00e9servez votre aventure au Maroc<br>\r\n en 4 \u00e9tapes faciles\r\n <\/h2>\r\n\r\n <div class=\"rp-steps\">\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">1<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Choisissez votre circuit<\/h3>\r\n <p>Choisissez parmi les camps du d\u00e9sert, les villes imp\u00e9riales ou les aventures personnalis\u00e9es.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">2<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Contacter notre \u00e9quipe<\/h3>\r\n <p>Contactez-nous par WhatsApp ou par t\u00e9l\u00e9phone. Nous confirmerons la disponibilit\u00e9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">3<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Confirmez votre r\u00e9servation<\/h3>\r\n <p>Aucun paiement n'est n\u00e9cessaire \u00e0 l'avance. Nous envoyons tous les d\u00e9tails.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">4<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Se rencontrer et s'amuser<\/h3>\r\n <p>Rencontrez votre guide, payez sur place et profitez de l'aventure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\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-cf5f2f1 e-con-full e-flex e-con e-parent\" data-id=\"cf5f2f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35eac26 elementor-widget elementor-widget-html\" data-id=\"35eac26\" 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>Rifaura \u2013 Why Choose Us (Background #fff6ec)<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body style=\"margin:0; background:#fafafa;\">\r\n\r\n\r\n<section class=\"rifaura-why\" aria-label=\"Pourquoi choisir Rifaura Tours\">\r\n <div class=\"rifaura-why-inner\">\r\n \r\n \r\n <div class=\"rifaura-why-header\">\r\n <span class=\"rifaura-why-eyebrow\">Nos avantages<\/span>\r\n <h2 class=\"rifaura-why-title\">Pourquoi choisir <strong>Rifaura<\/strong><\/h2>\r\n <p class=\"rifaura-why-sub\">Vivre le Maroc dans le confort, l'authenticit\u00e9 et la tranquillit\u00e9 d'esprit<\/p>\r\n <\/div>\r\n\r\n <div class=\"rifaura-why-grid\">\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/car-checklist.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Processus de r\u00e9servation facile<\/h3>\r\n <p>Confirmation rapide, \u00e9tapes simples, aucun paiement initial n'est n\u00e9cessaire.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">01<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/money.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>\u00c9quitable et transparent<\/h3>\r\n <p>Pas de frais cach\u00e9s. Vous payez sur place, exactement ce que nous avons convenu.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">02<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/support.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Assistance \u00e0 la client\u00e8le 24\/7<\/h3>\r\n <p>WhatsApp, t\u00e9l\u00e9phone, courriel - nous sommes toujours l\u00e0 pour vous aider.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">03<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== RIFAURA WHY CHOOSE US \u2013 BACKGROUND #fff6ec (your choice) ===== *\/\r\n.rifaura-why, .rifaura-why *{ box-sizing:border-box; }\r\n.rifaura-why{\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --card: #ffffff;\r\n --muted: #6b7280;\r\n\r\n width: 100%;\r\n padding: clamp(50px, 7vw, 100px) 0;\r\n \/* \u2705 YOUR SPECIFIED BACKGROUND \u2013 soft, warm, professional *\/\r\n background: #fff6ec;\r\n font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n}\r\n\r\n.rifaura-why-inner{\r\n width: min(1320px, 100%);\r\n margin: 0 auto;\r\n padding: 0 clamp(20px, 4vw, 60px);\r\n}\r\n\r\n\/* HEADER TEXT \u2013 dark text on light background *\/\r\n.rifaura-why-header{\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.rifaura-why-eyebrow{\r\n display: inline-block;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--orange);\r\n background: rgba(249,115,22,0.08);\r\n padding: 8px 18px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.rifaura-why-title{\r\n font-size: 38px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n color: var(--black);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.rifaura-why-title strong{\r\n color: var(--orange);\r\n}\r\n\r\n.rifaura-why-sub{\r\n font-size: 18px;\r\n color: var(--muted);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* GRID *\/\r\n.rifaura-why-grid{\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(24px, 3vw, 36px);\r\n}\r\n\r\n\/* ========== CARDS \u2013 white, slight shadow ========== *\/\r\n.rifaura-why-card{\r\n position: relative;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 38px 32px 36px;\r\n overflow: hidden;\r\n min-height: 260px;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 20px 40px -8px rgba(249,115,22,0.1);\r\n transition: transform .2s ease, box-shadow .25s ease;\r\n}\r\n\r\n.rifaura-why-card:hover{\r\n transform: translateY(-6px);\r\n box-shadow: 0 30px 60px -8px rgba(249,115,22,0.2);\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.rifaura-why-head{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 22px;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n\/* ========== ICON CONTAINER ========== *\/\r\n.rifaura-why-ico{\r\n width: 96px;\r\n height: 96px;\r\n border-radius: 26px;\r\n background: rgba(249,115,22,0.08);\r\n border: 2px solid rgba(249,115,22,0.3);\r\n display: grid;\r\n place-items: center;\r\n flex: 0 0 auto;\r\n position: relative;\r\n z-index: 6;\r\n}\r\n\r\n.rifaura-why-ico img{\r\n width: 60px;\r\n height: 60px;\r\n display: block;\r\n object-fit: contain;\r\n}\r\n\r\n\/* ========== TEXT ========== *\/\r\n.rifaura-why-text h3{\r\n margin: 0 0 10px;\r\n font-size: 24px;\r\n line-height: 1.2;\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.3px;\r\n}\r\n.rifaura-why-text p{\r\n margin: 0;\r\n color: var(--muted);\r\n font-size: 17px;\r\n line-height: 1.55;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ========== BIG NUMBER ========== *\/\r\n.rifaura-why-num{\r\n position: absolute;\r\n left: 24px;\r\n bottom: 8px;\r\n font-size: 110px;\r\n font-weight: 950;\r\n letter-spacing: -4px;\r\n color: rgba(249,115,22,0.08);\r\n z-index: 1;\r\n user-select: none;\r\n pointer-events: none;\r\n line-height: 0.8;\r\n}\r\n\r\n\/* ========== CORNER ACCENT \u2013 ORANGE ========== *\/\r\n.rifaura-why-corner{\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n width: 100px;\r\n height: 100px;\r\n border-bottom: 12px solid var(--orange);\r\n border-right: 12px solid var(--orange);\r\n border-bottom-right-radius: 28px;\r\n z-index: 0;\r\n opacity: 0.9;\r\n}\r\n.rifaura-why-corner::after{\r\n content: \"\";\r\n position: absolute;\r\n right: -12px;\r\n bottom: -12px;\r\n width: 70px;\r\n height: 70px;\r\n border-bottom: 12px solid #fff;\r\n border-right: 12px solid #fff;\r\n border-bottom-right-radius: 24px;\r\n}\r\n\r\n\/* ========== RESPONSIVE ========== *\/\r\n@media (max-width: 980px){\r\n .rifaura-why-grid{ grid-template-columns: 1fr; gap: 28px; }\r\n .rifaura-why-card{ min-height: auto; padding: 32px 28px; }\r\n .rifaura-why-ico{ width: 86px; height: 86px; }\r\n .rifaura-why-ico img{ width: 52px; height: 52px; }\r\n .rifaura-why-text h3{ font-size: 22px; }\r\n .rifaura-why-text p{ font-size: 16px; }\r\n .rifaura-why-num{ font-size: 90px; left: 20px; }\r\n .rifaura-why-title{ font-size: 32px; }\r\n}\r\n\r\n@media (max-width: 480px){\r\n .rifaura-why-card{ padding: 28px 22px; }\r\n .rifaura-why-ico{ width: 78px; height: 78px; }\r\n .rifaura-why-ico img{ width: 48px; height: 48px; }\r\n .rifaura-why-text h3{ font-size: 20px; }\r\n .rifaura-why-num{ font-size: 80px; }\r\n .rifaura-why-title{ font-size: 28px; }\r\n .rifaura-why-sub{ font-size: 16px; }\r\n}\r\n<\/style>\r\n\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-c23d17f e-con-full e-flex e-con e-parent\" data-id=\"c23d17f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9551f9c elementor-widget elementor-widget-html\" data-id=\"9551f9c\" 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>FAQs | Rifaura - Activities & Excursions Morocco<\/title>\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 font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\nbody {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* FAQ SECTION - RIFAURA ORANGE THEME *\/\r\n.faq-section {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* SECTION HEADER *\/\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.section-badge {\r\n color: #F97316; \/* Rifaura orange *\/\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: rgba(249,115,22,0.08);\r\n border-radius: 30px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: #1f2937;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title span {\r\n color: #F97316; \/* Orange *\/\r\n}\r\n\r\n.section-subtitle {\r\n font-size: 16px;\r\n color: #4b5563;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* TWO COLUMN LAYOUT *\/\r\n.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\/* IMAGE COLUMN - UPDATED WITH YOUR NEW IMAGE *\/\r\n.image-column {\r\n position: relative;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 30px rgba(249,115,22,0.15);\r\n height: 550px;\r\n}\r\n\r\n.image-column 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}\r\n\r\n.image-column:hover img {\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* IMAGE OVERLAY *\/\r\n.image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n color: white;\r\n padding: 30px 25px 25px;\r\n text-align: center;\r\n}\r\n\r\n.image-overlay h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: #fff;\r\n}\r\n\r\n.image-overlay p {\r\n font-size: 15px;\r\n opacity: 0.9;\r\n line-height: 1.4;\r\n}\r\n\r\n\/* FAQ COLUMN *\/\r\n.faq-column {\r\n background: #fff;\r\n border-radius: 18px;\r\n padding: 5px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n.faq-item {\r\n background: #fff7ed; \/* Light orange tint *\/\r\n border-radius: 14px;\r\n margin-bottom: 15px;\r\n border: 2px solid rgba(249,115,22,0.1);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.faq-question {\r\n padding: 20px 25px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 700;\r\n font-size: 17px;\r\n color: #1f2937;\r\n background: #fff;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n border-radius: 50%;\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.question-text {\r\n flex: 1;\r\n}\r\n\r\n.faq-toggle {\r\n color: #F97316;\r\n font-size: 17px;\r\n transition: transform 0.3s ease;\r\n flex-shrink: 0;\r\n margin-left: 12px;\r\n font-weight: 300;\r\n}\r\n\r\n.faq-item.active .faq-toggle {\r\n transform: rotate(45deg);\r\n color: #F97316; \/* Keeping orange *\/\r\n}\r\n\r\n.faq-answer {\r\n padding: 0 25px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.5;\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n padding: 0 25px 20px;\r\n max-height: 500px;\r\n}\r\n\r\n\/* FAQ ANSWER CONTENT *\/\r\n.answer-content {\r\n padding-top: 12px;\r\n}\r\n\r\n.answer-content ul {\r\n padding-left: 18px;\r\n margin: 8px 0;\r\n}\r\n\r\n.answer-content li {\r\n margin-bottom: 6px;\r\n position: relative;\r\n font-size: 14.5px;\r\n}\r\n\r\n.answer-content li::before {\r\n content: \"\u2022\";\r\n color: #F97316; \/* Orange bullet *\/\r\n font-weight: bold;\r\n position: absolute;\r\n left: -13px;\r\n}\r\n\r\n\/* BOOKING BANNER - ORANGE *\/\r\n.booking-banner {\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n border-radius: 18px;\r\n padding: 30px 40px;\r\n margin-top: 30px;\r\n text-align: center;\r\n box-shadow: 0 12px 25px rgba(249,115,22,0.2);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.booking-banner::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(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n opacity: 0.1;\r\n}\r\n\r\n.banner-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.banner-content h3 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 8px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n.banner-content p {\r\n font-size: 17px;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 20px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.booking-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #0b0b0b; \/* Dark contrast *\/\r\n color: white;\r\n padding: 14px 35px;\r\n border-radius: 10px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.2);\r\n border: 2px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.booking-button:hover {\r\n background: #333;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.booking-button i {\r\n font-size: 18px;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.booking-button:hover i {\r\n transform: translateX(5px);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 992px) {\r\n .faq-container {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n \r\n .image-column {\r\n height: 450px;\r\n }\r\n \r\n .section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .faq-section {\r\n margin: 50px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 25px 30px;\r\n margin-top: 25px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 24px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n \r\n .faq-question {\r\n padding: 18px 22px;\r\n font-size: 16px;\r\n }\r\n \r\n .faq-answer {\r\n font-size: 14.5px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .faq-section {\r\n margin: 40px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 22px 25px;\r\n margin-top: 20px;\r\n border-radius: 16px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 22px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 15px;\r\n margin-bottom: 18px;\r\n }\r\n \r\n .booking-button {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n \r\n .section-badge {\r\n font-size: 12px;\r\n padding: 5px 16px;\r\n }\r\n \r\n .faq-question {\r\n padding: 16px 20px;\r\n font-size: 15px;\r\n }\r\n \r\n .faq-number {\r\n width: 26px;\r\n height: 26px;\r\n font-size: 13px;\r\n margin-right: 10px;\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 20px;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n padding: 0 20px 18px;\r\n }\r\n \r\n .image-column {\r\n height: 320px;\r\n }\r\n \r\n .image-overlay {\r\n padding: 25px 20px 20px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 18px;\r\n }\r\n \r\n .booking-banner {\r\n padding: 20px 18px;\r\n border-radius: 14px;\r\n margin-top: 18px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 14px;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .booking-button {\r\n padding: 11px 25px;\r\n font-size: 14px;\r\n border-radius: 8px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"faq-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">Questions fr\u00e9quemment pos\u00e9es<\/div>\r\n <h2 class=\"section-title\">Votre <span>Aventure au Maroc<\/span> Questions<\/h2>\r\n <p class=\"section-subtitle\">Tout ce que vous devez savoir sur nos activit\u00e9s, nos excursions et nos circuits<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-container\">\r\n \r\n <div class=\"image-column\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura Tours - Morocco Desert Adventure\">\r\n <div class=\"image-overlay\">\r\n <h3>Aventures dans le d\u00e9sert du Sahara<\/h3>\r\n <p>D\u00e9couvrez les randonn\u00e9es \u00e0 dos de chameau, le camping de luxe et les couchers de soleil inoubliables dans le d\u00e9sert marocain.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-column\">\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">1<\/span>\r\n <span class=\"question-text\">Quelles sont les activit\u00e9s et les excursions propos\u00e9es par Rifaura ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Nous proposons une large gamme d'exp\u00e9riences artisanales \u00e0 travers le Maroc :<\/p>\r\n <ul>\r\n <li><strong>\ud83c\udfdc\ufe0f Excursions dans le d\u00e9sert :<\/strong> Randonn\u00e9es \u00e0 dos de chameau, camps de nuit dans le d\u00e9sert, aventures en 4x4<\/li>\r\n <li><strong>\u26f0\ufe0f Mountain Tours :<\/strong> Randonn\u00e9e dans les montagnes de l'Atlas, visites de villages berb\u00e8res<\/li>\r\n <li><strong>\ud83c\udfdb\ufe0f Activit\u00e9s culturelles :<\/strong> Visites \u00e0 pied de la m\u00e9dina, cours de cuisine, ateliers de poterie<\/li>\r\n <li><strong>\ud83d\ude97 Excursions d'une journ\u00e9e :<\/strong> Au d\u00e9part de Marrakech, F\u00e8s et d'autres grandes villes<\/li>\r\n <li><strong>\u2728 Visites priv\u00e9es :<\/strong> Itin\u00e9raires personnalis\u00e9s pour les familles, les couples et les voyageurs en solo<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">2<\/span>\r\n <span class=\"question-text\">Comment r\u00e9server une excursion et qu'est-ce qui est inclus ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p><strong>La r\u00e9servation est facile :<\/strong><\/p>\r\n <ol>\r\n <li>Contactez-nous par WhatsApp ou par t\u00e9l\u00e9phone<\/li>\r\n <li>Choisissez votre activit\u00e9, vos dates et la taille de votre groupe<\/li>\r\n <li>Confirmez votre r\u00e9servation (aucun paiement anticip\u00e9 n'est n\u00e9cessaire)<\/li>\r\n <li>Rendez-vous avec votre guide \u00e0 l'endroit convenu<\/li>\r\n <\/ol>\r\n <p><strong>Les \u00e9l\u00e9ments suivants sont g\u00e9n\u00e9ralement inclus :<\/strong> Transport priv\u00e9, guide professionnel, activit\u00e9s (balade \u00e0 dos de chameau, etc.), repas tels que sp\u00e9cifi\u00e9s et eau en bouteille.<\/p>\r\n <p><strong>Non inclus :<\/strong> Les pourboires, les d\u00e9penses personnelles et les extras facultatifs.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">3<\/span>\r\n <span class=\"question-text\">Quelle est la meilleure p\u00e9riode pour les activit\u00e9s de plein air au Maroc ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Le Maroc offre des exp\u00e9riences exceptionnelles tout au long de l'ann\u00e9e, mais voici ce \u00e0 quoi il faut s'attendre :<\/p>\r\n <ul>\r\n <li><strong>Printemps (mars-mai) :<\/strong> Temps id\u00e9al pour les randonn\u00e9es, les visites dans le d\u00e9sert et les promenades en ville<\/li>\r\n <li><strong>Automne (septembre-novembre) :<\/strong> Temp\u00e9ratures douces, id\u00e9ales pour toutes les activit\u00e9s<\/li>\r\n <li><strong>\u00c9t\u00e9 (juin-ao\u00fbt) :<\/strong> Id\u00e9al pour les excursions c\u00f4ti\u00e8res et les visites du d\u00e9sert en d\u00e9but de matin\u00e9e ou en fin d'apr\u00e8s-midi.<\/li>\r\n <li><strong>Hiver (d\u00e9cembre-f\u00e9vrier) :<\/strong> Neige dans l'Atlas, journ\u00e9es agr\u00e9ables dans le d\u00e9sert (nuits froides)<\/li>\r\n <\/ul>\r\n <p>Nous fonctionnons toute l'ann\u00e9e et pouvons vous proposer les meilleures activit\u00e9s pour chaque saison.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">4<\/span>\r\n <span class=\"question-text\">Vos excursions sont-elles adapt\u00e9es aux voyageurs en solo ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Absolument ! Les aventuriers solitaires sont les bienvenus :<\/p>\r\n <ul>\r\n <li><strong>Participer \u00e0 des visites de groupe :<\/strong> Partager l'exp\u00e9rience avec des voyageurs partageant les m\u00eames id\u00e9es<\/li>\r\n <li><strong>Options priv\u00e9es :<\/strong> Personnalisez votre propre voyage en solo<\/li>\r\n <li><strong>Pas de suppl\u00e9ment pour personne seule :<\/strong> Sur de nombreux d\u00e9parts en groupe<\/li>\r\n <li><strong>S\u00e9curit\u00e9 et confort :<\/strong> Des guides exp\u00e9riment\u00e9s veillent \u00e0 ce que l'on s'occupe bien de vous.<\/li>\r\n <li><strong>Flexible :<\/strong> Nous pouvons adapter les activit\u00e9s \u00e0 votre rythme et \u00e0 vos int\u00e9r\u00eats<\/li>\r\n <\/ul>\r\n <p>Le voyage en solitaire est un moyen fantastique d'explorer le Maroc avec Rifaura.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">5<\/span>\r\n <span class=\"question-text\">Quelle est votre politique d'annulation et de paiement pour les activit\u00e9s ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Nous veillons \u00e0 ce que les choses soient simples et conviviales pour les voyageurs :<\/p>\r\n <ul>\r\n <li><strong>Pas de paiement anticip\u00e9 :<\/strong> R\u00e9servez votre place sans payer \u00e0 l'avance<\/li>\r\n <li><strong>R\u00e9mun\u00e9ration au jour le jour :<\/strong> Esp\u00e8ces (MAD\/EUR) ou paiement par carte \u00e0 votre guide<\/li>\r\n <li><strong>Annulation gratuite :<\/strong> Jusqu'\u00e0 48 heures avant l'activit\u00e9<\/li>\r\n <li><strong>Politique m\u00e9t\u00e9orologique :<\/strong> Si les conditions ne sont pas s\u00fbres, nous reportons la date ou nous remboursons int\u00e9gralement.<\/li>\r\n <li><strong>R\u00e9ductions pour les groupes :<\/strong> Disponible pour les groupes de 4 personnes ou plus<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">6<\/span>\r\n <span class=\"question-text\">Que dois-je emporter pour une excursion d'une journ\u00e9e ou dans le d\u00e9sert ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Nous vous recommandons d'emporter ces \u00e9l\u00e9ments essentiels :<\/p>\r\n <ul>\r\n <li><strong>\ud83d\udc55 V\u00eatements :<\/strong> Couches confortables, chapeau de soleil, \u00e9charpe pour le vent et le soleil<\/li>\r\n <li><strong>\ud83d\udc5f Footwear :<\/strong> Chaussures ferm\u00e9es pour la marche\/la randonn\u00e9e<\/li>\r\n <li><strong>\ud83e\uddf4 Protection :<\/strong> Cr\u00e8me solaire, lunettes de soleil, baume \u00e0 l\u00e8vres<\/li>\r\n <li><strong>\ud83d\udcf7 Extras :<\/strong> Appareil photo, banque d'alimentation, petit sac \u00e0 dos<\/li>\r\n <li><strong>\ud83d\udca7 Hydratation :<\/strong> Nous fournissons de l'eau, mais vous pouvez aussi apporter votre propre bouteille.<\/li>\r\n <li><strong>\ud83c\udf19 Pour les nuits de d\u00e9sert :<\/strong> Veste chaude (hiver) ou veste l\u00e9g\u00e8re (\u00e9t\u00e9)<\/li>\r\n <\/ul>\r\n <p>Nous fournissons des sacs de couchage et du mat\u00e9riel de camping pour les excursions de nuit dans le d\u00e9sert.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"booking-banner\">\r\n <div class=\"banner-content\">\r\n <h3>Pr\u00eat pour votre aventure au Maroc ?<\/h3>\r\n <p>Contactez-nous d\u00e8s maintenant pour r\u00e9server votre exp\u00e9rience inoubliable \u00e0 Rifaura.<\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/212657261708\" class=\"booking-button\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Contactez-nous sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n const toggles = document.querySelectorAll('.faq-toggle');\r\n \r\n \/\/ All FAQs start closed (no active class)\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n const toggle = item.querySelector('.faq-toggle');\r\n \r\n question.addEventListener('click', () => {\r\n \/\/ Close all other FAQ items\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item && otherItem.classList.contains('active')) {\r\n otherItem.classList.remove('active');\r\n otherItem.querySelector('.faq-toggle').textContent = '+';\r\n }\r\n });\r\n \r\n \/\/ Toggle current item\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Remove active from all\r\n faqItems.forEach(faq => faq.classList.remove('active'));\r\n toggles.forEach(toggle => toggle.textContent = '+');\r\n \r\n \/\/ If clicked item wasn't active, activate it\r\n if (!isActive) {\r\n item.classList.add('active');\r\n toggle.textContent = '+';\r\n }\r\n });\r\n });\r\n});\r\n<\/script>\r\n\r\n\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>Rifaura slider \u2013 all orange Rifaura Promo Bar (Orange) \u2013 reduced height Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding fun moroccan dinner Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding […]<\/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-450","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":101,"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/pages\/450\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/media?parent=450"}],"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 Rifaura slider \u2013 all orange<\/title>\r\n<\/head>\r\n<body>\r\n \r\n <div id=\"rifaura-slider-mount\"><\/div>\r\n <script>\r\n (function(){\r\n const mount = document.getElementById('rifaura-slider-mount');\r\n if(!mount) return;\r\n const root = mount.attachShadow({ mode: 'open' });\r\n\r\n root.innerHTML = `\r\n <style>\r\n :host {\r\n --primary: #F97316; \/* vibrant orange (main) *\/\r\n --secondary: #FFB347; \/* lighter orange for accents (instead of blue) *\/\r\n --light: #fef9f3;\r\n --dark: #1a1a1a;\r\n --white: #ffffff;\r\n --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n .myt-slider-container {\r\n position: relative;\r\n width: 100%;\r\n height: 680px;\r\n overflow: hidden;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n }\r\n \r\n .myt-slider-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n \r\n .myt-slide {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transform: translateX(100%);\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n \r\n .myt-slide.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n z-index: 1;\r\n }\r\n \r\n .myt-slide.prev {\r\n transform: translateX(-100%);\r\n opacity: 0;\r\n }\r\n \r\n .myt-slide-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: brightness(0.8);\r\n }\r\n \r\n .myt-slide-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n width: 90%;\r\n padding: 40px;\r\n color: var(--white);\r\n text-align: center;\r\n }\r\n \r\n .myt-slide-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n padding: 10px 24px;\r\n border-radius: 30px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 25px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n .myt-slide-title {\r\n font-size: 56px;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin: 0 0 20px 0;\r\n text-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .myt-slide-title span {\r\n color: var(--secondary); \/* lighter orange accent *\/\r\n }\r\n \r\n .myt-slide-desc {\r\n font-size: 20px;\r\n line-height: 1.6;\r\n max-width: 700px;\r\n margin: 0 auto 35px;\r\n opacity: 0.95;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* ALL BUTTONS orange *\/\r\n .myt-slide-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--primary); \/* orange *\/\r\n color: var(--white);\r\n padding: 16px 36px;\r\n border-radius: 50px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n border: 2px solid transparent;\r\n box-shadow: 0 10px 30px rgba(249, 115, 22, 0.4);\r\n }\r\n \r\n .myt-slide-cta:hover {\r\n background: var(--white);\r\n color: var(--primary); \/* orange text on hover *\/\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(249, 115, 22, 0.5);\r\n }\r\n \r\n .myt-slide-cta svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: currentColor;\r\n transition: var(--transition);\r\n }\r\n \r\n .myt-slide-cta:hover svg {\r\n transform: translateX(5px);\r\n }\r\n \r\n \/* Navigation arrows (white, unchanged) *\/\r\n .myt-slider-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 56px;\r\n height: 56px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n z-index: 10;\r\n border: none;\r\n outline: none;\r\n }\r\n \r\n .myt-slider-nav:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .myt-slider-nav.prev {\r\n left: 30px;\r\n }\r\n \r\n .myt-slider-nav.next {\r\n right: 30px;\r\n }\r\n \r\n .myt-slider-nav svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: var(--white);\r\n }\r\n \r\n .myt-slider-dots {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 0;\r\n right: 0;\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n z-index: 10;\r\n }\r\n \r\n .myt-slider-dot {\r\n width: 10px;\r\n height: 10px;\r\n background: rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n border: none;\r\n padding: 0;\r\n }\r\n \r\n .myt-slider-dot.active {\r\n background: var(--white);\r\n transform: scale(1);\r\n width: 10px;\r\n height: 10px;\r\n }\r\n \r\n \/* responsive *\/\r\n @media (max-width: 1024px) {\r\n .myt-slider-container { height: 550px; }\r\n .myt-slide-title { font-size: 46px; }\r\n .myt-slide-desc { font-size: 18px; }\r\n .myt-slider-nav { width: 50px; height: 50px; }\r\n .myt-slider-nav.prev { left: 20px; }\r\n .myt-slider-nav.next { right: 20px; }\r\n .myt-slider-nav svg { width: 22px; height: 22px; }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .myt-slider-container { height: 480px; }\r\n .myt-slide-content { padding: 30px 25px; }\r\n .myt-slide-title { font-size: 34px; }\r\n .myt-slide-desc { font-size: 17px; margin-bottom: 30px; }\r\n .myt-slide-cta { padding: 14px 28px; font-size: 16px; }\r\n .myt-slider-nav { width: 44px; height: 44px; display: none; }\r\n .myt-slider-dots { bottom: 30px; }\r\n .myt-slider-dot { width: 8px; height: 8px; }\r\n .myt-slider-dot.active { width: 8px; height: 8px; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .myt-slider-container { height: 420px; }\r\n .myt-slide-content { padding: 25px 20px; }\r\n .myt-slide-title { font-size: 28px; margin-bottom: 15px; }\r\n .myt-slide-desc { font-size: 16px; margin-bottom: 25px; }\r\n .myt-slide-badge { padding: 8px 18px; font-size: 12px; margin-bottom: 15px; }\r\n .myt-slide-cta { padding: 12px 24px; font-size: 15px; gap: 8px; }\r\n .myt-slide-cta svg { width: 16px; height: 16px; }\r\n .myt-slider-dots { bottom: 25px; gap: 8px; }\r\n .myt-slider-dot { width: 6px; height: 6px; }\r\n .myt-slider-dot.active { width: 6px; height: 6px; }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .myt-slider-container { height: 380px; }\r\n .myt-slide-title { font-size: 24px; }\r\n .myt-slide-desc { font-size: 15px; }\r\n .myt-slide-cta { padding: 10px 20px; font-size: 14px; }\r\n .myt-slider-dots { bottom: 20px; }\r\n }\r\n \r\n @media (max-width: 320px) {\r\n .myt-slider-container { height: 350px; }\r\n .myt-slide-content { padding: 20px 15px; }\r\n .myt-slide-title { font-size: 22px; }\r\n }\r\n <\/style>\r\n\r\n <div class=\"myt-slider-container\" aria-label=\"Rifaura banner \u2013 all orange\">\r\n <div class=\"myt-slider-wrapper\">\r\n \r\n \r\n <div class=\"myt-slide active\" data-slide=\"1\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/illuminated-hassan-ii-mosque-with-its-reflection-o-2025-02-02-21-16-54-utc-1-scaled.jpg\"\r\n alt=\"Hassan II Mosque illuminated at night, Casablanca\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Rifaura Activities<\/div>\r\n <h1 class=\"myt-slide-title\">Discover <span>Morocco's Wonders<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n From the iconic Hassan II Mosque to hidden gems, explore Morocco's rich heritage with our expert-guided tours and authentic cultural experiences.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Start Exploring\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"2\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/caption-5.jpg\"\r\n alt=\"Rifaura cultural experience in Morocco\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Excursions & Tours<\/div>\r\n <h1 class=\"myt-slide-title\">Authentic <span>Cultural Encounters<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Immerse yourself in local traditions, from vibrant souks to tranquil riads. Our handcrafted tours connect you with the real Morocco.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Book Your Tour\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"myt-slide\" data-slide=\"3\">\r\n <img decoding=\"async\" class=\"myt-slide-image\" \r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/morocco-facebook.jpg\"\r\n alt=\"Iconic Moroccan landscape\">\r\n <div class=\"myt-slide-content\">\r\n <div class=\"myt-slide-badge\">Tailor-Made Experiences<\/div>\r\n <h1 class=\"myt-slide-title\">Your Story <span>Begins Here<\/span><\/h1>\r\n <p class=\"myt-slide-desc\">\r\n Private tours, small groups, and sustainable travel. Let Rifaura craft the perfect Moroccan adventure for you.\r\n <\/p>\r\n <a href=\"https:\/\/rifaura.com\/contact\" class=\"myt-slide-cta\">\r\n Plan Your Journey\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n \r\n <button class=\"myt-slider-nav prev\" aria-label=\"Previous slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"myt-slider-nav next\" aria-label=\"Next slide\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/button>\r\n \r\n \r\n <div class=\"myt-slider-dots\">\r\n <div class=\"myt-slider-dot active\" data-slide=\"1\" aria-label=\"Go to slide 1\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"2\" aria-label=\"Go to slide 2\"><\/div>\r\n <div class=\"myt-slider-dot\" data-slide=\"3\" aria-label=\"Go to slide 3\"><\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n\r\n \/\/ Slider functionality (unchanged)\r\n setTimeout(() => {\r\n const sliderContainer = root.querySelector('.myt-slider-container');\r\n const slides = root.querySelectorAll('.myt-slide');\r\n const dots = root.querySelectorAll('.myt-slider-dot');\r\n const prevBtn = root.querySelector('.myt-slider-nav.prev');\r\n const nextBtn = root.querySelector('.myt-slider-nav.next');\r\n \r\n let currentSlide = 0;\r\n let slideInterval;\r\n const totalSlides = slides.length;\r\n \r\n function updateSlider() {\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove('active', 'prev');\r\n if (index === currentSlide) {\r\n slide.classList.add('active');\r\n } else if (index === (currentSlide - 1 + totalSlides) % totalSlides) {\r\n slide.classList.add('prev');\r\n }\r\n });\r\n \r\n dots.forEach((dot, index) => {\r\n dot.classList.remove('active');\r\n if (index === currentSlide) {\r\n dot.classList.add('active');\r\n }\r\n });\r\n }\r\n \r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToNextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function goToPrevSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n resetAutoSlide();\r\n }\r\n \r\n function startAutoSlide() {\r\n slideInterval = setInterval(goToNextSlide, 6000);\r\n }\r\n \r\n function pauseAutoSlide() {\r\n clearInterval(slideInterval);\r\n }\r\n \r\n function resetAutoSlide() {\r\n pauseAutoSlide();\r\n startAutoSlide();\r\n }\r\n \r\n prevBtn.addEventListener('click', goToPrevSlide);\r\n nextBtn.addEventListener('click', goToNextSlide);\r\n \r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const slideIndex = parseInt(this.getAttribute('data-slide')) - 1;\r\n goToSlide(slideIndex);\r\n });\r\n });\r\n \r\n sliderContainer.addEventListener('mouseenter', pauseAutoSlide);\r\n sliderContainer.addEventListener('mouseleave', startAutoSlide);\r\n \r\n \/\/ Touch swipe\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n \r\n sliderContainer.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n pauseAutoSlide();\r\n });\r\n \r\n sliderContainer.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n const swipeThreshold = 50;\r\n const diff = touchStartX - touchEndX;\r\n \r\n if (Math.abs(diff) > swipeThreshold) {\r\n if (diff > 0) goToNextSlide();\r\n else goToPrevSlide();\r\n }\r\n startAutoSlide();\r\n });\r\n \r\n \/\/ Init\r\n updateSlider();\r\n startAutoSlide();\r\n \r\n }, 100);\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-c44f3ff e-con-full e-flex e-con e-parent\" data-id=\"c44f3ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42ecaa2 elementor-widget elementor-widget-html\" data-id=\"42ecaa2\" 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>Rifaura Promo Bar (Orange) \u2013 reduced height<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, sans-serif;\r\n }\r\n \r\n \/* ----- RIFAURA BRAND COLORS (all orange shades) ----- *\/\r\n .brand-bg {\r\n background: linear-gradient(90deg, #F97316 0%, #FFB347 35%, #F97316 100%);\r\n \/* solid fallback *\/\r\n background-color: #F97316;\r\n }\r\n \r\n \/* Carousel Container *\/\r\n .carousel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.08);\r\n }\r\n \r\n \/* \ud83d\udd3b REDUCED HEIGHTS (as requested) *\/\r\n .desktop-height {\r\n height: 60px; \/* was 75px *\/\r\n }\r\n \r\n .mobile-height {\r\n height: 48px; \/* was 60px *\/\r\n }\r\n \r\n \/* Carousel Track *\/\r\n .carousel-track {\r\n display: flex;\r\n position: absolute;\r\n white-space: nowrap;\r\n height: 100%;\r\n align-items: center;\r\n }\r\n \r\n \/* Animation *\/\r\n .carousel-animation {\r\n animation: slide 35s linear infinite;\r\n }\r\n \r\n .carousel-animation:hover {\r\n animation-play-state: paused;\r\n }\r\n \r\n @keyframes slide {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n \r\n \/* Promo Item *\/\r\n .promo-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px; \/* slightly reduced *\/\r\n padding: 0 28px; \/* reduced from 35px *\/\r\n color: white; \/* all text white \u2013 contrasts nicely on orange *\/\r\n font-weight: 600;\r\n font-size: 17px; \/* slightly smaller *\/\r\n height: 100%;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n border-right: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n \r\n .promo-item:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n .promo-icon {\r\n font-size: 22px; \/* reduced from 24px *\/\r\n color: white;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .promo-item:hover .promo-icon {\r\n transform: scale(1.15);\r\n }\r\n \r\n .highlight {\r\n color: white; \/* keep white, but you could use a lighter orange if needed *\/\r\n font-weight: 700;\r\n margin-left: 4px;\r\n }\r\n \r\n \/* Mobile Specific Adjustments *\/\r\n @media (max-width: 768px) {\r\n .mobile-height {\r\n height: 44px; \/* reduced from 55px *\/\r\n }\r\n \r\n .carousel-animation {\r\n animation-duration: 30s;\r\n }\r\n \r\n .promo-item {\r\n font-size: 15px; \/* was 16px *\/\r\n padding: 0 20px; \/* reduced from 28px *\/\r\n gap: 10px;\r\n min-width: 180px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 20px; \/* was 22px *\/\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .mobile-height {\r\n height: 42px; \/* reduced from 50px *\/\r\n }\r\n \r\n .promo-item {\r\n font-size: 14px; \/* was 15px *\/\r\n padding: 0 18px; \/* reduced *\/\r\n min-width: 160px;\r\n gap: 8px;\r\n }\r\n \r\n .promo-icon {\r\n font-size: 18px;\r\n }\r\n }\r\n \r\n @media (max-width: 360px) {\r\n .mobile-height {\r\n height: 40px;\r\n }\r\n \r\n .promo-item {\r\n font-size: 13px;\r\n padding: 0 16px;\r\n min-width: 150px;\r\n }\r\n }\r\n \r\n \/* Hide\/Show based on screen size *\/\r\n .desktop-only {\r\n display: block;\r\n }\r\n \r\n .mobile-only {\r\n display: none;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .desktop-only {\r\n display: none;\r\n }\r\n \r\n .mobile-only {\r\n display: block;\r\n }\r\n }\r\n \r\n \/* Pause on hover *\/\r\n .carousel-container:hover .carousel-animation {\r\n animation-play-state: paused;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n <div class=\"desktop-only\">\r\n <div class=\"carousel-container desktop-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exclusif<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> voyageurs heureux<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 \u00e9toiles<\/span> service<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Maroc<\/span> experts<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">s\u00fbr<\/span> voyages<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">coucher de soleil<\/span> randonn\u00e9es \u00e0 dos de chameau<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quadruple<\/span> aventures<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">local<\/span> guides berb\u00e8res<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">surf des sables<\/span> amusant<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marocain<\/span> d\u00eener<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span> exclusif<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> voyageurs heureux<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 \u00e9toiles<\/span> service<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Maroc<\/span> experts<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">s\u00fbr<\/span> voyages<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">coucher de soleil<\/span> randonn\u00e9es \u00e0 dos de chameau<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quadruple<\/span> aventures<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">local<\/span> guides berb\u00e8res<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">surf des sables<\/span> amusant<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">marocain<\/span> d\u00eener<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"mobile-only\">\r\n <div class=\"carousel-container mobile-height brand-bg\">\r\n <div class=\"carousel-track carousel-animation\">\r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> voyageurs<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 \u00e9toiles<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Maroc<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">s\u00fbr<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">coucher de soleil<\/span> chameau<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quadruple<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">guides<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">planche \u00e0 sable<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">d\u00eener<\/span><\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-map-marked-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Rifaura<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-users promo-icon\"><\/i>\r\n <span><span class=\"highlight\">500+<\/span> voyageurs<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-star promo-icon\"><\/i>\r\n <span><span class=\"highlight\">5 \u00e9toiles<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-compass promo-icon\"><\/i>\r\n <span><span class=\"highlight\">Maroc<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-shield-alt promo-icon\"><\/i>\r\n <span><span class=\"highlight\">s\u00fbr<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-sun promo-icon\"><\/i>\r\n <span><span class=\"highlight\">coucher de soleil<\/span> chameau<\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-motorcycle promo-icon\"><\/i>\r\n <span><span class=\"highlight\">quadruple<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-handshake promo-icon\"><\/i>\r\n <span><span class=\"highlight\">guides<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-snowboarding promo-icon\"><\/i>\r\n <span><span class=\"highlight\">planche \u00e0 sable<\/span><\/span>\r\n <\/div>\r\n <div class=\"promo-item\">\r\n <i class=\"fas fa-utensils promo-icon\"><\/i>\r\n <span><span class=\"highlight\">d\u00eener<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \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-e0bf58b e-con-full e-flex e-con e-parent\" data-id=\"e0bf58b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f7b091 elementor-widget elementor-widget-html\" data-id=\"0f7b091\" 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>About Rifaura \u2013 cultural travel<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/animate.css\/4.1.1\/animate.min.css\"\/>\r\n <style>\r\n :root{\r\n --rfa-orange: #F97316;\r\n --rfa-orange-light: #FFB347;\r\n --rfa-black: #0b0b0b;\r\n --rfa-text: #0b0b0b;\r\n --rfa-muted: #6b7280;\r\n --rfa-bg: #ffffff;\r\n --rfa-soft: #fff4e6;\r\n --rfa-checkBg: #fff1dc;\r\n\r\n --rfa-shadow: 0 18px 45px rgba(249,115,22,.12);\r\n --rfa-shadow2: 0 10px 25px rgba(249,115,22,.08);\r\n\r\n --rfa-radius: 22px;\r\n --rfa-radiusBig: 120px;\r\n --rfa-max: 1200px;\r\n\r\n --rfa-orangeFilter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%);\r\n }\r\n\r\n *{ box-sizing:border-box; }\r\n body{\r\n margin:0;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n background: var(--rfa-bg);\r\n color: var(--rfa-text);\r\n }\r\n\r\n .rfa-about-section{ padding: clamp(28px, 4vw, 60px) 18px; }\r\n .rfa-container{\r\n max-width: var(--rfa-max);\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1.05fr 1fr;\r\n gap: clamp(24px, 4vw, 56px);\r\n align-items: center;\r\n }\r\n\r\n \/* LEFT COLLAGE *\/\r\n .rfa-collage{\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n gap: clamp(14px, 2vw, 22px);\r\n min-height: clamp(360px, 42vw, 520px);\r\n align-content: stretch;\r\n --rfa-badge-x: 50%;\r\n --rfa-badge-y: 50%;\r\n --rfa-badge-size: clamp(110px, 14vw, 150px);\r\n }\r\n\r\n .rfa-img-box{\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--rfa-shadow2);\r\n background: #f2f2f2;\r\n }\r\n .rfa-img-box img{\r\n width:100%;\r\n height:100%;\r\n object-fit: cover;\r\n display:block;\r\n }\r\n\r\n .rfa-img-1{\r\n grid-column: 1 \/ 2;\r\n grid-row: 1 \/ 2;\r\n border-radius: var(--rfa-radiusBig) var(--rfa-radius) var(--rfa-radius) var(--rfa-radius);\r\n }\r\n\r\n .rfa-img-3{\r\n grid-column: 1 \/ 2;\r\n grid-row: 2 \/ 3;\r\n border-radius: var(--rfa-radius) var(--rfa-radius) var(--rfa-radius) var(--rfa-radiusBig);\r\n }\r\n\r\n .rfa-img-2{\r\n grid-column: 2 \/ 3;\r\n grid-row: 1 \/ 3;\r\n border-radius: var(--rfa-radius);\r\n align-self: center;\r\n height: 86%;\r\n transform: translateY(2%);\r\n z-index: 1;\r\n }\r\n\r\n \/* ORANGE RING *\/\r\n .rfa-ring{\r\n position:absolute;\r\n width: clamp(140px, 18vw, 200px);\r\n height: clamp(140px, 18vw, 200px);\r\n border-radius: 999px;\r\n border: clamp(12px, 1.4vw, 18px) solid var(--rfa-orange);\r\n top: clamp(10px, 2vw, 18px);\r\n left: 56%;\r\n transform: translateX(-10%);\r\n z-index: 0;\r\n opacity: .9;\r\n }\r\n\r\n \/* EXPERIENCE BADGE *\/\r\n .rfa-exp-badge{\r\n position:absolute;\r\n width: var(--rfa-badge-size);\r\n height: var(--rfa-badge-size);\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n display:grid;\r\n place-items:center;\r\n text-align:center;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.20);\r\n border: 8px solid #fff;\r\n\r\n left: var(--rfa-badge-x);\r\n top: var(--rfa-badge-y);\r\n transform: translate(-50%, -50%);\r\n z-index: 4;\r\n }\r\n .rfa-exp-inner{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n gap: 6px;\r\n }\r\n .rfa-exp-badge .rfa-num{\r\n font-weight: 900;\r\n font-size: clamp(28px, 3.2vw, 42px);\r\n line-height: 1;\r\n margin: 0;\r\n color: var(--rfa-orange);\r\n }\r\n .rfa-exp-badge .rfa-txt{\r\n margin: 0;\r\n font-weight: 900;\r\n font-size: clamp(11px, 1.2vw, 14px);\r\n line-height: 1.15;\r\n color: var(--rfa-orange-light);\r\n }\r\n\r\n \/* RIGHT CONTENT *\/\r\n .rfa-content{ max-width: 560px; }\r\n\r\n .rfa-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 8px 14px;\r\n border-radius: 999px;\r\n background: var(--rfa-soft);\r\n color: var(--rfa-black);\r\n font-weight: 900;\r\n font-size: 13px;\r\n border: 1px solid rgba(249,115,22,.35);\r\n }\r\n .rfa-pill .rfa-pill-ico{\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 999px;\r\n background: #fff;\r\n border: 1px solid rgba(249,115,22,.35);\r\n display:grid;\r\n place-items:center;\r\n }\r\n .rfa-pill svg{ width: 14px; height: 14px; stroke: var(--rfa-orange); stroke-width: 2; fill:none; }\r\n\r\n h2{\r\n margin: 14px 0 12px;\r\n font-size: clamp(28px, 3.1vw, 44px);\r\n line-height: 1.1;\r\n letter-spacing: -.2px;\r\n }\r\n .rfa-hl{ color: var(--rfa-orange); }\r\n\r\n .rfa-desc{\r\n margin: 0 0 20px;\r\n color: var(--rfa-muted);\r\n line-height: 1.7;\r\n font-size: 14.5px;\r\n max-width: 56ch;\r\n }\r\n\r\n .rfa-details{\r\n display:grid;\r\n grid-template-columns: 1.15fr .95fr;\r\n gap: 18px;\r\n align-items: start;\r\n margin-top: 8px;\r\n }\r\n\r\n .rfa-feature{\r\n display:flex;\r\n gap: 14px;\r\n padding: 10px 0;\r\n }\r\n\r\n .rfa-f-ico{\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n display:grid;\r\n place-items:center;\r\n box-shadow: 0 14px 30px rgba(0,0,0,.14);\r\n flex: 0 0 auto;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-f-ico img{\r\n width: 24px;\r\n height: 24px;\r\n display:block;\r\n filter: var(--rfa-orangeFilter);\r\n }\r\n\r\n .rfa-feature h4{ margin: 2px 0 6px; font-size: 16px; line-height: 1.2; }\r\n .rfa-feature p{ margin:0; color: var(--rfa-muted); font-size: 13.8px; line-height: 1.6; font-weight: 700; }\r\n\r\n .rfa-check-card{\r\n background: var(--rfa-checkBg);\r\n border-radius: 18px;\r\n padding: 16px;\r\n border: 1px solid rgba(249,115,22,.25);\r\n }\r\n .rfa-check-list{ list-style:none; margin:0; padding:0; display:grid; gap: 12px; }\r\n .rfa-check-item{ display:flex; align-items:center; gap: 10px; font-weight: 900; color: #0b1220; font-size: 14px; }\r\n .rfa-check{\r\n width: 18px; height: 18px; border-radius: 999px;\r\n background: rgba(249,115,22,.18);\r\n display:grid; place-items:center;\r\n border: 1px solid rgba(249,115,22,.40);\r\n flex: 0 0 auto;\r\n }\r\n .rfa-check svg{ width: 12px; height: 12px; stroke: var(--rfa-orange); stroke-width: 3; fill:none; }\r\n\r\n .rfa-cta{\r\n margin-top: 18px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 12px 18px;\r\n border-radius: 999px;\r\n background: var(--rfa-black);\r\n color: var(--rfa-orange-light);\r\n font-weight: 900;\r\n font-size: 13.5px;\r\n text-decoration:none;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.14);\r\n border: 1px solid rgba(249,115,22,.35);\r\n transition: transform .15s ease, filter .15s ease;\r\n }\r\n .rfa-cta:hover{ transform: translateY(-1px); filter: brightness(1.02); }\r\n .rfa-cta svg{ width: 16px; height: 16px; stroke: var(--rfa-orange-light); stroke-width:2; fill:none; }\r\n\r\n @media (min-width: 981px){\r\n .rfa-collage{ min-height: 460px; }\r\n .rfa-img-2{ height: 78%; transform: translateY(6%); }\r\n }\r\n\r\n @media (max-width: 980px){\r\n .rfa-container{ grid-template-columns: 1fr; }\r\n .rfa-content{ max-width: 100%; }\r\n .rfa-details{ grid-template-columns: 1fr; }\r\n .rfa-check-card{ order: 2; }\r\n .rfa-collage{ min-height: 420px; }\r\n }\r\n\r\n @media (max-width: 520px){\r\n .rfa-collage{\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: 1fr 1fr;\r\n min-height: 380px;\r\n --rfa-badge-size: 122px;\r\n }\r\n .rfa-img-2{ height: 82%; }\r\n .rfa-ring{ left: 58%; top: 8px; }\r\n .rfa-exp-badge{ border-width: 6px; }\r\n .rfa-exp-badge .rfa-num{ font-size: 36px; }\r\n .rfa-exp-badge .rfa-txt{ font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rfa-about-section\">\r\n <div class=\"rfa-container\">\r\n\r\n \r\n <div class=\"rfa-collage\">\r\n <div class=\"rfa-ring animate__animated animate__fadeIn\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-1 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b1022b4ce12323f4.avif\" alt=\"Rifaura traveler in traditional white dress\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-2 animate__animated animate__fadeInRight\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura excursion landscape\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-img-box rfa-img-3 animate__animated animate__fadeInLeft\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/ballooningmarrakech-1.jpg\" alt=\"Rifaura adventure moment\" \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-exp-badge animate__animated animate__zoomIn\">\r\n <div class=\"rfa-exp-inner\">\r\n <div class=\"rfa-num\">10+<\/div>\r\n <div class=\"rfa-txt\">Ann\u00e9es de<br\/>Aventures<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rfa-content\">\r\n <div class=\"rfa-pill animate__animated animate__fadeIn\">\r\n <span class=\"rfa-pill-ico\" aria-hidden=\"true\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M7 17h10\"><\/path>\r\n <path d=\"M6 17V9a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v8\"><\/path>\r\n <path d=\"M8 9h8\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n \u00c0 propos de Rifaura\r\n <\/div>\r\n\r\n <h2 class=\"animate__animated animate__fadeInRight\"><span class=\"rfa-hl\">Rifaura<\/span> - Inoubliable<br\/><span class=\"rfa-hl\">Activit\u00e9s et excursions<\/span><\/h2>\r\n\r\n <p class=\"rfa-desc animate__animated animate__fadeInRight\">\r\n <b>Rifaura<\/b> se sp\u00e9cialise dans les aventures artisanales \u00e0 travers le Maroc. Des excursions palpitantes dans les montagnes de l'Atlas aux promenades culturelles sereines dans les anciennes m\u00e9dinas, nous vous rapprochons du c\u0153ur de chaque destination avec passion et expertise.\r\n <\/p>\r\n\r\n <div class=\"rfa-details\">\r\n <div class=\"animate__animated animate__fadeIn\">\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Excursions quotidiennes<\/h4>\r\n <p>Aventures sur mesure<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-feature\">\r\n <div class=\"rfa-f-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\" \/>\r\n <\/div>\r\n <div>\r\n <h4>Guides locaux experts<\/h4>\r\n <p>Connaissances d'initi\u00e9s<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rfa-check-card animate__animated animate__fadeIn\">\r\n <ul class=\"rfa-check-list\">\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Petits groupes<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Guides d'experts<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Durable<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Options priv\u00e9es<\/li>\r\n <li class=\"rfa-check-item\"><span class=\"rfa-check\" aria-hidden=\"true\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/span>Dates flexibles<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"rfa-cta animate__animated animate__fadeInUp\" href=\"https:\/\/rifaura.com\/fr\/contact\/\">\r\n Partez \u00e0 l'aventure\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h12\"><\/path>\r\n <path d=\"M13 6l6 6-6 6\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\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-71a3d2f e-con-full e-flex e-con e-parent\" data-id=\"71a3d2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b48763f elementor-widget elementor-widget-html\" data-id=\"b48763f\" 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>Multi-Day Tours from Casablanca, Marrakech & Tangier | Rifaura<\/title>\r\n <meta name=\"description\" content=\"Embark on unforgettable multi-day tours: 10-Day Casablanca to Desert & Marrakech, 2-Day Zagora, 3-Day Fes, 3-Day Merzouga, 6-Day Fes via Desert, 8 Days from Tangier. Book now.\">\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 \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Circuits de plusieurs jours \u00e0 Rifaura<\/span>\r\n <h1>Villes d\u00e9sertiques et imp\u00e9riales <span>Voyages<\/span><\/h1>\r\n <p>Depuis Casablanca, Marrakech et Tanger, explorez le Sahara, les montagnes et les villes historiques du Maroc gr\u00e2ce \u00e0 des itin\u00e9raires con\u00e7us par des experts.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"10-Day Tour Casablanca to Desert and Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 10 jours<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 10 jours de Casablanca au d\u00e9sert et \u00e0 Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Casablanca<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 10 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Villes imp\u00e9riales<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>D\u00e9sert du Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%2010-Day%20Tour%20Casablanca%20Desert%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/10-days-tour-from-casablanca-to-desert-and-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/download.avif\" alt=\"2-Day Tour Marrakech to Zagora Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Zagora<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 2 jours de Marrakech au d\u00e9sert de Zagora<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Randonn\u00e9e \u00e0 dos de chameau<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Camp du d\u00e9sert<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%202-Day%20Zagora%20from%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/2-days-tour-marrakech-to-zagora-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/pexels-yevgeny-28289056.jpg\" alt=\"3-Day Tour Marrakech to Fes\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-city\"><\/i> F\u00e8s<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 3 jours de Marrakech \u00e0 F\u00e8s<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Montagnes de l'Atlas<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Arr\u00eats culturels<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20to%20Fes\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/3-days-tour-from-marrakech-to-fes\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/Visiting-Sahara-Desert.jpg\" alt=\"3-Day Tour Marrakech to Merzouga Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-dune\"><\/i> Merzouga<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 3 jours de Marrakech au d\u00e9sert de Merzouga<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 3 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Erg Chebbi<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Camp de luxe<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%203-Day%20Marrakech%20Merzouga\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/3-days-tour-from-marrakech-to-merzouga-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/meknes-maroc_A3YHKFA.jpg.1920x0_q85_format-jpg-2.jpg\" alt=\"6-Day Tour Marrakech to Fes via Desert\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-route\"><\/i> 6 jours<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 6 jours de Marrakech \u00e0 F\u00e8s en passant par le d\u00e9sert<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 6 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>F\u00e8s<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%206-Day%20Marrakech%20Fes%20via%20Desert\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/6-days-from-marrakech-to-fes-via-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/2979c2582f468c00cdd6906d8bf6350a-3-scaled.webp\" alt=\"8 Days Tour from Tangier\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-ship\"><\/i> Tanger<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Circuit de 8 jours au d\u00e9part de Tanger<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Tanger<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 8 jours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Chefchaouen<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%208%20Days%20Tour%20from%20Tangier\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/8-days-tour-from-tangier\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\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-723f4a6 e-con-full e-flex e-con e-parent\" data-id=\"723f4a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8133a36 elementor-widget elementor-widget-html\" data-id=\"8133a36\" 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>Rifaura Hero + Stats (orange, logical numbers, Ait Ben Haddou)<\/title>\r\n <style>\r\n \/* ===== RIFAURA HERO + STATS \u2013 orange theme, numbers not too large, your image ===== *\/\r\n .rifaura-hero-stats, .rifaura-hero-stats *{ box-sizing:border-box; }\r\n .rifaura-hero-stats{\r\n \/* RIFAURA orange palette *\/\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --bar1: #F97316; \/* orange gradient start *\/\r\n --bar2: #f0852e; \/* slightly deeper orange *\/\r\n --shadow2: 0 18px 45px rgba(249,115,22,0.18);\r\n width:100%;\r\n }\r\n\r\n \/* full width section (edge to edge) *\/\r\n .rifaura-hero-stats{\r\n position: relative;\r\n left: 50%;\r\n right: 50%;\r\n width: 100vw;\r\n margin-left: -50vw;\r\n margin-right: -50vw;\r\n }\r\n\r\n \/* HERO with background image (your Ait Ben Haddou) *\/\r\n .rifaura-hero{\r\n position: relative;\r\n width: 100%;\r\n height: clamp(260px, 36vw, 420px);\r\n padding-bottom: 92px; \/* space for stats overlap *\/\r\n overflow: visible;\r\n }\r\n .rifaura-bg{\r\n position:absolute; inset:0;\r\n background-image: url('https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/unesco-world-heritage-ksar-of-ait-ben-haddou-in-ma-2025-02-02-13-12-17-utc-1-scaled.jpeg');\r\n background-size: cover;\r\n background-position: center 30%; \/* focus on the ksar *\/\r\n background-attachment: fixed; \/* fixed on desktop *\/\r\n }\r\n .rifaura-overlay{\r\n position:absolute; inset:0;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.06) 100%);\r\n }\r\n\r\n \/* STATS CARD (orange bar, white icons with orange ring) *\/\r\n .rifaura-stats-wrap{\r\n position:absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translate(-50%, 50%);\r\n z-index: 4;\r\n width: min(860px, calc(100% - 36px));\r\n }\r\n\r\n .rifaura-stats{\r\n position: relative;\r\n display:flex;\r\n gap: 0;\r\n border-radius: 22px;\r\n padding: 18px 16px;\r\n background: linear-gradient(135deg, var(--bar1) 0%, var(--bar2) 100%);\r\n box-shadow: var(--shadow2);\r\n overflow:hidden;\r\n border: 1px solid rgba(255,255,255,0.15);\r\n }\r\n\r\n \/* decorative background patterns (like original but orange) *\/\r\n .rifaura-stats::before{\r\n content:\"\";\r\n position:absolute; inset:-110px -160px;\r\n background: repeating-linear-gradient(135deg, rgba(255,255,255,0.2) 0 24px, rgba(255,255,255,0) 24px 52px);\r\n opacity:0.15;\r\n transform: rotate(-6deg);\r\n pointer-events:none;\r\n }\r\n .rifaura-stats::after{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n background:\r\n radial-gradient(900px 260px at 22% 25%, rgba(255,255,255,0.25), rgba(255,255,255,0) 60%),\r\n linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 45%),\r\n linear-gradient(315deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 38%);\r\n opacity: 0.4;\r\n pointer-events:none;\r\n }\r\n\r\n \/* each stat *\/\r\n .rifaura-stat{\r\n position: relative;\r\n z-index: 2;\r\n flex: 1 1 0;\r\n text-align:center;\r\n padding: 6px 10px;\r\n }\r\n\r\n \/* separator lines (white with low opacity) *\/\r\n .rifaura-stat:not(:last-child)::after{\r\n content:\"\";\r\n position:absolute;\r\n right:0;\r\n top: 18px;\r\n bottom: 18px;\r\n width:1px;\r\n background: rgba(255,255,255,0.3);\r\n }\r\n\r\n \/* ICON \u2013 white outer ring + orange background *\/\r\n .rifaura-ic{\r\n position: relative;\r\n width: 58px; height: 58px;\r\n border-radius: 999px;\r\n background: #ffffff; \/* white background inside ring *\/\r\n display:grid;\r\n place-items:center;\r\n margin: 0 auto 10px;\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.15);\r\n }\r\n \/* outer ring \u2013 orange *\/\r\n .rifaura-ic::before{\r\n content:\"\";\r\n position:absolute;\r\n inset: -5px;\r\n border-radius: 999px;\r\n border: 3px solid var(--orange); \/* orange ring *\/\r\n box-shadow: 0 10px 22px rgba(0,0,0,0.1);\r\n pointer-events:none;\r\n }\r\n .rifaura-ic img{\r\n width: 30px; height: 30px;\r\n display:block;\r\n filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1852%) hue-rotate(358deg) brightness(101%) contrast(101%); \/* turns svg to orange *\/\r\n }\r\n\r\n \/* number \u2013 not too large, clean *\/\r\n .rifaura-num{\r\n display:flex;\r\n align-items: flex-start;\r\n justify-content:center;\r\n gap: 2px;\r\n color: #ffffff;\r\n font-weight: 800;\r\n line-height: 1;\r\n margin-bottom: 6px;\r\n }\r\n .rifaura-num span{ font-size: 28px; } \/* logical size *\/\r\n .rifaura-num small{ font-size: 13px; opacity: 0.9; margin-top: 4px; }\r\n\r\n \/* label *\/\r\n .rifaura-lbl{ color: rgba(255,255,255,0.95); font-weight: 700; font-size: 12px; letter-spacing: 0.3px; }\r\n\r\n \/* white container under hero (to blend with page) *\/\r\n .rifaura-hero::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0; right:0;\r\n bottom:-140px;\r\n height: 140px;\r\n background:#ffffff;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== responsive ===== *\/\r\n @media (max-width: 820px){\r\n .rifaura-stats{ padding: 14px 10px; }\r\n .rifaura-ic{ width: 52px; height: 52px; }\r\n .rifaura-ic img{ width: 26px; height: 26px; }\r\n .rifaura-num span{ font-size: 26px; }\r\n }\r\n\r\n @media (max-width: 600px){\r\n \/* mobile: no fixed background *\/\r\n .rifaura-bg{ background-attachment: scroll; }\r\n\r\n .rifaura-hero{\r\n height: 270px;\r\n padding-bottom: 110px;\r\n }\r\n .rifaura-hero::after{\r\n bottom:-170px;\r\n height: 170px;\r\n }\r\n\r\n \/* 2x2 grid *\/\r\n .rifaura-stats{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n padding: 14px;\r\n border-radius: 20px;\r\n }\r\n .rifaura-stat{\r\n padding: 10px 8px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,0.06);\r\n }\r\n .rifaura-stat::after{ display:none; }\r\n\r\n .rifaura-ic{ width: 48px; height: 48px; margin-bottom: 8px; }\r\n .rifaura-ic::before{ inset:-4px; border-width:2px; }\r\n .rifaura-ic img{ width: 24px; height: 24px; }\r\n .rifaura-num span{ font-size: 24px; }\r\n .rifaura-num small{ font-size: 12px; }\r\n .rifaura-lbl{ font-size: 11px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"rifaura-hero-stats\" aria-label=\"H\u00e9ros Rifaura avec statistiques\">\r\n <div class=\"rifaura-hero\">\r\n \r\n <div class=\"rifaura-bg\" aria-hidden=\"true\"><\/div>\r\n <div class=\"rifaura-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n \r\n <div class=\"rifaura-stats-wrap\">\r\n <div class=\"rifaura-stats\" role=\"group\" aria-label=\"Statistiques Rifaura\">\r\n \r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>150<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Visites et activit\u00e9s<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>115<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Des clients heureux<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>10<\/span><small><\/small><\/div>\r\n <div class=\"rifaura-lbl\">Conducteurs experts<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rifaura-stat\">\r\n <span class=\"rifaura-ic\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23F97316'%3E%3Cpath d='M11.5 1L8 7h7l-3.5-6zm0 22L8 17h7l-3.5 6zM12 10.5l-3 5h6l-3-5z'\/%3E%3C\/svg%3E\" alt=\"\">\r\n <\/span>\r\n <div class=\"rifaura-num\"><span>120<\/span><small>k<\/small><\/div>\r\n <div class=\"rifaura-lbl\">Taux \u00e9quitables<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0370713 e-flex e-con-boxed e-con e-child\" data-id=\"0370713\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f28ef02 elementor-widget elementor-widget-spacer\" data-id=\"f28ef02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fb0a27 e-con-full e-flex e-con e-parent\" data-id=\"3fb0a27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a38996e elementor-widget elementor-widget-html\" data-id=\"a38996e\" 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>Quad Biking & Desert Adventures | Rifaura Marrakech<\/title>\r\n <meta name=\"description\" content=\"Quad Biking in Agafay Desert 2 Hours riding, Camel ride in the palm grove, Hot Air Balloon, Buggy tours \u2013 full-day experiences with lunch & pool. Book now.\">\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 \/* ----- consistent Rifaura activity card style (exactly 3 features, Safety Gear on all) ----- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n background: #fcfcfc;\r\n }\r\n\r\n .activity-section {\r\n --primary-orange: #F97316;\r\n --primary-orange-dark: #e0670e;\r\n --light-bg: #fff7ed;\r\n --border-color: #ffdec2;\r\n --text-dark: #1f2937;\r\n --text-medium: #4b5563;\r\n --white: #ffffff;\r\n --shadow: 0 8px 20px rgba(249,115,22,0.1);\r\n --shadow-hover: 0 16px 30px rgba(249,115,22,0.2);\r\n --radius: 20px;\r\n\r\n max-width: 1300px;\r\n margin: 40px auto;\r\n padding: 20px 20px 50px;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n .eyebrow {\r\n display: inline-block;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--primary-orange);\r\n font-weight: 800;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 16px;\r\n text-transform: uppercase;\r\n }\r\n .section-header h1 {\r\n font-size: 42px;\r\n font-weight: 950;\r\n color: var(--text-dark);\r\n margin-bottom: 10px;\r\n }\r\n .section-header h1 span {\r\n color: var(--primary-orange);\r\n }\r\n .section-header p {\r\n font-size: 18px;\r\n color: var(--text-medium);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n\r\n .cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 30px;\r\n }\r\n\r\n .card-item {\r\n background: var(--white);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n }\r\n .card-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(249,115,22,0.3);\r\n }\r\n\r\n .card-image {\r\n height: 240px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s;\r\n display: block;\r\n }\r\n .card-item:hover .card-image img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-orange);\r\n color: white;\r\n font-weight: 800;\r\n padding: 8px 16px;\r\n border-radius: 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 15px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.15);\r\n z-index: 2;\r\n }\r\n .badge i {\r\n font-size: 16px;\r\n }\r\n\r\n .card-content {\r\n padding: 20px 20px 18px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-title {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 52px;\r\n }\r\n\r\n .meta-row {\r\n display: flex;\r\n gap: 20px;\r\n padding-bottom: 14px;\r\n margin-bottom: 14px;\r\n border-bottom: 1px solid var(--border-color);\r\n }\r\n .meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: var(--text-medium);\r\n }\r\n .meta-item i {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .features {\r\n display: flex;\r\n justify-content: space-between;\r\n background: var(--light-bg);\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid var(--border-color);\r\n margin: 15px 0 18px;\r\n }\r\n .feature {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n text-align: center;\r\n }\r\n .feature i {\r\n font-size: 20px;\r\n color: var(--primary-orange);\r\n background: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 6px;\r\n box-shadow: 0 4px 8px rgba(249,115,22,0.2);\r\n }\r\n .feature span {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text-dark);\r\n white-space: nowrap;\r\n }\r\n\r\n .actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: auto;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--border-color);\r\n }\r\n .btn-wa {\r\n background: #25D366;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-wa:hover {\r\n background: #1da851;\r\n transform: translateY(-2px);\r\n }\r\n .btn-book {\r\n background: var(--primary-orange);\r\n color: white;\r\n border-radius: 10px;\r\n padding: 10px 12px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n flex: 1;\r\n text-decoration: none;\r\n transition: 0.2s;\r\n }\r\n .btn-book:hover {\r\n background: var(--primary-orange-dark);\r\n transform: translateY(-2px);\r\n }\r\n .sep {\r\n width: 1px;\r\n height: 28px;\r\n background: var(--border-color);\r\n }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1000px) {\r\n .cards-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n @media (max-width: 700px) {\r\n .cards-grid { grid-template-columns: 1fr; }\r\n .section-header h1 { font-size: 32px; }\r\n }\r\n @media (max-width: 480px) {\r\n .feature span { font-size: 10px; }\r\n .badge { padding: 5px 12px; font-size: 13px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"activity-section\">\r\n <div class=\"section-header\">\r\n <span class=\"eyebrow\">Aventures Rifaura<\/span>\r\n <h1>Quad Biking & <span>Exp\u00e9riences dans le d\u00e9sert<\/span><\/h1>\r\n <p>Agafay Desert & Palm Grove - Excursions de 2 heures, excursions d'une journ\u00e9e avec d\u00e9jeuner et piscine, promenades \u00e0 dos de chameau, montgolfi\u00e8re, excursions en buggy. L'\u00e9quipement de s\u00e9curit\u00e9 est inclus dans chaque aventure.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-grid\">\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/team-building-activities-marrakech-.webp\" alt=\"Quad Biking Agafay 2 hours\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-bolt\"><\/i> 2h de trajet<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad dans le d\u00e9sert d'Agafay 2 heures de conduite<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> D\u00e9sert d'Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 heures<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Adr\u00e9naline<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Collines d\u00e9sertiques<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Biking%20Agafay%202h\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/quad-biking-in-agafay-desert-2-hours-riding\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/76.jpg\" alt=\"Camel ride palm grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-camel\"><\/i> randonn\u00e9e \u00e0 dos de chameau<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Promenade \u00e0 dos de chameau dans la palmeraie de Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmeraie<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ~1 heure<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-palm-tree\"><\/i><span>Oasis<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-sun\"><\/i><span>Option coucher de soleil<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Camel%20ride%20palm%20grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/camel-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/COCHLEAPRODUCTION-12-1.webp\" alt=\"Hot Air Balloon Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-hot-air\"><\/i> vol au lever du soleil<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Balade en montgolfi\u00e8re \u00e0 Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Marrakech<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 1h de vol<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-eye\"><\/i><span>Panoramique<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-cloud-sun\"><\/i><span>Petit d\u00e9jeuner<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Hot%20Air%20Balloon%20Marrakech\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/hot-air-balloon-ride-in-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/buggy-1-636x426-1.jpg\" alt=\"Buggy Ride Palm Grove Marrakech\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> tour en buggy<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Promenade en buggy dans la palmeraie de Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palmeraie<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 heures<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i><span>Sentiers de l'Oasis<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Tout-terrain<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Palm%20Grove\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/buggy-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/b5-1.jpg\" alt=\"Quad Agafay full day lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-utensils\"><\/i> journ\u00e9e enti\u00e8re<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Randonn\u00e9e en quad dans le d\u00e9sert d'Agafay : Journ\u00e9e compl\u00e8te avec d\u00e9jeuner et piscine<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> journ\u00e9e enti\u00e8re<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Acc\u00e8s \u00e0 la piscine<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i><span>D\u00e9jeuner marocain<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Quad%20Agafay%20full%20day%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/quad-biking-in-the-agafay-desert-full-day-experience-with-lunch-and-pool-access\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"card-item\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/9f4c3ff06caad2e46baf912dc87e2097.avif\" alt=\"Buggy Agafay lunch pool\" loading=\"lazy\">\r\n <div class=\"badge\"><i class=\"fas fa-buggy\"><\/i> poussette + piscine<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Excursion en buggy dans le d\u00e9sert d'Agafay avec d\u00e9jeuner et piscine<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> D\u00e9sert d'Agafay<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> journ\u00e9e enti\u00e8re<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-buggy\"><\/i><span>Promenade en buggy<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Piscine<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>\u00c9quipement de s\u00e9curit\u00e9<\/span><\/div>\r\n <\/div>\r\n <div class=\"actions\">\r\n <a href=\"https:\/\/wa.me\/212657261708?text=I'm%20interested%20in%20Buggy%20Agafay%20lunch%20pool\" class=\"btn-wa\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n <div class=\"sep\"><\/div>\r\n <a href=\"https:\/\/rifaura.com\/fr\/buggy-ride-through-the-agafay-desert-with-lunch-pool\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Livre<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n<\/section>\r\n\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-de15ab9 e-con-full e-flex e-con e-parent\" data-id=\"de15ab9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6795ff elementor-widget elementor-widget-html\" data-id=\"c6795ff\" 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 <title>Booking Process | Rifaura Tours<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ===== PREFIXED NAMES: all classes & CSS identifiers start with \"rp-\" ===== *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: \"Segoe UI\", system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n body {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* animations (kept generic, no conflict) *\/\r\n @keyframes rp-fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n @keyframes rp-fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .rp-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n text-align: center;\r\n opacity: 0;\r\n animation: rp-fadeIn 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-small-title {\r\n color: #F97316;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 10px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n border-radius: 30px;\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.3s;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 32px;\r\n font-weight: 900;\r\n line-height: 1.4;\r\n margin-bottom: 40px;\r\n color: #1f2937;\r\n position: relative;\r\n display: block;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.5s;\r\n }\r\n\r\n .rp-main-title br {\r\n display: block;\r\n }\r\n\r\n .rp-main-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 3px;\r\n background: #F97316;\r\n border-radius: 2px;\r\n }\r\n\r\n .rp-steps {\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding: 40px 0;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n animation-delay: 0.7s;\r\n }\r\n\r\n \/* dashed wave \u2014 desktop only *\/\r\n @media (min-width: 901px) {\r\n .rp-steps::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 75px;\r\n left: 5%;\r\n width: 90%;\r\n height: 120px;\r\n z-index: 0;\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,60 C150,0 300,120 450,60 600,0 750,120 900,60 1050,0 1200,60 1200,60' fill='none' stroke='%23F97316' stroke-width='3' stroke-dasharray='10 10' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n }\r\n }\r\n\r\n .rp-step {\r\n width: 22%;\r\n position: relative;\r\n z-index: 1;\r\n transition: all 0.4s ease;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) {\r\n animation-delay: 0.9s;\r\n }\r\n\r\n .rp-step:nth-child(2) {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(3) {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(4) {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n .rp-step-container {\r\n background: linear-gradient(135deg, #ffffff, #fff7ed);\r\n padding: 35px 20px 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 35px rgba(249, 115, 22, 0.1);\r\n border: 2px solid rgba(249, 115, 22, 0.1);\r\n position: relative;\r\n }\r\n\r\n .rp-step-number {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 18px;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-step-number {\r\n animation-delay: 1.1s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-step-number {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-step-number {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-step-number {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(249, 115, 22, 0.05));\r\n margin: 10px auto 25px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 18px;\r\n border: 2px solid rgba(249, 115, 22, 0.15);\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) .rp-icon-box {\r\n animation-delay: 1.3s;\r\n }\r\n\r\n .rp-step:nth-child(2) .rp-icon-box {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(3) .rp-icon-box {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(4) .rp-icon-box {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 32px;\r\n color: #F97316;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #1f2937;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) h3 {\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .rp-step:nth-child(2) h3 {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(3) h3 {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(4) h3 {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.6;\r\n opacity: 0;\r\n animation: rp-fadeInUp 0.8s ease-out forwards;\r\n }\r\n\r\n .rp-step:nth-child(1) p {\r\n animation-delay: 1.7s;\r\n }\r\n\r\n .rp-step:nth-child(2) p {\r\n animation-delay: 1.9s;\r\n }\r\n\r\n .rp-step:nth-child(3) p {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n .rp-step:nth-child(4) p {\r\n animation-delay: 2.3s;\r\n }\r\n\r\n \/* mobile version \u2013 all prefixed *\/\r\n @media (max-width: 900px) {\r\n .rp-container {\r\n margin: 30px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 28px;\r\n margin-bottom: 30px;\r\n line-height: 1.3;\r\n }\r\n\r\n .rp-steps {\r\n flex-direction: column;\r\n gap: 20px;\r\n padding: 20px 0 30px;\r\n position: relative;\r\n }\r\n\r\n .rp-steps::before {\r\n display: none;\r\n }\r\n\r\n .rp-step {\r\n width: 100%;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .rp-step-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n text-align: left;\r\n padding: 25px 20px;\r\n border-radius: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n position: relative;\r\n top: auto;\r\n left: auto;\r\n width: 45px;\r\n height: 45px;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box {\r\n margin: 0;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 15px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 28px;\r\n }\r\n\r\n .rp-step-content {\r\n flex: 1;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 19px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14.5px;\r\n line-height: 1.5;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 15px;\r\n background: linear-gradient(to bottom, #F97316, #FFB347);\r\n opacity: 0.3;\r\n z-index: 1;\r\n }\r\n }\r\n\r\n \/* small phones *\/\r\n @media (max-width: 600px) {\r\n .rp-container {\r\n margin: 20px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 24px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .rp-small-title {\r\n font-size: 12px;\r\n padding: 5px 15px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 22px 18px;\r\n gap: 18px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 55px;\r\n height: 55px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 26px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 18px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 14px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -8px;\r\n height: 12px;\r\n }\r\n }\r\n\r\n \/* extra small phones *\/\r\n @media (max-width: 480px) {\r\n .rp-container {\r\n padding: 0 15px;\r\n margin: 15px auto;\r\n }\r\n\r\n .rp-main-title {\r\n font-size: 22px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .rp-step-container {\r\n padding: 20px 16px;\r\n gap: 16px;\r\n border-radius: 16px;\r\n }\r\n\r\n .rp-step-number {\r\n width: 38px;\r\n height: 38px;\r\n font-size: 17px;\r\n }\r\n\r\n .rp-icon-box {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 14px;\r\n }\r\n\r\n .rp-icon-box i {\r\n font-size: 24px;\r\n }\r\n\r\n .rp-step h3 {\r\n font-size: 17px;\r\n }\r\n\r\n .rp-step p {\r\n font-size: 13.5px;\r\n }\r\n\r\n .rp-step:not(:last-child)::after {\r\n bottom: -6px;\r\n height: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<div class=\"rp-container\">\r\n\r\n <div class=\"rp-small-title\">Processus de r\u00e9servation<\/div>\r\n\r\n <h2 class=\"rp-main-title\">\r\n R\u00e9servez votre aventure au Maroc<br>\r\n en 4 \u00e9tapes faciles\r\n <\/h2>\r\n\r\n <div class=\"rp-steps\">\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">1<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-star\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Choisissez votre circuit<\/h3>\r\n <p>Choisissez parmi les camps du d\u00e9sert, les villes imp\u00e9riales ou les aventures personnalis\u00e9es.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">2<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Contacter notre \u00e9quipe<\/h3>\r\n <p>Contactez-nous par WhatsApp ou par t\u00e9l\u00e9phone. Nous confirmerons la disponibilit\u00e9.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">3<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Confirmez votre r\u00e9servation<\/h3>\r\n <p>Aucun paiement n'est n\u00e9cessaire \u00e0 l'avance. Nous envoyons tous les d\u00e9tails.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rp-step\">\r\n <div class=\"rp-step-container\">\r\n <div class=\"rp-step-number\">4<\/div>\r\n <div class=\"rp-icon-box\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n <div class=\"rp-step-content\">\r\n <h3>Se rencontrer et s'amuser<\/h3>\r\n <p>Rencontrez votre guide, payez sur place et profitez de l'aventure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\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-cf5f2f1 e-con-full e-flex e-con e-parent\" data-id=\"cf5f2f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35eac26 elementor-widget elementor-widget-html\" data-id=\"35eac26\" 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>Rifaura \u2013 Why Choose Us (Background #fff6ec)<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body style=\"margin:0; background:#fafafa;\">\r\n\r\n\r\n<section class=\"rifaura-why\" aria-label=\"Pourquoi choisir Rifaura Tours\">\r\n <div class=\"rifaura-why-inner\">\r\n \r\n \r\n <div class=\"rifaura-why-header\">\r\n <span class=\"rifaura-why-eyebrow\">Nos avantages<\/span>\r\n <h2 class=\"rifaura-why-title\">Pourquoi choisir <strong>Rifaura<\/strong><\/h2>\r\n <p class=\"rifaura-why-sub\">Vivre le Maroc dans le confort, l'authenticit\u00e9 et la tranquillit\u00e9 d'esprit<\/p>\r\n <\/div>\r\n\r\n <div class=\"rifaura-why-grid\">\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/car-checklist.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Processus de r\u00e9servation facile<\/h3>\r\n <p>Confirmation rapide, \u00e9tapes simples, aucun paiement initial n'est n\u00e9cessaire.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">01<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/money.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>\u00c9quitable et transparent<\/h3>\r\n <p>Pas de frais cach\u00e9s. Vous payez sur place, exactement ce que nous avons convenu.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">02<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n \r\n <article class=\"rifaura-why-card\">\r\n <div class=\"rifaura-why-head\">\r\n <span class=\"rifaura-why-ico\" aria-hidden=\"true\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/support.svg\" alt=\"\" loading=\"lazy\">\r\n <\/span>\r\n <div class=\"rifaura-why-text\">\r\n <h3>Assistance \u00e0 la client\u00e8le 24\/7<\/h3>\r\n <p>WhatsApp, t\u00e9l\u00e9phone, courriel - nous sommes toujours l\u00e0 pour vous aider.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rifaura-why-num\" aria-hidden=\"true\">03<\/div>\r\n <span class=\"rifaura-why-corner\" aria-hidden=\"true\"><\/span>\r\n <\/article>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== RIFAURA WHY CHOOSE US \u2013 BACKGROUND #fff6ec (your choice) ===== *\/\r\n.rifaura-why, .rifaura-why *{ box-sizing:border-box; }\r\n.rifaura-why{\r\n --orange: #F97316;\r\n --orange-light: #FFB347;\r\n --black: #0b0b0b;\r\n --card: #ffffff;\r\n --muted: #6b7280;\r\n\r\n width: 100%;\r\n padding: clamp(50px, 7vw, 100px) 0;\r\n \/* \u2705 YOUR SPECIFIED BACKGROUND \u2013 soft, warm, professional *\/\r\n background: #fff6ec;\r\n font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n}\r\n\r\n.rifaura-why-inner{\r\n width: min(1320px, 100%);\r\n margin: 0 auto;\r\n padding: 0 clamp(20px, 4vw, 60px);\r\n}\r\n\r\n\/* HEADER TEXT \u2013 dark text on light background *\/\r\n.rifaura-why-header{\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n\r\n.rifaura-why-eyebrow{\r\n display: inline-block;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: var(--orange);\r\n background: rgba(249,115,22,0.08);\r\n padding: 8px 18px;\r\n border-radius: 40px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 15px;\r\n}\r\n\r\n.rifaura-why-title{\r\n font-size: 38px;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n color: var(--black);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.rifaura-why-title strong{\r\n color: var(--orange);\r\n}\r\n\r\n.rifaura-why-sub{\r\n font-size: 18px;\r\n color: var(--muted);\r\n max-width: 700px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* GRID *\/\r\n.rifaura-why-grid{\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: clamp(24px, 3vw, 36px);\r\n}\r\n\r\n\/* ========== CARDS \u2013 white, slight shadow ========== *\/\r\n.rifaura-why-card{\r\n position: relative;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 38px 32px 36px;\r\n overflow: hidden;\r\n min-height: 260px;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 20px 40px -8px rgba(249,115,22,0.1);\r\n transition: transform .2s ease, box-shadow .25s ease;\r\n}\r\n\r\n.rifaura-why-card:hover{\r\n transform: translateY(-6px);\r\n box-shadow: 0 30px 60px -8px rgba(249,115,22,0.2);\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.rifaura-why-head{\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 22px;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n\/* ========== ICON CONTAINER ========== *\/\r\n.rifaura-why-ico{\r\n width: 96px;\r\n height: 96px;\r\n border-radius: 26px;\r\n background: rgba(249,115,22,0.08);\r\n border: 2px solid rgba(249,115,22,0.3);\r\n display: grid;\r\n place-items: center;\r\n flex: 0 0 auto;\r\n position: relative;\r\n z-index: 6;\r\n}\r\n\r\n.rifaura-why-ico img{\r\n width: 60px;\r\n height: 60px;\r\n display: block;\r\n object-fit: contain;\r\n}\r\n\r\n\/* ========== TEXT ========== *\/\r\n.rifaura-why-text h3{\r\n margin: 0 0 10px;\r\n font-size: 24px;\r\n line-height: 1.2;\r\n font-weight: 900;\r\n color: var(--black);\r\n letter-spacing: -0.3px;\r\n}\r\n.rifaura-why-text p{\r\n margin: 0;\r\n color: var(--muted);\r\n font-size: 17px;\r\n line-height: 1.55;\r\n font-weight: 600;\r\n}\r\n\r\n\/* ========== BIG NUMBER ========== *\/\r\n.rifaura-why-num{\r\n position: absolute;\r\n left: 24px;\r\n bottom: 8px;\r\n font-size: 110px;\r\n font-weight: 950;\r\n letter-spacing: -4px;\r\n color: rgba(249,115,22,0.08);\r\n z-index: 1;\r\n user-select: none;\r\n pointer-events: none;\r\n line-height: 0.8;\r\n}\r\n\r\n\/* ========== CORNER ACCENT \u2013 ORANGE ========== *\/\r\n.rifaura-why-corner{\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n width: 100px;\r\n height: 100px;\r\n border-bottom: 12px solid var(--orange);\r\n border-right: 12px solid var(--orange);\r\n border-bottom-right-radius: 28px;\r\n z-index: 0;\r\n opacity: 0.9;\r\n}\r\n.rifaura-why-corner::after{\r\n content: \"\";\r\n position: absolute;\r\n right: -12px;\r\n bottom: -12px;\r\n width: 70px;\r\n height: 70px;\r\n border-bottom: 12px solid #fff;\r\n border-right: 12px solid #fff;\r\n border-bottom-right-radius: 24px;\r\n}\r\n\r\n\/* ========== RESPONSIVE ========== *\/\r\n@media (max-width: 980px){\r\n .rifaura-why-grid{ grid-template-columns: 1fr; gap: 28px; }\r\n .rifaura-why-card{ min-height: auto; padding: 32px 28px; }\r\n .rifaura-why-ico{ width: 86px; height: 86px; }\r\n .rifaura-why-ico img{ width: 52px; height: 52px; }\r\n .rifaura-why-text h3{ font-size: 22px; }\r\n .rifaura-why-text p{ font-size: 16px; }\r\n .rifaura-why-num{ font-size: 90px; left: 20px; }\r\n .rifaura-why-title{ font-size: 32px; }\r\n}\r\n\r\n@media (max-width: 480px){\r\n .rifaura-why-card{ padding: 28px 22px; }\r\n .rifaura-why-ico{ width: 78px; height: 78px; }\r\n .rifaura-why-ico img{ width: 48px; height: 48px; }\r\n .rifaura-why-text h3{ font-size: 20px; }\r\n .rifaura-why-num{ font-size: 80px; }\r\n .rifaura-why-title{ font-size: 28px; }\r\n .rifaura-why-sub{ font-size: 16px; }\r\n}\r\n<\/style>\r\n\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-c23d17f e-con-full e-flex e-con e-parent\" data-id=\"c23d17f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9551f9c elementor-widget elementor-widget-html\" data-id=\"9551f9c\" 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>FAQs | Rifaura - Activities & Excursions Morocco<\/title>\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 font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\nbody {\r\n background: #ffffff;\r\n color: #111;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* FAQ SECTION - RIFAURA ORANGE THEME *\/\r\n.faq-section {\r\n max-width: 1200px;\r\n margin: 60px auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* SECTION HEADER *\/\r\n.section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.section-badge {\r\n color: #F97316; \/* Rifaura orange *\/\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n padding: 6px 18px;\r\n background: rgba(249,115,22,0.08);\r\n border-radius: 30px;\r\n border: 1px solid rgba(249,115,22,0.2);\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: #1f2937;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.section-title span {\r\n color: #F97316; \/* Orange *\/\r\n}\r\n\r\n.section-subtitle {\r\n font-size: 16px;\r\n color: #4b5563;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n}\r\n\r\n\/* TWO COLUMN LAYOUT *\/\r\n.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\/* IMAGE COLUMN - UPDATED WITH YOUR NEW IMAGE *\/\r\n.image-column {\r\n position: relative;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 30px rgba(249,115,22,0.15);\r\n height: 550px;\r\n}\r\n\r\n.image-column 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}\r\n\r\n.image-column:hover img {\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* IMAGE OVERLAY *\/\r\n.image-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n color: white;\r\n padding: 30px 25px 25px;\r\n text-align: center;\r\n}\r\n\r\n.image-overlay h3 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: #fff;\r\n}\r\n\r\n.image-overlay p {\r\n font-size: 15px;\r\n opacity: 0.9;\r\n line-height: 1.4;\r\n}\r\n\r\n\/* FAQ COLUMN *\/\r\n.faq-column {\r\n background: #fff;\r\n border-radius: 18px;\r\n padding: 5px;\r\n}\r\n\r\n\/* FAQ ITEM *\/\r\n.faq-item {\r\n background: #fff7ed; \/* Light orange tint *\/\r\n border-radius: 14px;\r\n margin-bottom: 15px;\r\n border: 2px solid rgba(249,115,22,0.1);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n border-color: rgba(249,115,22,0.2);\r\n}\r\n\r\n.faq-question {\r\n padding: 20px 25px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 700;\r\n font-size: 17px;\r\n color: #1f2937;\r\n background: #fff;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 30px;\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n color: white;\r\n border-radius: 50%;\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.question-text {\r\n flex: 1;\r\n}\r\n\r\n.faq-toggle {\r\n color: #F97316;\r\n font-size: 17px;\r\n transition: transform 0.3s ease;\r\n flex-shrink: 0;\r\n margin-left: 12px;\r\n font-weight: 300;\r\n}\r\n\r\n.faq-item.active .faq-toggle {\r\n transform: rotate(45deg);\r\n color: #F97316; \/* Keeping orange *\/\r\n}\r\n\r\n.faq-answer {\r\n padding: 0 25px;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n font-size: 15px;\r\n color: #4b5563;\r\n line-height: 1.5;\r\n background: #fff7ed;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n padding: 0 25px 20px;\r\n max-height: 500px;\r\n}\r\n\r\n\/* FAQ ANSWER CONTENT *\/\r\n.answer-content {\r\n padding-top: 12px;\r\n}\r\n\r\n.answer-content ul {\r\n padding-left: 18px;\r\n margin: 8px 0;\r\n}\r\n\r\n.answer-content li {\r\n margin-bottom: 6px;\r\n position: relative;\r\n font-size: 14.5px;\r\n}\r\n\r\n.answer-content li::before {\r\n content: \"\u2022\";\r\n color: #F97316; \/* Orange bullet *\/\r\n font-weight: bold;\r\n position: absolute;\r\n left: -13px;\r\n}\r\n\r\n\/* BOOKING BANNER - ORANGE *\/\r\n.booking-banner {\r\n background: linear-gradient(135deg, #F97316, #FFB347);\r\n border-radius: 18px;\r\n padding: 30px 40px;\r\n margin-top: 30px;\r\n text-align: center;\r\n box-shadow: 0 12px 25px rgba(249,115,22,0.2);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.booking-banner::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(\"data:image\/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n opacity: 0.1;\r\n}\r\n\r\n.banner-content {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.banner-content h3 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n color: white;\r\n margin-bottom: 8px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n.banner-content p {\r\n font-size: 17px;\r\n color: rgba(255,255,255,0.9);\r\n margin-bottom: 20px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.booking-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #0b0b0b; \/* Dark contrast *\/\r\n color: white;\r\n padding: 14px 35px;\r\n border-radius: 10px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.2);\r\n border: 2px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.booking-button:hover {\r\n background: #333;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n}\r\n\r\n.booking-button i {\r\n font-size: 18px;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.booking-button:hover i {\r\n transform: translateX(5px);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 992px) {\r\n .faq-container {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n \r\n .image-column {\r\n height: 450px;\r\n }\r\n \r\n .section-title {\r\n font-size: 32px;\r\n }\r\n \r\n .faq-section {\r\n margin: 50px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 25px 30px;\r\n margin-top: 25px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 24px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .section-title {\r\n font-size: 28px;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 15px;\r\n }\r\n \r\n .faq-question {\r\n padding: 18px 22px;\r\n font-size: 16px;\r\n }\r\n \r\n .faq-answer {\r\n font-size: 14.5px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .faq-section {\r\n margin: 40px auto;\r\n }\r\n \r\n .booking-banner {\r\n padding: 22px 25px;\r\n margin-top: 20px;\r\n border-radius: 16px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 22px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 15px;\r\n margin-bottom: 18px;\r\n }\r\n \r\n .booking-button {\r\n padding: 12px 30px;\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .section-title {\r\n font-size: 24px;\r\n }\r\n \r\n .section-badge {\r\n font-size: 12px;\r\n padding: 5px 16px;\r\n }\r\n \r\n .faq-question {\r\n padding: 16px 20px;\r\n font-size: 15px;\r\n }\r\n \r\n .faq-number {\r\n width: 26px;\r\n height: 26px;\r\n font-size: 13px;\r\n margin-right: 10px;\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 20px;\r\n }\r\n \r\n .faq-item.active .faq-answer {\r\n padding: 0 20px 18px;\r\n }\r\n \r\n .image-column {\r\n height: 320px;\r\n }\r\n \r\n .image-overlay {\r\n padding: 25px 20px 20px;\r\n }\r\n \r\n .image-overlay h3 {\r\n font-size: 18px;\r\n }\r\n \r\n .booking-banner {\r\n padding: 20px 18px;\r\n border-radius: 14px;\r\n margin-top: 18px;\r\n }\r\n \r\n .banner-content h3 {\r\n font-size: 20px;\r\n }\r\n \r\n .banner-content p {\r\n font-size: 14px;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .booking-button {\r\n padding: 11px 25px;\r\n font-size: 14px;\r\n border-radius: 8px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"faq-section\">\r\n <div class=\"section-header\">\r\n <div class=\"section-badge\">Questions fr\u00e9quemment pos\u00e9es<\/div>\r\n <h2 class=\"section-title\">Votre <span>Aventure au Maroc<\/span> Questions<\/h2>\r\n <p class=\"section-subtitle\">Tout ce que vous devez savoir sur nos activit\u00e9s, nos excursions et nos circuits<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-container\">\r\n \r\n <div class=\"image-column\">\r\n <img decoding=\"async\" src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/dromedaries-at-rest-in-the-desert-2026-01-05-00-21-32-utc-scaled.jpg\" alt=\"Rifaura Tours - Morocco Desert Adventure\">\r\n <div class=\"image-overlay\">\r\n <h3>Aventures dans le d\u00e9sert du Sahara<\/h3>\r\n <p>D\u00e9couvrez les randonn\u00e9es \u00e0 dos de chameau, le camping de luxe et les couchers de soleil inoubliables dans le d\u00e9sert marocain.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-column\">\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">1<\/span>\r\n <span class=\"question-text\">Quelles sont les activit\u00e9s et les excursions propos\u00e9es par Rifaura ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Nous proposons une large gamme d'exp\u00e9riences artisanales \u00e0 travers le Maroc :<\/p>\r\n <ul>\r\n <li><strong>\ud83c\udfdc\ufe0f Excursions dans le d\u00e9sert :<\/strong> Randonn\u00e9es \u00e0 dos de chameau, camps de nuit dans le d\u00e9sert, aventures en 4x4<\/li>\r\n <li><strong>\u26f0\ufe0f Mountain Tours :<\/strong> Randonn\u00e9e dans les montagnes de l'Atlas, visites de villages berb\u00e8res<\/li>\r\n <li><strong>\ud83c\udfdb\ufe0f Activit\u00e9s culturelles :<\/strong> Visites \u00e0 pied de la m\u00e9dina, cours de cuisine, ateliers de poterie<\/li>\r\n <li><strong>\ud83d\ude97 Excursions d'une journ\u00e9e :<\/strong> Au d\u00e9part de Marrakech, F\u00e8s et d'autres grandes villes<\/li>\r\n <li><strong>\u2728 Visites priv\u00e9es :<\/strong> Itin\u00e9raires personnalis\u00e9s pour les familles, les couples et les voyageurs en solo<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">2<\/span>\r\n <span class=\"question-text\">Comment r\u00e9server une excursion et qu'est-ce qui est inclus ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p><strong>La r\u00e9servation est facile :<\/strong><\/p>\r\n <ol>\r\n <li>Contactez-nous par WhatsApp ou par t\u00e9l\u00e9phone<\/li>\r\n <li>Choisissez votre activit\u00e9, vos dates et la taille de votre groupe<\/li>\r\n <li>Confirmez votre r\u00e9servation (aucun paiement anticip\u00e9 n'est n\u00e9cessaire)<\/li>\r\n <li>Rendez-vous avec votre guide \u00e0 l'endroit convenu<\/li>\r\n <\/ol>\r\n <p><strong>Les \u00e9l\u00e9ments suivants sont g\u00e9n\u00e9ralement inclus :<\/strong> Transport priv\u00e9, guide professionnel, activit\u00e9s (balade \u00e0 dos de chameau, etc.), repas tels que sp\u00e9cifi\u00e9s et eau en bouteille.<\/p>\r\n <p><strong>Non inclus :<\/strong> Les pourboires, les d\u00e9penses personnelles et les extras facultatifs.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">3<\/span>\r\n <span class=\"question-text\">Quelle est la meilleure p\u00e9riode pour les activit\u00e9s de plein air au Maroc ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Le Maroc offre des exp\u00e9riences exceptionnelles tout au long de l'ann\u00e9e, mais voici ce \u00e0 quoi il faut s'attendre :<\/p>\r\n <ul>\r\n <li><strong>Printemps (mars-mai) :<\/strong> Temps id\u00e9al pour les randonn\u00e9es, les visites dans le d\u00e9sert et les promenades en ville<\/li>\r\n <li><strong>Automne (septembre-novembre) :<\/strong> Temp\u00e9ratures douces, id\u00e9ales pour toutes les activit\u00e9s<\/li>\r\n <li><strong>\u00c9t\u00e9 (juin-ao\u00fbt) :<\/strong> Id\u00e9al pour les excursions c\u00f4ti\u00e8res et les visites du d\u00e9sert en d\u00e9but de matin\u00e9e ou en fin d'apr\u00e8s-midi.<\/li>\r\n <li><strong>Hiver (d\u00e9cembre-f\u00e9vrier) :<\/strong> Neige dans l'Atlas, journ\u00e9es agr\u00e9ables dans le d\u00e9sert (nuits froides)<\/li>\r\n <\/ul>\r\n <p>Nous fonctionnons toute l'ann\u00e9e et pouvons vous proposer les meilleures activit\u00e9s pour chaque saison.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">4<\/span>\r\n <span class=\"question-text\">Vos excursions sont-elles adapt\u00e9es aux voyageurs en solo ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Absolument ! Les aventuriers solitaires sont les bienvenus :<\/p>\r\n <ul>\r\n <li><strong>Participer \u00e0 des visites de groupe :<\/strong> Partager l'exp\u00e9rience avec des voyageurs partageant les m\u00eames id\u00e9es<\/li>\r\n <li><strong>Options priv\u00e9es :<\/strong> Personnalisez votre propre voyage en solo<\/li>\r\n <li><strong>Pas de suppl\u00e9ment pour personne seule :<\/strong> Sur de nombreux d\u00e9parts en groupe<\/li>\r\n <li><strong>S\u00e9curit\u00e9 et confort :<\/strong> Des guides exp\u00e9riment\u00e9s veillent \u00e0 ce que l'on s'occupe bien de vous.<\/li>\r\n <li><strong>Flexible :<\/strong> Nous pouvons adapter les activit\u00e9s \u00e0 votre rythme et \u00e0 vos int\u00e9r\u00eats<\/li>\r\n <\/ul>\r\n <p>Le voyage en solitaire est un moyen fantastique d'explorer le Maroc avec Rifaura.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">5<\/span>\r\n <span class=\"question-text\">Quelle est votre politique d'annulation et de paiement pour les activit\u00e9s ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Nous veillons \u00e0 ce que les choses soient simples et conviviales pour les voyageurs :<\/p>\r\n <ul>\r\n <li><strong>Pas de paiement anticip\u00e9 :<\/strong> R\u00e9servez votre place sans payer \u00e0 l'avance<\/li>\r\n <li><strong>R\u00e9mun\u00e9ration au jour le jour :<\/strong> Esp\u00e8ces (MAD\/EUR) ou paiement par carte \u00e0 votre guide<\/li>\r\n <li><strong>Annulation gratuite :<\/strong> Jusqu'\u00e0 48 heures avant l'activit\u00e9<\/li>\r\n <li><strong>Politique m\u00e9t\u00e9orologique :<\/strong> Si les conditions ne sont pas s\u00fbres, nous reportons la date ou nous remboursons int\u00e9gralement.<\/li>\r\n <li><strong>R\u00e9ductions pour les groupes :<\/strong> Disponible pour les groupes de 4 personnes ou plus<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span class=\"faq-number\">6<\/span>\r\n <span class=\"question-text\">Que dois-je emporter pour une excursion d'une journ\u00e9e ou dans le d\u00e9sert ?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <div class=\"answer-content\">\r\n <p>Nous vous recommandons d'emporter ces \u00e9l\u00e9ments essentiels :<\/p>\r\n <ul>\r\n <li><strong>\ud83d\udc55 V\u00eatements :<\/strong> Couches confortables, chapeau de soleil, \u00e9charpe pour le vent et le soleil<\/li>\r\n <li><strong>\ud83d\udc5f Footwear :<\/strong> Chaussures ferm\u00e9es pour la marche\/la randonn\u00e9e<\/li>\r\n <li><strong>\ud83e\uddf4 Protection :<\/strong> Cr\u00e8me solaire, lunettes de soleil, baume \u00e0 l\u00e8vres<\/li>\r\n <li><strong>\ud83d\udcf7 Extras :<\/strong> Appareil photo, banque d'alimentation, petit sac \u00e0 dos<\/li>\r\n <li><strong>\ud83d\udca7 Hydratation :<\/strong> Nous fournissons de l'eau, mais vous pouvez aussi apporter votre propre bouteille.<\/li>\r\n <li><strong>\ud83c\udf19 Pour les nuits de d\u00e9sert :<\/strong> Veste chaude (hiver) ou veste l\u00e9g\u00e8re (\u00e9t\u00e9)<\/li>\r\n <\/ul>\r\n <p>Nous fournissons des sacs de couchage et du mat\u00e9riel de camping pour les excursions de nuit dans le d\u00e9sert.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"booking-banner\">\r\n <div class=\"banner-content\">\r\n <h3>Pr\u00eat pour votre aventure au Maroc ?<\/h3>\r\n <p>Contactez-nous d\u00e8s maintenant pour r\u00e9server votre exp\u00e9rience inoubliable \u00e0 Rifaura.<\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/212657261708\" class=\"booking-button\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Contactez-nous sur WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n const toggles = document.querySelectorAll('.faq-toggle');\r\n \r\n \/\/ All FAQs start closed (no active class)\r\n \r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n const toggle = item.querySelector('.faq-toggle');\r\n \r\n question.addEventListener('click', () => {\r\n \/\/ Close all other FAQ items\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item && otherItem.classList.contains('active')) {\r\n otherItem.classList.remove('active');\r\n otherItem.querySelector('.faq-toggle').textContent = '+';\r\n }\r\n });\r\n \r\n \/\/ Toggle current item\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Remove active from all\r\n faqItems.forEach(faq => faq.classList.remove('active'));\r\n toggles.forEach(toggle => toggle.textContent = '+');\r\n \r\n \/\/ If clicked item wasn't active, activate it\r\n if (!isActive) {\r\n item.classList.add('active');\r\n toggle.textContent = '+';\r\n }\r\n });\r\n });\r\n});\r\n<\/script>\r\n\r\n\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>Rifaura slider \u2013 all orange Rifaura Promo Bar (Orange) \u2013 reduced height Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding fun moroccan dinner Rifaura exclusive 500+ happy travelers 5-star service Morocco experts safe journeys sunset camel treks quad adventures local berber guides sandboarding […]<\/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-450","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":101,"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/pages\/450\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/fr\/wp-json\/wp\/v2\/media?parent=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}