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> exclusive<\/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> happy travelers<\/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-star<\/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\">Morocco<\/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\">safe<\/span> journeys<\/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\">sunset<\/span> camel treks<\/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\">quad<\/span> adventures<\/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> berber guides<\/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\">sandboarding<\/span> fun<\/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\">moroccan<\/span> dinner<\/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> exclusive<\/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> happy travelers<\/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-star<\/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\">Morocco<\/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\">safe<\/span> journeys<\/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\">sunset<\/span> camel treks<\/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\">quad<\/span> adventures<\/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> berber guides<\/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\">sandboarding<\/span> fun<\/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\">moroccan<\/span> dinner<\/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> travelers<\/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-star<\/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\">Morocco<\/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\">safe<\/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\">sunset<\/span> camel<\/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\">quad<\/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\">sandboard<\/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\">dinner<\/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> travelers<\/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-star<\/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\">Morocco<\/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\">safe<\/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\">sunset<\/span> camel<\/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\">quad<\/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\">sandboard<\/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\">dinner<\/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\">Years of<br\/>Adventures<\/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 About Rifaura\r\n <\/div>\r\n\r\n <h2 class=\"animate__animated animate__fadeInRight\"><span class=\"rfa-hl\">Rifaura<\/span> \u2013 Unforgettable<br\/><span class=\"rfa-hl\">Activities & Excursions<\/span><\/h2>\r\n\r\n <p class=\"rfa-desc animate__animated animate__fadeInRight\">\r\n <b>Rifaura<\/b> specializes in handcrafted adventures across Morocco. From thrilling excursions in the Atlas Mountains to serene cultural walks in ancient medinas, we bring you closer to the heart of every destination with passion and 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>Daily excursions<\/h4>\r\n <p>Tailor-made adventures<\/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>Expert local guides<\/h4>\r\n <p>Insider knowledge<\/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>Small groups<\/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>Expert guides<\/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>Sustainable<\/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>Private options<\/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>Flexible dates<\/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\/contact\">\r\n Start your adventure\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\">Rifaura Multi-Day Tours<\/span>\r\n <h1>Desert & Imperial Cities <span>Journeys<\/span><\/h1>\r\n <p>From Casablanca, Marrakech, and Tangier \u2013 explore Morocco's Sahara, mountains, and historic cities on expertly crafted itineraries.<\/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 days<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">10-Day Tour from Casablanca to Desert and 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 days<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Imperial cities<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara desert<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/10-days-tour-from-casablanca-to-desert-and-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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\">2-Day Tour from Marrakech to Zagora Desert<\/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 days<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Camel trek<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Desert camp<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/2-days-tour-marrakech-to-zagora-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> Fes<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">3-Day Tour from Marrakech to Fes<\/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 days<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Atlas mountains<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Cultural stops<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/3-days-tour-from-marrakech-to-fes\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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\">3-Day Tour from Marrakech to Merzouga Desert<\/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 days<\/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>Luxury camp<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/3-days-tour-from-marrakech-to-merzouga-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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 days<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">6-Day Tour from Marrakech to Fes via Desert<\/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 days<\/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>Fes<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/6-days-from-marrakech-to-fes-via-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> Tangier<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">8 Days Tour from Tangier<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Tangier<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 8 days<\/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>Safety Gear<\/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\/8-days-tour-from-tangier\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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=\"Rifaura hero with stats\">\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=\"Rifaura stats\">\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\">Tours & Activities<\/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\">Happy Clients<\/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\">Expert Drivers<\/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\">Fair Rates<\/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\">Rifaura Adventures<\/span>\r\n <h1>Quad Biking & <span>Desert Experiences<\/span><\/h1>\r\n <p>Agafay Desert & Palm Grove \u2013 2\u2011hour rides, full\u2011day trips with lunch & pool, camel rides, hot air balloon, buggy tours. Safety gear included on every adventure.<\/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 ride<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad Biking in Agafay Desert 2 Hours riding<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay Desert<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 hours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Adrenaline<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Desert hills<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/quad-biking-in-agafay-desert-2-hours-riding\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> camel trek<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Camel ride in the palm grove of Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palm Grove<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ~1 hour<\/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>Sunset option<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/camel-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> sunrise flight<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Hot Air Balloon Ride in 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 flight<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-eye\"><\/i><span>Panoramic<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-cloud-sun\"><\/i><span>Breakfast<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/hot-air-balloon-ride-in-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> buggy tour<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Buggy Ride in the Palm Grove of Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palm Grove<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 hours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i><span>Oasis trails<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Off\u2011road<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/buggy-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> full day<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad Biking Agafay Desert: Full-Day with Lunch & Pool<\/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> full day<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Pool access<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i><span>Moroccan lunch<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/quad-biking-in-the-agafay-desert-full-day-experience-with-lunch-and-pool-access\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> buggy + pool<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Buggy ride Agafay Desert with lunch & pool<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay Desert<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> full day<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-buggy\"><\/i><span>Buggy ride<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Pool<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/buggy-ride-through-the-agafay-desert-with-lunch-pool\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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\">Booking Process<\/div>\r\n\r\n <h2 class=\"rp-main-title\">\r\n Book Your Morocco Adventure<br>\r\n in 4 Easy Steps\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>Choose Your Tour<\/h3>\r\n <p>Pick from desert camps, imperial cities, or custom adventures.<\/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>Contact Our Team<\/h3>\r\n <p>Reach out via WhatsApp or phone. We'll confirm availability.<\/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>Confirm Your Booking<\/h3>\r\n <p>No payment needed upfront. We send all details.<\/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>Meet & Enjoy<\/h3>\r\n <p>Meet your guide, pay on site, and enjoy the adventure.<\/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=\"Why choose 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\">Our advantages<\/span>\r\n <h2 class=\"rifaura-why-title\">Why Choose <strong>Rifaura<\/strong><\/h2>\r\n <p class=\"rifaura-why-sub\">Experience Morocco with comfort, authenticity and total peace of mind<\/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>Easy Booking Process<\/h3>\r\n <p>Fast confirmation, simple steps, no upfront payment needed.<\/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>Fair & Transparent<\/h3>\r\n <p>No hidden fees. You pay on site, exactly what we agreed.<\/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>24\/7 Customer Support<\/h3>\r\n <p>WhatsApp, phone, email \u2013 we're always here to help.<\/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\">Frequently Asked Questions<\/div>\r\n <h2 class=\"section-title\">Your <span>Morocco Adventure<\/span> Questions<\/h2>\r\n <p class=\"section-subtitle\">Everything you need to know about our activities, excursions, and tours<\/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>Sahara Desert Adventures<\/h3>\r\n <p>Experience camel treks, luxury camping, and unforgettable sunsets in the Moroccan desert<\/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\">What activities and excursions does Rifaura offer?<\/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>We offer a wide range of handcrafted experiences across Morocco:<\/p>\r\n <ul>\r\n <li><strong>\ud83c\udfdc\ufe0f Desert Excursions:<\/strong> Camel treks, overnight desert camps, 4x4 adventures<\/li>\r\n <li><strong>\u26f0\ufe0f Mountain Tours:<\/strong> Atlas Mountains hiking, Berber village visits<\/li>\r\n <li><strong>\ud83c\udfdb\ufe0f Cultural Activities:<\/strong> Medina walking tours, cooking classes, pottery workshops<\/li>\r\n <li><strong>\ud83d\ude97 Day Trips:<\/strong> From Marrakech, Fes, and other major cities<\/li>\r\n <li><strong>\u2728 Private Tours:<\/strong> Custom itineraries for families, couples, and solo travelers<\/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\">How do I book an excursion and what's included?<\/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>Booking is easy:<\/strong><\/p>\r\n <ol>\r\n <li>Contact us via WhatsApp or phone<\/li>\r\n <li>Choose your activity, dates, and group size<\/li>\r\n <li>Confirm your reservation (no upfront payment needed)<\/li>\r\n <li>Meet your guide at the agreed location<\/li>\r\n <\/ol>\r\n <p><strong>Typically included:<\/strong> Private transport, professional guide, activities (camel ride, etc.), meals as specified, and bottled water.<\/p>\r\n <p><strong>Not included:<\/strong> Tips, personal expenses, and optional extras.<\/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\">When is the best time for outdoor activities in Morocco?<\/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>Morocco offers great experiences year-round, but here's what to expect:<\/p>\r\n <ul>\r\n <li><strong>Spring (March-May):<\/strong> Perfect weather for hiking, desert tours, and city walks<\/li>\r\n <li><strong>Autumn (September-November):<\/strong> Mild temperatures, ideal for all activities<\/li>\r\n <li><strong>Summer (June-August):<\/strong> Great for coastal trips and early morning\/late afternoon desert tours<\/li>\r\n <li><strong>Winter (December-February):<\/strong> Snow in the Atlas, pleasant days in the desert (cold nights)<\/li>\r\n <\/ul>\r\n <p>We operate all year and can suggest the best activities for each season.<\/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\">Are your excursions suitable for solo travelers?<\/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>Absolutely! We welcome solo adventurers:<\/p>\r\n <ul>\r\n <li><strong>Join Group Tours:<\/strong> Share the experience with like-minded travelers<\/li>\r\n <li><strong>Private Options:<\/strong> Customize your own solo journey<\/li>\r\n <li><strong>No Single Supplement:<\/strong> On many group departures<\/li>\r\n <li><strong>Safety & Comfort:<\/strong> Experienced guides ensure you're well taken care of<\/li>\r\n <li><strong>Flexible:<\/strong> We can adapt activities to your pace and interests<\/li>\r\n <\/ul>\r\n <p>Solo travel is a fantastic way to explore Morocco with 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\">What is your cancellation and payment policy for activities?<\/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>We keep things simple and traveler-friendly:<\/p>\r\n <ul>\r\n <li><strong>No Upfront Payment:<\/strong> Reserve your spot without paying in advance<\/li>\r\n <li><strong>Pay on the Day:<\/strong> Cash (MAD\/EUR) or card payment to your guide<\/li>\r\n <li><strong>Free Cancellation:<\/strong> Up to 48 hours before your activity<\/li>\r\n <li><strong>Weather Policy:<\/strong> If conditions are unsafe, we reschedule or fully refund<\/li>\r\n <li><strong>Group Discounts:<\/strong> Available for groups of 4 or more<\/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\">What should I bring for a day trip or desert excursion?<\/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>We recommend packing these essentials:<\/p>\r\n <ul>\r\n <li><strong>\ud83d\udc55 Clothing:<\/strong> Comfortable layers, sun hat, scarf for wind\/sun<\/li>\r\n <li><strong>\ud83d\udc5f Footwear:<\/strong> Closed-toe shoes for walking\/hiking<\/li>\r\n <li><strong>\ud83e\uddf4 Protection:<\/strong> Sunscreen, sunglasses, lip balm<\/li>\r\n <li><strong>\ud83d\udcf7 Extras:<\/strong> Camera, power bank, small backpack<\/li>\r\n <li><strong>\ud83d\udca7 Hydration:<\/strong> We provide water, but bring your own bottle too<\/li>\r\n <li><strong>\ud83c\udf19 For desert nights:<\/strong> Warm jacket (winter) or light jacket (summer)<\/li>\r\n <\/ul>\r\n <p>We provide sleeping bags and camping equipment for overnight desert tours.<\/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>Ready for Your Morocco Adventure?<\/h3>\r\n <p>Contact us now to book your unforgettable Rifaura experience<\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/212657261708\" class=\"booking-button\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Contact Us on 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>\n\t\t","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>\n","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"],"_links":{"self":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":101,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages\/450\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/it\/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> exclusive<\/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> happy travelers<\/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-star<\/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\">Morocco<\/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\">safe<\/span> journeys<\/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\">sunset<\/span> camel treks<\/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\">quad<\/span> adventures<\/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> berber guides<\/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\">sandboarding<\/span> fun<\/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\">moroccan<\/span> dinner<\/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> exclusive<\/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> happy travelers<\/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-star<\/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\">Morocco<\/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\">safe<\/span> journeys<\/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\">sunset<\/span> camel treks<\/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\">quad<\/span> adventures<\/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> berber guides<\/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\">sandboarding<\/span> fun<\/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\">moroccan<\/span> dinner<\/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> travelers<\/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-star<\/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\">Morocco<\/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\">safe<\/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\">sunset<\/span> camel<\/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\">quad<\/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\">sandboard<\/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\">dinner<\/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> travelers<\/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-star<\/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\">Morocco<\/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\">safe<\/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\">sunset<\/span> camel<\/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\">quad<\/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\">sandboard<\/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\">dinner<\/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\">Years of<br\/>Adventures<\/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 About Rifaura\r\n <\/div>\r\n\r\n <h2 class=\"animate__animated animate__fadeInRight\"><span class=\"rfa-hl\">Rifaura<\/span> \u2013 Unforgettable<br\/><span class=\"rfa-hl\">Activities & Excursions<\/span><\/h2>\r\n\r\n <p class=\"rfa-desc animate__animated animate__fadeInRight\">\r\n <b>Rifaura<\/b> specializes in handcrafted adventures across Morocco. From thrilling excursions in the Atlas Mountains to serene cultural walks in ancient medinas, we bring you closer to the heart of every destination with passion and 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>Daily excursions<\/h4>\r\n <p>Tailor-made adventures<\/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>Expert local guides<\/h4>\r\n <p>Insider knowledge<\/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>Small groups<\/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>Expert guides<\/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>Sustainable<\/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>Private options<\/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>Flexible dates<\/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\/contact\">\r\n Start your adventure\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\">Rifaura Multi-Day Tours<\/span>\r\n <h1>Desert & Imperial Cities <span>Journeys<\/span><\/h1>\r\n <p>From Casablanca, Marrakech, and Tangier \u2013 explore Morocco's Sahara, mountains, and historic cities on expertly crafted itineraries.<\/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 days<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">10-Day Tour from Casablanca to Desert and 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 days<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-city\"><\/i><span>Imperial cities<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-dune\"><\/i><span>Sahara desert<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/10-days-tour-from-casablanca-to-desert-and-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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\">2-Day Tour from Marrakech to Zagora Desert<\/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 days<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-camel\"><\/i><span>Camel trek<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-star\"><\/i><span>Desert camp<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/2-days-tour-marrakech-to-zagora-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> Fes<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">3-Day Tour from Marrakech to Fes<\/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 days<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Atlas mountains<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-medina\"><\/i><span>Cultural stops<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/3-days-tour-from-marrakech-to-fes\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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\">3-Day Tour from Marrakech to Merzouga Desert<\/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 days<\/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>Luxury camp<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/3-days-tour-from-marrakech-to-merzouga-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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 days<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">6-Day Tour from Marrakech to Fes via Desert<\/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 days<\/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>Fes<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/6-days-from-marrakech-to-fes-via-desert\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> Tangier<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">8 Days Tour from Tangier<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Tangier<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 8 days<\/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>Safety Gear<\/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\/8-days-tour-from-tangier\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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=\"Rifaura hero with stats\">\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=\"Rifaura stats\">\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\">Tours & Activities<\/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\">Happy Clients<\/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\">Expert Drivers<\/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\">Fair Rates<\/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\">Rifaura Adventures<\/span>\r\n <h1>Quad Biking & <span>Desert Experiences<\/span><\/h1>\r\n <p>Agafay Desert & Palm Grove \u2013 2\u2011hour rides, full\u2011day trips with lunch & pool, camel rides, hot air balloon, buggy tours. Safety gear included on every adventure.<\/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 ride<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad Biking in Agafay Desert 2 Hours riding<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay Desert<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 hours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Adrenaline<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-mountain\"><\/i><span>Desert hills<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/quad-biking-in-agafay-desert-2-hours-riding\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> camel trek<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Camel ride in the palm grove of Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palm Grove<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> ~1 hour<\/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>Sunset option<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/camel-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> sunrise flight<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Hot Air Balloon Ride in 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 flight<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-eye\"><\/i><span>Panoramic<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-cloud-sun\"><\/i><span>Breakfast<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/hot-air-balloon-ride-in-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> buggy tour<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Buggy Ride in the Palm Grove of Marrakech<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Palm Grove<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> 2 hours<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-tree\"><\/i><span>Oasis trails<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-tachometer-alt\"><\/i><span>Off\u2011road<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/buggy-ride-in-the-palm-grove-of-marrakech\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> full day<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Quad Biking Agafay Desert: Full-Day with Lunch & Pool<\/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> full day<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Pool access<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-utensils\"><\/i><span>Moroccan lunch<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/quad-biking-in-the-agafay-desert-full-day-experience-with-lunch-and-pool-access\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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> buggy + pool<\/div>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <h3 class=\"card-title\">Buggy ride Agafay Desert with lunch & pool<\/h3>\r\n <div class=\"meta-row\">\r\n <span class=\"meta-item\"><i class=\"fas fa-map-marker-alt\"><\/i> Agafay Desert<\/span>\r\n <span class=\"meta-item\"><i class=\"far fa-clock\"><\/i> full day<\/span>\r\n <\/div>\r\n <div class=\"features\">\r\n <div class=\"feature\"><i class=\"fas fa-buggy\"><\/i><span>Buggy ride<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-swimmer\"><\/i><span>Pool<\/span><\/div>\r\n <div class=\"feature\"><i class=\"fas fa-shield-alt\"><\/i><span>Safety Gear<\/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\/buggy-ride-through-the-agafay-desert-with-lunch-pool\/\" class=\"btn-book\"><i class=\"fas fa-calendar-check\"><\/i> Book<\/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\">Booking Process<\/div>\r\n\r\n <h2 class=\"rp-main-title\">\r\n Book Your Morocco Adventure<br>\r\n in 4 Easy Steps\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>Choose Your Tour<\/h3>\r\n <p>Pick from desert camps, imperial cities, or custom adventures.<\/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>Contact Our Team<\/h3>\r\n <p>Reach out via WhatsApp or phone. We'll confirm availability.<\/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>Confirm Your Booking<\/h3>\r\n <p>No payment needed upfront. We send all details.<\/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>Meet & Enjoy<\/h3>\r\n <p>Meet your guide, pay on site, and enjoy the adventure.<\/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=\"Why choose 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\">Our advantages<\/span>\r\n <h2 class=\"rifaura-why-title\">Why Choose <strong>Rifaura<\/strong><\/h2>\r\n <p class=\"rifaura-why-sub\">Experience Morocco with comfort, authenticity and total peace of mind<\/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>Easy Booking Process<\/h3>\r\n <p>Fast confirmation, simple steps, no upfront payment needed.<\/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>Fair & Transparent<\/h3>\r\n <p>No hidden fees. You pay on site, exactly what we agreed.<\/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>24\/7 Customer Support<\/h3>\r\n <p>WhatsApp, phone, email \u2013 we're always here to help.<\/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\">Frequently Asked Questions<\/div>\r\n <h2 class=\"section-title\">Your <span>Morocco Adventure<\/span> Questions<\/h2>\r\n <p class=\"section-subtitle\">Everything you need to know about our activities, excursions, and tours<\/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>Sahara Desert Adventures<\/h3>\r\n <p>Experience camel treks, luxury camping, and unforgettable sunsets in the Moroccan desert<\/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\">What activities and excursions does Rifaura offer?<\/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>We offer a wide range of handcrafted experiences across Morocco:<\/p>\r\n <ul>\r\n <li><strong>\ud83c\udfdc\ufe0f Desert Excursions:<\/strong> Camel treks, overnight desert camps, 4x4 adventures<\/li>\r\n <li><strong>\u26f0\ufe0f Mountain Tours:<\/strong> Atlas Mountains hiking, Berber village visits<\/li>\r\n <li><strong>\ud83c\udfdb\ufe0f Cultural Activities:<\/strong> Medina walking tours, cooking classes, pottery workshops<\/li>\r\n <li><strong>\ud83d\ude97 Day Trips:<\/strong> From Marrakech, Fes, and other major cities<\/li>\r\n <li><strong>\u2728 Private Tours:<\/strong> Custom itineraries for families, couples, and solo travelers<\/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\">How do I book an excursion and what's included?<\/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>Booking is easy:<\/strong><\/p>\r\n <ol>\r\n <li>Contact us via WhatsApp or phone<\/li>\r\n <li>Choose your activity, dates, and group size<\/li>\r\n <li>Confirm your reservation (no upfront payment needed)<\/li>\r\n <li>Meet your guide at the agreed location<\/li>\r\n <\/ol>\r\n <p><strong>Typically included:<\/strong> Private transport, professional guide, activities (camel ride, etc.), meals as specified, and bottled water.<\/p>\r\n <p><strong>Not included:<\/strong> Tips, personal expenses, and optional extras.<\/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\">When is the best time for outdoor activities in Morocco?<\/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>Morocco offers great experiences year-round, but here's what to expect:<\/p>\r\n <ul>\r\n <li><strong>Spring (March-May):<\/strong> Perfect weather for hiking, desert tours, and city walks<\/li>\r\n <li><strong>Autumn (September-November):<\/strong> Mild temperatures, ideal for all activities<\/li>\r\n <li><strong>Summer (June-August):<\/strong> Great for coastal trips and early morning\/late afternoon desert tours<\/li>\r\n <li><strong>Winter (December-February):<\/strong> Snow in the Atlas, pleasant days in the desert (cold nights)<\/li>\r\n <\/ul>\r\n <p>We operate all year and can suggest the best activities for each season.<\/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\">Are your excursions suitable for solo travelers?<\/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>Absolutely! We welcome solo adventurers:<\/p>\r\n <ul>\r\n <li><strong>Join Group Tours:<\/strong> Share the experience with like-minded travelers<\/li>\r\n <li><strong>Private Options:<\/strong> Customize your own solo journey<\/li>\r\n <li><strong>No Single Supplement:<\/strong> On many group departures<\/li>\r\n <li><strong>Safety & Comfort:<\/strong> Experienced guides ensure you're well taken care of<\/li>\r\n <li><strong>Flexible:<\/strong> We can adapt activities to your pace and interests<\/li>\r\n <\/ul>\r\n <p>Solo travel is a fantastic way to explore Morocco with 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\">What is your cancellation and payment policy for activities?<\/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>We keep things simple and traveler-friendly:<\/p>\r\n <ul>\r\n <li><strong>No Upfront Payment:<\/strong> Reserve your spot without paying in advance<\/li>\r\n <li><strong>Pay on the Day:<\/strong> Cash (MAD\/EUR) or card payment to your guide<\/li>\r\n <li><strong>Free Cancellation:<\/strong> Up to 48 hours before your activity<\/li>\r\n <li><strong>Weather Policy:<\/strong> If conditions are unsafe, we reschedule or fully refund<\/li>\r\n <li><strong>Group Discounts:<\/strong> Available for groups of 4 or more<\/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\">What should I bring for a day trip or desert excursion?<\/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>We recommend packing these essentials:<\/p>\r\n <ul>\r\n <li><strong>\ud83d\udc55 Clothing:<\/strong> Comfortable layers, sun hat, scarf for wind\/sun<\/li>\r\n <li><strong>\ud83d\udc5f Footwear:<\/strong> Closed-toe shoes for walking\/hiking<\/li>\r\n <li><strong>\ud83e\uddf4 Protection:<\/strong> Sunscreen, sunglasses, lip balm<\/li>\r\n <li><strong>\ud83d\udcf7 Extras:<\/strong> Camera, power bank, small backpack<\/li>\r\n <li><strong>\ud83d\udca7 Hydration:<\/strong> We provide water, but bring your own bottle too<\/li>\r\n <li><strong>\ud83c\udf19 For desert nights:<\/strong> Warm jacket (winter) or light jacket (summer)<\/li>\r\n <\/ul>\r\n <p>We provide sleeping bags and camping equipment for overnight desert tours.<\/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>Ready for Your Morocco Adventure?<\/h3>\r\n <p>Contact us now to book your unforgettable Rifaura experience<\/p>\r\n \r\n <a href=\"https:\/\/wa.me\/212657261708\" class=\"booking-button\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n Contact Us on 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>\n\t\t","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>\n","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"],"_links":{"self":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":101,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages\/450\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages\/450\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/media?parent=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}