{"id":637,"date":"2025-12-17T12:04:02","date_gmt":"2025-12-17T12:04:02","guid":{"rendered":"https:\/\/alliancemoroccotours.com\/?page_id=637"},"modified":"2025-12-20T08:31:36","modified_gmt":"2025-12-20T08:31:36","slug":"full-day-trip-from-marrakech-to-ouzoud-waterfalls","status":"publish","type":"page","link":"https:\/\/alliancemoroccotours.com\/de\/full-day-trip-from-marrakech-to-ouzoud-waterfalls\/","title":{"rendered":"Full Day Trip From Marrakech To Ouzoud Waterfalls"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n Full Day Trip From Marrakech To Ouzoud Waterfalls 55 43 | Morocco's Tallest Waterfalls<\/title>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary: #ff9800;\r\n --primary-dark: #e68900;\r\n --primary-light: #ffb74d;\r\n --dark: #111827;\r\n --gray-dark: #4b5563;\r\n --gray: #6b7280;\r\n --gray-light: #9ca3af;\r\n --gray-extra-light: #e5e7eb;\r\n --light: #f9fafb;\r\n --white: #ffffff;\r\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\r\n --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n --radius: 12px;\r\n --radius-sm: 8px;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-text-size-adjust: 100%;\r\n touch-action: manipulation;\r\n }\r\n\r\n html {\r\n -webkit-text-size-adjust: 100%;\r\n text-size-adjust: 100%;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n font-weight: 400;\r\n color: var(--gray-dark);\r\n line-height: 1.6;\r\n background-color: var(--light);\r\n padding: 0;\r\n margin: 0;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Disable zoom except for images *\/\r\n body * {\r\n max-height: 1000000px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* Main Layout *\/\r\n .booking-page {\r\n display: flex;\r\n gap: 40px;\r\n padding: 40px 0;\r\n align-items: flex-start;\r\n }\r\n\r\n .left-container {\r\n flex: 1;\r\n }\r\n\r\n .right-container {\r\n width: 380px;\r\n position: sticky;\r\n top: 40px;\r\n }\r\n\r\n \/* Section Styling *\/\r\n .section {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 32px;\r\n margin-bottom: 32px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n margin-bottom: 24px;\r\n color: var(--dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .section-title i {\r\n color: var(--primary);\r\n font-size: 20px;\r\n }\r\n\r\n h1 {\r\n font-size: 36px;\r\n font-weight: 800;\r\n line-height: 1.3;\r\n color: var(--dark);\r\n margin-bottom: 20px;\r\n }\r\n\r\n h2 {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 20px;\r\n }\r\n\r\n h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: var(--dark);\r\n margin-bottom: 8px;\r\n }\r\n\r\n \/* Image Gallery *\/\r\n .image-gallery {\r\n margin-bottom: 32px;\r\n position: relative;\r\n }\r\n\r\n .hero-image {\r\n width: 100%;\r\n height: 400px;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n margin-bottom: 16px;\r\n box-shadow: var(--shadow-lg);\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n\r\n .hero-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .hero-image:hover img {\r\n transform: scale(1.02);\r\n }\r\n\r\n .thumbnail-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n }\r\n\r\n .thumbnail {\r\n height: 90px;\r\n border-radius: var(--radius-sm);\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n border: 3px solid transparent;\r\n opacity: 0.9;\r\n position: relative;\r\n }\r\n\r\n .thumbnail:hover {\r\n opacity: 1;\r\n transform: translateY(-3px);\r\n border-color: var(--primary);\r\n }\r\n\r\n .thumbnail.active {\r\n border-color: var(--primary);\r\n opacity: 1;\r\n }\r\n\r\n .thumbnail img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n user-select: none;\r\n }\r\n\r\n .zoom-icon {\r\n position: absolute;\r\n top: 5px;\r\n right: 5px;\r\n background: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n .thumbnail:hover .zoom-icon {\r\n opacity: 1;\r\n }\r\n\r\n \/* Modal Gallery *\/\r\n .gallery-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n z-index: 1000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n touch-action: pan-y pinch-zoom;\r\n }\r\n\r\n .modal-content {\r\n position: relative;\r\n max-width: 90%;\r\n max-height: 80vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n touch-action: pan-y pinch-zoom;\r\n }\r\n\r\n .modal-image {\r\n max-width: 100%;\r\n max-height: 80vh;\r\n border-radius: 8px;\r\n object-fit: contain;\r\n touch-action: pan-y pinch-zoom;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n }\r\n\r\n .modal-nav {\r\n position: absolute;\r\n top: 50%;\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n transform: translateY(-50%);\r\n padding: 0 20px;\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: -50px;\r\n right: 0;\r\n background: none;\r\n border: none;\r\n color: white;\r\n font-size: 30px;\r\n cursor: pointer;\r\n z-index: 1001;\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .modal-close i {\r\n font-size: 24px;\r\n }\r\n\r\n .modal-nav-btn {\r\n background: rgba(255, 255, 255, 0.2);\r\n border: none;\r\n color: white;\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n font-size: 20px;\r\n cursor: pointer;\r\n transition: background 0.2s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .modal-nav-btn:hover {\r\n background: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .modal-counter {\r\n color: white;\r\n font-size: 16px;\r\n margin-top: 20px;\r\n text-align: center;\r\n }\r\n\r\n \/* Tour Description - Updated with bold keywords (same color) *\/\r\n .tour-description {\r\n font-size: 18px;\r\n line-height: 1.7;\r\n color: var(--gray-dark);\r\n margin-bottom: 32px;\r\n font-weight: 400;\r\n }\r\n\r\n .tour-description strong {\r\n font-weight: 700;\r\n color: var(--gray-dark);\r\n }\r\n\r\n .tour-description a {\r\n color: var(--primary);\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .tour-description a:hover {\r\n color: var(--primary-dark);\r\n text-decoration: underline;\r\n }\r\n\r\n .tour-duration {\r\n color: var(--primary);\r\n font-size: 18px;\r\n font-weight: 600;\r\n margin-bottom: 16px;\r\n padding: 8px 16px;\r\n background-color: rgba(255, 152, 0, 0.1);\r\n border-radius: var(--radius-sm);\r\n display: inline-block;\r\n border-left: 4px solid var(--primary);\r\n }\r\n\r\n \/* Tour Program *\/\r\n .timeline {\r\n position: relative;\r\n padding-left: 40px;\r\n }\r\n\r\n .timeline:before {\r\n content: '';\r\n position: absolute;\r\n left: 19px;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n background-image: linear-gradient(to bottom, \r\n var(--primary) 0%, \r\n var(--primary) 50%, \r\n transparent 50%, \r\n transparent 100%);\r\n background-size: 2px 20px;\r\n background-repeat: repeat-y;\r\n }\r\n\r\n .timeline-item {\r\n position: relative;\r\n margin-bottom: 30px;\r\n padding-left: 10px;\r\n }\r\n\r\n .timeline-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .timeline-item:before {\r\n content: '';\r\n position: absolute;\r\n left: -31px;\r\n top: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background-color: var(--primary);\r\n border: 4px solid var(--white);\r\n box-shadow: 0 0 0 2px var(--primary);\r\n z-index: 2;\r\n }\r\n\r\n .timeline-content {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .timeline-icon {\r\n color: var(--primary);\r\n font-size: 20px;\r\n width: 24px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .timeline-day {\r\n font-size: 20px;\r\n font-weight: 800;\r\n margin-bottom: 8px;\r\n color: var(--dark);\r\n line-height: 1.3;\r\n }\r\n\r\n .timeline-details {\r\n color: var(--gray-dark);\r\n font-size: 16px;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n }\r\n\r\n .timeline-details p {\r\n margin-bottom: 4px;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Tour Highlights *\/\r\n .highlights-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n\r\n .highlight-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .highlight-icon {\r\n color: var(--primary);\r\n font-size: 24px;\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255, 152, 0, 0.1);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .highlight-content {\r\n flex: 1;\r\n }\r\n\r\n .highlight-title {\r\n font-weight: 800;\r\n margin-bottom: 6px;\r\n color: var(--dark);\r\n font-size: 20px;\r\n line-height: 1.2;\r\n }\r\n\r\n .highlight-desc {\r\n color: var(--gray);\r\n font-size: 16px;\r\n line-height: 1.3;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Included\/Excluded *\/\r\n .included-section {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 32px;\r\n }\r\n\r\n .included-list, .excluded-list {\r\n list-style: none;\r\n }\r\n\r\n .included-list li, .excluded-list li {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 16px;\r\n gap: 12px;\r\n padding: 4px 0;\r\n }\r\n\r\n .included-list i {\r\n color: #10b981;\r\n font-size: 20px;\r\n width: 24px;\r\n }\r\n\r\n .excluded-list i {\r\n color: #ef4444;\r\n font-size: 20px;\r\n width: 24px;\r\n }\r\n\r\n .included-text {\r\n font-weight: 400;\r\n color: var(--gray-dark);\r\n }\r\n\r\n \/* FAQ *\/\r\n .faq-item {\r\n border-bottom: 1px solid var(--gray-extra-light);\r\n padding-bottom: 20px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .faq-item:last-child {\r\n border-bottom: none;\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n }\r\n\r\n .faq-question {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n padding: 8px 0;\r\n gap: 12px;\r\n }\r\n\r\n .faq-question h3 {\r\n margin-bottom: 0;\r\n font-weight: 800;\r\n color: var(--dark);\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .faq-question i {\r\n color: var(--primary);\r\n font-size: 18px;\r\n }\r\n\r\n .faq-question .arrow {\r\n color: var(--gray);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .faq-question.active .arrow {\r\n transform: rotate(180deg);\r\n color: var(--primary);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease;\r\n color: var(--gray-dark);\r\n line-height: 1.6;\r\n padding-left: 36px;\r\n font-weight: 400;\r\n }\r\n\r\n .faq-answer.open {\r\n max-height: 500px;\r\n margin-top: 12px;\r\n }\r\n\r\n .faq-answer a {\r\n color: var(--primary);\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .faq-answer a:hover {\r\n color: var(--primary-dark);\r\n text-decoration: underline;\r\n }\r\n\r\n \/* Booking Box *\/\r\n .booking-box {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 32px;\r\n box-shadow: var(--shadow-lg);\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .price-section {\r\n text-align: center;\r\n margin-bottom: 28px;\r\n padding-bottom: 28px;\r\n border-bottom: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .price-display {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .price {\r\n font-size: 48px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n line-height: 1;\r\n }\r\n\r\n .price-icon {\r\n color: var(--primary);\r\n font-size: 28px;\r\n }\r\n\r\n .price-note {\r\n color: var(--gray);\r\n font-size: 16px;\r\n margin-bottom: 8px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Professional Price Breakdown *\/\r\n .price-breakdown {\r\n margin-top: 16px;\r\n padding-top: 16px;\r\n border-top: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .price-tier {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n padding: 6px 0;\r\n }\r\n\r\n .price-tier-label {\r\n font-size: 15px;\r\n color: var(--gray-dark);\r\n font-weight: 600;\r\n }\r\n\r\n .price-tier-value {\r\n font-size: 15px;\r\n color: var(--dark);\r\n font-weight: 700;\r\n }\r\n\r\n .price-tier.active {\r\n background-color: rgba(255, 152, 0, 0.05);\r\n padding: 8px 12px;\r\n border-radius: var(--radius-sm);\r\n border-left: 3px solid var(--primary);\r\n }\r\n\r\n \/* Offer Message *\/\r\n .offer-message {\r\n background-color: rgba(255, 152, 0, 0.08);\r\n color: var(--primary-dark);\r\n padding: 10px 16px;\r\n border-radius: var(--radius-sm);\r\n font-size: 14px;\r\n font-weight: 600;\r\n text-align: center;\r\n margin-top: 12px;\r\n border: 1px solid rgba(255, 152, 0, 0.2);\r\n display: none;\r\n }\r\n\r\n .offer-message.show {\r\n display: block;\r\n }\r\n\r\n \/* Form Messages *\/\r\n .form-message {\r\n padding: 12px;\r\n border-radius: var(--radius-sm);\r\n margin-bottom: 20px;\r\n font-weight: 600;\r\n display: none;\r\n text-align: center;\r\n }\r\n\r\n .form-message.success {\r\n background-color: #d1fae5;\r\n color: #065f46;\r\n border: 1px solid #a7f3d0;\r\n display: block;\r\n }\r\n\r\n .form-message.error {\r\n background-color: #fee2e2;\r\n color: #991b1b;\r\n border: 1px solid #fecaca;\r\n display: block;\r\n }\r\n\r\n .booking-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .form-group label {\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: var(--dark);\r\n font-size: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .form-group label i {\r\n color: var(--primary);\r\n font-size: 16px;\r\n }\r\n\r\n .form-control {\r\n padding: 14px 16px;\r\n border: 1px solid var(--gray-extra-light);\r\n border-radius: var(--radius-sm);\r\n font-family: inherit;\r\n font-size: 16px;\r\n font-weight: 600;\r\n transition: all 0.2s ease;\r\n background-color: var(--white);\r\n width: 100%;\r\n height: 52px;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n .form-control:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.1);\r\n }\r\n\r\n \/* Date input specific styling for mobile consistency *\/\r\n input[type=\"date\"] {\r\n color: var(--gray-dark);\r\n }\r\n\r\n input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n opacity: 0.6;\r\n cursor: pointer;\r\n padding: 5px;\r\n }\r\n\r\n .guests-selector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border: 1px solid var(--gray-extra-light);\r\n border-radius: var(--radius-sm);\r\n padding: 10px 16px;\r\n background-color: var(--white);\r\n height: 52px;\r\n }\r\n\r\n .guests-btn {\r\n background-color: var(--light);\r\n border: none;\r\n width: 36px;\r\n height: 36px;\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 font-weight: 800;\r\n font-size: 18px;\r\n transition: background-color 0.2s ease;\r\n color: var(--dark);\r\n }\r\n\r\n .guests-btn:hover:not(:disabled) {\r\n background-color: var(--gray-extra-light);\r\n }\r\n\r\n .guests-btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n .guests-count {\r\n font-weight: 800;\r\n font-size: 20px;\r\n min-width: 40px;\r\n text-align: center;\r\n }\r\n\r\n .book-btn {\r\n background-color: var(--primary);\r\n color: var(--white);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n padding: 18px;\r\n font-size: 18px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n margin-top: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n height: 56px;\r\n }\r\n\r\n .book-btn:hover {\r\n background-color: var(--primary-dark);\r\n }\r\n\r\n .book-btn:disabled {\r\n background-color: var(--gray-light);\r\n cursor: not-allowed;\r\n }\r\n\r\n .secure-booking {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n color: var(--gray);\r\n font-size: 14px;\r\n margin-top: 16px;\r\n text-align: center;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Private Tour Contact Container *\/\r\n .contact-container {\r\n background-color: var(--white);\r\n border-radius: var(--radius);\r\n padding: 28px;\r\n margin-top: 24px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--gray-extra-light);\r\n }\r\n\r\n .contact-title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n margin-bottom: 12px;\r\n color: var(--dark);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .contact-title i {\r\n color: var(--primary);\r\n font-size: 20px;\r\n }\r\n\r\n .contact-subtitle {\r\n color: var(--gray);\r\n font-size: 16px;\r\n font-weight: 600;\r\n margin-bottom: 16px;\r\n font-style: italic;\r\n }\r\n\r\n .contact-description {\r\n color: var(--gray-dark);\r\n margin-bottom: 24px;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .contact-icon {\r\n color: var(--primary);\r\n font-size: 18px;\r\n width: 24px;\r\n }\r\n\r\n .contact-text {\r\n color: var(--dark);\r\n font-weight: 600;\r\n }\r\n\r\n .contact-btn {\r\n background-color: var(--primary);\r\n color: var(--white);\r\n border: none;\r\n border-radius: var(--radius-sm);\r\n padding: 14px 20px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n text-decoration: none;\r\n text-align: center;\r\n }\r\n\r\n .contact-btn:hover {\r\n background-color: var(--primary-dark);\r\n }\r\n\r\n \/* Mobile Responsiveness *\/\r\n @media (max-width: 992px) {\r\n .booking-page {\r\n flex-direction: column;\r\n }\r\n\r\n .right-container {\r\n width: 100%;\r\n position: static;\r\n margin-top: 20px;\r\n }\r\n\r\n .included-section {\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n }\r\n\r\n .highlights-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n }\r\n \r\n .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 0 16px;\r\n }\r\n\r\n .booking-page {\r\n padding: 24px 0;\r\n }\r\n\r\n .section {\r\n padding: 24px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n h1 {\r\n font-size: 32px;\r\n }\r\n\r\n h2 {\r\n font-size: 24px;\r\n }\r\n\r\n .hero-image {\r\n height: 300px;\r\n }\r\n\r\n .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 8px;\r\n }\r\n\r\n .thumbnail {\r\n height: 80px;\r\n }\r\n\r\n .price {\r\n font-size: 42px;\r\n }\r\n \r\n .timeline {\r\n padding-left: 30px;\r\n }\r\n \r\n .timeline:before {\r\n left: 14px;\r\n }\r\n \r\n .timeline-item:before {\r\n left: -21px;\r\n }\r\n \r\n .timeline-day {\r\n font-size: 18px;\r\n }\r\n \r\n .highlights-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n \r\n \/* Mobile form inputs consistency *\/\r\n .form-control, .guests-selector {\r\n height: 50px;\r\n font-size: 16px;\r\n padding: 13px 15px;\r\n }\r\n \r\n input[type=\"date\"] {\r\n font-size: 16px;\r\n }\r\n \r\n .book-btn {\r\n height: 54px;\r\n font-size: 17px;\r\n padding: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n h1 {\r\n font-size: 28px;\r\n }\r\n\r\n .section-title {\r\n font-size: 22px;\r\n }\r\n\r\n .tour-description {\r\n font-size: 16px;\r\n }\r\n\r\n .thumbnail-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 6px;\r\n }\r\n\r\n .thumbnail {\r\n height: 70px;\r\n }\r\n\r\n .price {\r\n font-size: 36px;\r\n }\r\n\r\n .book-btn {\r\n padding: 15px;\r\n font-size: 16px;\r\n height: 52px;\r\n }\r\n \r\n .highlight-icon {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n \/* Prevent text selection *\/\r\n .no-select {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"no-select\">\r\n <div class=\"container\">\r\n <div class=\"booking-page\">\r\n <!-- Left Container -->\r\n <div class=\"left-container\">\r\n <!-- Image Gallery -->\r\n <section class=\"image-gallery\">\r\n <div class=\"hero-image\" id=\"heroImage\">\r\n <img decoding=\"async\" id=\"mainImage\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/05-1.jpg\" alt=\"Full Day Trip From Marrakech To Ouzoud Waterfalls 55 43 - Morocco's Tallest Waterfalls\">\r\n <\/div>\r\n <div class=\"thumbnail-grid\" id=\"thumbnailGrid\">\r\n <!-- 4 images as requested -->\r\n <div class=\"thumbnail active\" data-index=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/05-1.jpg\" alt=\"Ouzoud Waterfalls Panoramic View - Morocco Day Trip\">\r\n <div class=\"zoom-icon\">\r\n <i class=\"fas fa-search-plus\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"thumbnail\" data-index=\"1\">\r\n <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/cascades-ouzoud.jpg\" alt=\"Ouzoud Cascades - Stunning Waterfall Views\">\r\n <div class=\"zoom-icon\">\r\n <i class=\"fas fa-search-plus\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"thumbnail\" data-index=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/full-day-trip-to-ouzoud-waterfalls_WVFXa.jpeg\" alt=\"Ouzoud Waterfalls Full View - Natural Beauty\">\r\n <div class=\"zoom-icon\">\r\n <i class=\"fas fa-search-plus\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <div class=\"thumbnail\" data-index=\"3\">\r\n <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/Macaques-in-Ouzoud.webp\" alt=\"Barbary Macaques at Ouzoud - Wildlife Experience\">\r\n <div class=\"zoom-icon\">\r\n <i class=\"fas fa-search-plus\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Gallery Modal -->\r\n <div class=\"gallery-modal\" id=\"galleryModal\">\r\n <button class=\"modal-close\" id=\"modalClose\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <div class=\"modal-content\">\r\n <img decoding=\"async\" class=\"modal-image\" id=\"modalImage\" src=\"\" alt=\"\">\r\n <div class=\"modal-nav\">\r\n <button class=\"modal-nav-btn\" id=\"prevBtn\">\r\n <i class=\"fas fa-chevron-left\"><\/i>\r\n <\/button>\r\n <button class=\"modal-nav-btn\" id=\"nextBtn\">\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"modal-counter\" id=\"modalCounter\">1 \/ 4<\/div>\r\n <\/div>\r\n\r\n <!-- SEO Title & Description -->\r\n <section class=\"section\">\r\n <div class=\"tour-duration\">Full Day Trip \u2022 55 43<\/div>\r\n <h1>Full Day Trip From Marrakech To Ouzoud Waterfalls 55 43<\/h1>\r\n <p class=\"tour-description\">\r\n Experience the breathtaking natural wonder of Morocco on this unforgettable <strong>Full Day Trip from Marrakech to Ouzoud Waterfalls 55 43<\/strong>. \r\n Journey through the picturesque <strong>Atlas Mountains<\/strong> to discover the magnificent <strong>Ouzoud Waterfalls<\/strong>, Morocco's tallest waterfalls \r\n plunging 110 meters into the lush valley below. This comprehensive day tour takes you through <strong>olive groves and traditional Berber villages<\/strong>, \r\n offering opportunities to see playful <strong>Barbary macaque monkeys<\/strong> in their natural habitat and enjoy stunning views of the <strong>three-tiered cascades<\/strong>. \r\n Take a refreshing <strong>boat ride at the waterfall base<\/strong>, hike along scenic trails, and enjoy a traditional <strong>Moroccan lunch<\/strong> with panoramic views. \r\n This <strong>Marrakech day trip<\/strong> to Ouzoud offers the perfect escape into nature, combining <strong>natural beauty, wildlife encounters, and cultural experiences<\/strong> \r\n in a single, memorable day. <a href=\"https:\/\/alliancemoroccotours.com\/visit-morocco\" target=\"_blank\" rel=\"dofollow\">Discover Morocco's natural treasures<\/a> \r\n with us on this spectacular journey to one of North Africa's most beautiful <strong>waterfall destinations<\/strong>.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- Tour Program -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-map-marked-alt\"><\/i> Tour Program<\/h2>\r\n <div class=\"timeline\">\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-icon\">\r\n <i class=\"fas fa-car\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"timeline-day\">Morning Departure from Marrakech<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Pickup from your hotel or riad in Marrakech.<\/p>\r\n <p>Begin the scenic journey towards the Atlas Mountains.<\/p>\r\n <p>Travel through the beautiful Haouz plains and agricultural areas.<\/p>\r\n <p>Pass through traditional Berber villages and olive groves.<\/p>\r\n <p>Briefing about the day's itinerary and Ouzoud Waterfalls.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-icon\">\r\n <i class=\"fas fa-mountain\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"timeline-day\">Scenic Drive through Atlas Mountains<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Ascend into the Middle Atlas Mountains region.<\/p>\r\n <p>Enjoy panoramic views of mountain landscapes.<\/p>\r\n <p>Photo stops at scenic viewpoints along the route.<\/p>\r\n <p>Pass through the town of Demnate and surrounding areas.<\/p>\r\n <p>Learn about the geology and geography of the region.<\/p>\r\n <p>Observation of traditional agriculture and village life.<\/p>\r\n <p>Arrival at the Ouzoud Waterfalls area.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-icon\">\r\n <i class=\"fas fa-water\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"timeline-day\">Exploration of Ouzoud Waterfalls - Upper Viewpoints<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Arrival at the top of the Ouzoud Waterfalls.<\/p>\r\n <p>First breathtaking views of the 110-meter cascades.<\/p>\r\n <p>Walk along the rim for different panoramic perspectives.<\/p>\r\n <p>See the water plunging into the natural pools below.<\/p>\r\n <p>Observation of rainbows created by the waterfall mist.<\/p>\r\n <p>Visit traditional water mills still in operation.<\/p>\r\n <p>Encounter Barbary macaque monkeys in the trees.<\/p>\r\n <p>Photography opportunities from various upper viewpoints.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-icon\">\r\n <i class=\"fas fa-hiking\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"timeline-day\">Descent to Waterfall Base & Boat Experience<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Begin the scenic descent along well-maintained paths.<\/p>\r\n <p>Walk through lush vegetation and olive groves.<\/p>\r\n <p>Pass by natural caves and rock formations.<\/p>\r\n <p>Arrive at the base of the magnificent waterfalls.<\/p>\r\n <p>Feel the refreshing mist from the powerful cascades.<\/p>\r\n <p>Optional boat ride to experience the waterfalls up close.<\/p>\r\n <p>Swimming opportunity in natural pools (seasonal).<\/p>\r\n <p>Lunch at a traditional restaurant with waterfall views.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-icon\">\r\n <i class=\"fas fa-utensils\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"timeline-day\">Lunch & Leisure Time at Ouzoud<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Traditional Moroccan lunch at a local restaurant.<\/p>\r\n <p>Enjoy tagine, salads, and fresh local produce.<\/p>\r\n <p>Relax with views of the waterfalls during lunch.<\/p>\r\n <p>Free time for additional exploration or relaxation.<\/p>\r\n <p>Optional visit to local artisan shops and cafes.<\/p>\r\n <p>Interact with local guides and learn about the area.<\/p>\r\n <p>Additional photography opportunities in afternoon light.<\/p>\r\n <p>Observation of local bird species and wildlife.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-content\">\r\n <div class=\"timeline-icon\">\r\n <i class=\"fas fa-sunset\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"timeline-day\">Return Journey to Marrakech<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Ascent back to the top of the waterfalls area.<\/p>\r\n <p>Final views and photographs of Ouzoud Waterfalls.<\/p>\r\n <p>Departure from Ouzoud for return to Marrakech.<\/p>\r\n <p>Scenic drive back through Atlas Mountain landscapes.<\/p>\r\n <p>Photo stops at different viewpoints than morning.<\/p>\r\n <p>Relax and reflect on the day's natural experiences.<\/p>\r\n <p>Arrival back in Marrakech in the early evening.<\/p>\r\n <p>Drop-off at your hotel or riad in Marrakech.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Tour Highlights -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-star\"><\/i> Tour Highlights<\/h2>\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <i class=\"fas fa-water\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">Ouzoud Waterfalls<\/div>\r\n <div class=\"highlight-desc\">Morocco's tallest waterfalls<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <i class=\"fas fa-mountain\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">Atlas Mountains<\/div>\r\n <div class=\"highlight-desc\">Scenic mountain drive<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <i class=\"fas fa-monkey\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">Barbary Macaques<\/div>\r\n <div class=\"highlight-desc\">Wildlife encounters<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <i class=\"fas fa-hiking\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">Scenic Hiking<\/div>\r\n <div class=\"highlight-desc\">Waterfall trail walks<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <i class=\"fas fa-ship\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">Boat Ride<\/div>\r\n <div class=\"highlight-desc\">Waterfall base experience<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\r\n <i class=\"fas fa-utensils\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">Traditional Lunch<\/div>\r\n <div class=\"highlight-desc\">Moroccan cuisine with views<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- What's Included \/ Not Included -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-clipboard-check\"><\/i> What's Included<\/h2>\r\n <div class=\"included-section\">\r\n <div>\r\n <h3><i class=\"fas fa-check-circle\" style=\"color: #10b981;\"><\/i> What's Included<\/h3>\r\n <ul class=\"included-list\">\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Hotel pickup & drop-off<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Professional driver\/guide<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Private transportation<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">All transportation costs<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Bottled water during trip<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">All taxes and fees<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3><i class=\"fas fa-times-circle\" style=\"color: #ef4444;\"><\/i> What's Not Included<\/h3>\r\n <ul class=\"excluded-list\">\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Lunch and beverages<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Boat ride at waterfalls<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Personal expenses<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Guide tips<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Optional activities<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Travel insurance<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Section -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Frequently Asked Questions<\/h2>\r\n <div class=\"faq\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <h3><i class=\"fas fa-hiking\"><\/i> What is the hiking difficulty level?<\/h3>\r\n <i class=\"fas fa-chevron-down arrow\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n The hiking at Ouzoud Waterfalls is considered moderate. The descent to the waterfall base involves approximately 300 steps and well-maintained paths with some incline. The walk is suitable for most fitness levels, but those with mobility issues or knee problems should take it slowly. The entire circuit (descent and ascent) takes about 1.5-2 hours at a leisurely pace with stops for photos and rest. The paths are clearly marked and generally in good condition. For those who prefer less walking, excellent views can be enjoyed from the top viewpoints without descending to the base. Comfortable walking shoes with good grip are strongly recommended.\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <h3><i class=\"fas fa-swimming-pool\"><\/i> Can we swim at the waterfalls?<\/h3>\r\n <i class=\"fas fa-chevron-down arrow\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Swimming is possible in the natural pools at the base of Ouzoud Waterfalls, but it is seasonal and dependent on water flow conditions. During spring and early summer (April-July), the water flow is strong and swimming may not be safe or permitted. During late summer and autumn (August-November), when water levels are lower, swimming is often possible and quite refreshing. Always follow the guidance of local guides regarding safety conditions. It's recommended to bring a swimsuit and towel if you wish to swim during appropriate seasons. <a href=\"https:\/\/alliancemoroccotours.com\/best-time-visit-morocco\/\" target=\"_blank\" rel=\"dofollow\">Learn about Morocco's seasons<\/a> to plan your visit accordingly.\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <h3><i class=\"fas fa-child\"><\/i> Is this tour suitable for families?<\/h3>\r\n <i class=\"fas fa-chevron-down arrow\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Yes, this Full Day Trip from Marrakech to Ouzoud Waterfalls is excellent for families with children aged 6 and above. The natural beauty, wildlife (Barbary macaques), and waterfall experience are engaging for all ages. Families should consider the moderate hiking involved and ensure children are supervised near the waterfall edges and during the descent\/ascent. The boat ride at the base is particularly popular with children. The total day duration (approximately 10 hours) should be considered for younger children. Car seats can be provided upon advance request. Many families find this to be one of the most memorable day trips from Marrakech due to its combination of natural wonders and outdoor activities.\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <h3><i class=\"fas fa-camera\"><\/i> What should we bring for the day?<\/h3>\r\n <i class=\"fas fa-chevron-down arrow\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n For your Full Day Trip to Ouzoud Waterfalls, we recommend bringing: comfortable walking shoes with good grip, sunscreen, hat, sunglasses, camera\/phone for photos, swimsuit and towel (if swimming in season), light jacket or layers (can be cooler near waterfalls), small backpack for personal items, cash for lunch, souvenirs, and optional activities (boat ride), refillable water bottle (bottled water is provided), and any personal medications. The waterfall area can be misty, so consider protecting your camera\/phone from water. The walk involves some steps and uneven paths, so appropriate footwear is essential for safety and comfort throughout the day.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Right Container - Booking Box & Contact -->\r\n <div class=\"right-container\">\r\n <div class=\"booking-box\">\r\n <div class=\"price-section\">\r\n <div class=\"price-display\">\r\n <i class=\"fas fa-tag price-icon\"><\/i>\r\n <div class=\"price\" id=\"totalPrice\">55<\/div>\r\n <\/div>\r\n <div class=\"price-note\" id=\"priceNote\">EUR per person (1 traveler)<\/div>\r\n \r\n <!-- Professional Price Breakdown -->\r\n <div class=\"price-breakdown\">\r\n <div class=\"price-tier\" id=\"priceTier1\">\r\n <span class=\"price-tier-label\">1\u20132 Travelers:<\/span>\r\n <span class=\"price-tier-value\">55 EUR \/ person<\/span>\r\n <\/div>\r\n <div class=\"price-tier\" id=\"priceTier2\">\r\n <span class=\"price-tier-label\">3+ Travelers:<\/span>\r\n <span class=\"price-tier-value\">43 EUR \/ person<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Offer Message -->\r\n <div class=\"offer-message\" id=\"offerMessage\">\r\n Preferential rate applied for groups of 3 or more travelers\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-message\" id=\"formMessage\"><\/div>\r\n\r\n <form class=\"booking-form\" id=\"bookingForm\">\r\n <div class=\"form-group\">\r\n <label for=\"fullName\"><i class=\"fas fa-user\"><\/i> Full Name<\/label>\r\n <input type=\"text\" id=\"fullName\" class=\"form-control\" placeholder=\"Your full name\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\"><i class=\"fas fa-envelope\"><\/i> Email Address<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" placeholder=\"email@example.com\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"phone\"><i class=\"fas fa-phone\"><\/i> Phone Number<\/label>\r\n <input type=\"tel\" id=\"phone\" class=\"form-control\" placeholder=\"+1234567890\" required>\r\n <\/div>\r\n \r\n <!-- Travel Date Field -->\r\n <div class=\"form-group\">\r\n <label for=\"tourDate\"><i class=\"fas fa-calendar-alt\"><\/i> Travel Date<\/label>\r\n <input type=\"date\" id=\"tourDate\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label><i class=\"fas fa-users\"><\/i> Number of Persons<\/label>\r\n <div class=\"guests-selector\">\r\n <button type=\"button\" class=\"guests-btn\" id=\"decreaseGuests\" disabled>-<\/button>\r\n <span class=\"guests-count\" id=\"guestsCount\">1<\/span>\r\n <button type=\"button\" class=\"guests-btn\" id=\"increaseGuests\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"book-btn\" id=\"submitBtn\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book This Tour\r\n <\/button>\r\n \r\n <div class=\"secure-booking\">\r\n <i class=\"fas fa-lock\"><\/i>\r\n <span>Secure booking \u2022 Instant confirmation<\/span>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <!-- Contact Container (Text Only) -->\r\n <div class=\"contact-container\">\r\n <h3 class=\"contact-title\"><i class=\"fas fa-crown\"><\/i> Private Tour? Contact Us<\/h3>\r\n <div class=\"contact-subtitle\">Private tour from Marrakech \u2013 Customized travel experience<\/div>\r\n <p class=\"contact-description\">Looking for a private or customized day trip to Ouzoud Waterfalls? Get in touch with us for personalized itineraries and exclusive experiences from Marrakech.<\/p>\r\n <div class=\"contact-info\">\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-phone contact-icon\"><\/i>\r\n <span class=\"contact-text\">Phone: +212 667-843073<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <i class=\"fas fa-envelope contact-icon\"><\/i>\r\n <span class=\"contact-text\">Email: info@alliancemoroccotours.com<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/alliancemoroccotours.com\/contact\/\" class=\"contact-btn\" target=\"_blank\" rel=\"dofollow\">\r\n <i class=\"fas fa-comments\"><\/i> Contact Us\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ ========== PREVENT PAGE ZOOM ==========\r\n document.addEventListener('wheel', function(e) {\r\n if (e.ctrlKey) {\r\n e.preventDefault();\r\n }\r\n }, { passive: false });\r\n \r\n document.addEventListener('touchstart', function(e) {\r\n if (e.touches.length > 1) {\r\n e.preventDefault();\r\n }\r\n }, { passive: false });\r\n \r\n document.addEventListener('gesturestart', function(e) {\r\n e.preventDefault();\r\n });\r\n \r\n document.addEventListener('dblclick', function(e) {\r\n if (e.target.classList.contains('modal-image')) {\r\n return; \/\/ Allow double-tap zoom on modal images only\r\n }\r\n e.preventDefault();\r\n }, { passive: false });\r\n \r\n \/\/ ========== EMAILJS INITIALIZATION ==========\r\n (function() {\r\n emailjs.init(\"qzgU_LotSipnJ6jaS\");\r\n })();\r\n \r\n \/\/ ========== GALLERY FUNCTIONALITY ==========\r\n const mainImage = document.getElementById('mainImage');\r\n const heroImage = document.getElementById('heroImage');\r\n const thumbnails = document.querySelectorAll('.thumbnail');\r\n const galleryModal = document.getElementById('galleryModal');\r\n const modalImage = document.getElementById('modalImage');\r\n const modalClose = document.getElementById('modalClose');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const modalCounter = document.getElementById('modalCounter');\r\n \r\n \/\/ Use specified images\r\n const galleryImages = [\r\n {\r\n src: \"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/05-1.jpg\",\r\n alt: \"Full Day Trip From Marrakech To Ouzoud Waterfalls 55 43 - Morocco's Tallest Waterfalls\"\r\n },\r\n {\r\n src: \"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/cascades-ouzoud.jpg\",\r\n alt: \"Ouzoud Cascades - Stunning Waterfall Views\"\r\n },\r\n {\r\n src: \"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/full-day-trip-to-ouzoud-waterfalls_WVFXa.jpeg\",\r\n alt: \"Ouzoud Waterfalls Full View - Natural Beauty\"\r\n },\r\n {\r\n src: \"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/Macaques-in-Ouzoud.webp\",\r\n alt: \"Barbary Macaques at Ouzoud - Wildlife Experience\"\r\n }\r\n ];\r\n \r\n let currentImageIndex = 0;\r\n \r\n \/\/ Thumbnail click handler\r\n thumbnails.forEach(thumbnail => {\r\n thumbnail.addEventListener('click', function() {\r\n const index = parseInt(this.getAttribute('data-index'));\r\n currentImageIndex = index;\r\n \r\n \/\/ Update main image\r\n mainImage.src = galleryImages[index].src;\r\n mainImage.alt = galleryImages[index].alt;\r\n \r\n \/\/ Update active state\r\n thumbnails.forEach(thumb => thumb.classList.remove('active'));\r\n this.classList.add('active');\r\n });\r\n });\r\n \r\n \/\/ Hero image click\r\n heroImage.addEventListener('click', function() {\r\n currentImageIndex = 0;\r\n openModal();\r\n });\r\n \r\n function openModal() {\r\n galleryModal.style.display = 'flex';\r\n document.body.style.overflow = 'hidden';\r\n updateModalImage();\r\n }\r\n \r\n function closeModal() {\r\n galleryModal.style.display = 'none';\r\n document.body.style.overflow = 'auto';\r\n }\r\n \r\n function updateModalImage() {\r\n modalImage.src = galleryImages[currentImageIndex].src;\r\n modalImage.alt = galleryImages[currentImageIndex].alt;\r\n modalCounter.textContent = `${currentImageIndex + 1} \/ ${galleryImages.length}`;\r\n \r\n \/\/ Update thumbnail active state\r\n thumbnails.forEach(thumb => thumb.classList.remove('active'));\r\n if (currentImageIndex < thumbnails.length) {\r\n thumbnails[currentImageIndex].classList.add('active');\r\n }\r\n }\r\n \r\n \/\/ Modal navigation\r\n modalClose.addEventListener('click', closeModal);\r\n \r\n prevBtn.addEventListener('click', function() {\r\n currentImageIndex = (currentImageIndex - 1 + galleryImages.length) % galleryImages.length;\r\n updateModalImage();\r\n });\r\n \r\n nextBtn.addEventListener('click', function() {\r\n currentImageIndex = (currentImageIndex + 1) % galleryImages.length;\r\n updateModalImage();\r\n });\r\n \r\n \/\/ Keyboard navigation\r\n document.addEventListener('keydown', function(e) {\r\n if (galleryModal.style.display === 'flex') {\r\n if (e.key === 'Escape') closeModal();\r\n if (e.key === 'ArrowLeft') prevBtn.click();\r\n if (e.key === 'ArrowRight') nextBtn.click();\r\n }\r\n });\r\n \r\n \/\/ Mobile swipe support\r\n let touchStartX = 0;\r\n let touchEndX = 0;\r\n \r\n modalImage.addEventListener('touchstart', function(e) {\r\n touchStartX = e.changedTouches[0].screenX;\r\n }, false);\r\n \r\n modalImage.addEventListener('touchend', function(e) {\r\n touchEndX = e.changedTouches[0].screenX;\r\n handleSwipe();\r\n }, false);\r\n \r\n function handleSwipe() {\r\n const swipeThreshold = 50;\r\n \r\n if (touchEndX < touchStartX - swipeThreshold) {\r\n \/\/ Swipe left - next image\r\n nextBtn.click();\r\n }\r\n \r\n if (touchEndX > touchStartX + swipeThreshold) {\r\n \/\/ Swipe right - previous image\r\n prevBtn.click();\r\n }\r\n }\r\n \r\n \/\/ ========== DYNAMIC PRICING ==========\r\n const totalPrice = document.getElementById('totalPrice');\r\n const priceNote = document.getElementById('priceNote');\r\n const offerMessage = document.getElementById('offerMessage');\r\n const priceTier1 = document.getElementById('priceTier1');\r\n const priceTier2 = document.getElementById('priceTier2');\r\n const decreaseBtn = document.getElementById('decreaseGuests');\r\n const increaseBtn = document.getElementById('increaseGuests');\r\n const guestsCount = document.getElementById('guestsCount');\r\n \r\n let guests = 1;\r\n const individualPrice = 55; \/\/ 1-2 persons\r\n const groupPrice = 43; \/\/ 3+ persons\r\n \r\n function updatePrice() {\r\n const pricePerPerson = guests >= 3 ? groupPrice : individualPrice;\r\n const total = pricePerPerson * guests;\r\n \r\n \/\/ Update price display\r\n totalPrice.textContent = `${total}`;\r\n priceNote.textContent = guests === 1 ? `EUR per person (1 traveler)` : `EUR total for ${guests} travelers`;\r\n guestsCount.textContent = guests;\r\n \r\n \/\/ Update price tier highlighting\r\n if (guests >= 3) {\r\n priceTier1.classList.remove('active');\r\n priceTier2.classList.add('active');\r\n offerMessage.classList.add('show');\r\n } else {\r\n priceTier1.classList.add('active');\r\n priceTier2.classList.remove('active');\r\n offerMessage.classList.remove('show');\r\n }\r\n }\r\n \r\n function updateGuestsButtons() {\r\n decreaseBtn.disabled = guests <= 1;\r\n increaseBtn.disabled = guests >= 10;\r\n }\r\n \r\n decreaseBtn.addEventListener('click', function() {\r\n if (guests > 1) {\r\n guests--;\r\n updatePrice();\r\n updateGuestsButtons();\r\n }\r\n });\r\n \r\n increaseBtn.addEventListener('click', function() {\r\n if (guests < 10) {\r\n guests++;\r\n updatePrice();\r\n updateGuestsButtons();\r\n }\r\n });\r\n \r\n \/\/ ========== DATE PICKER SETUP ==========\r\n const tourDate = document.getElementById('tourDate');\r\n const today = new Date();\r\n const tomorrow = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);\r\n const formattedDate = tomorrow.toISOString().split('T')[0];\r\n tourDate.value = formattedDate;\r\n tourDate.min = formattedDate;\r\n \r\n \/\/ ========== FAQ ACCORDION ==========\r\n const faqQuestions = document.querySelectorAll('.faq-question');\r\n \r\n faqQuestions.forEach(question => {\r\n question.addEventListener('click', function() {\r\n const answer = this.nextElementSibling;\r\n const isOpen = answer.classList.contains('open');\r\n \r\n \/\/ Close all answers\r\n document.querySelectorAll('.faq-answer').forEach(ans => {\r\n ans.classList.remove('open');\r\n });\r\n \r\n \/\/ Remove active class from all questions\r\n document.querySelectorAll('.faq-question').forEach(q => {\r\n q.classList.remove('active');\r\n });\r\n \r\n \/\/ If clicked question wasn't open, open it\r\n if (!isOpen) {\r\n answer.classList.add('open');\r\n this.classList.add('active');\r\n }\r\n });\r\n });\r\n \r\n \/\/ ========== FORM SUBMISSION WITH EMAILJS ==========\r\n const bookingForm = document.getElementById('bookingForm');\r\n const formMessage = document.getElementById('formMessage');\r\n const submitBtn = document.getElementById('submitBtn');\r\n \r\n bookingForm.addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Disable submit button\r\n submitBtn.disabled = true;\r\n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Processing...';\r\n \r\n \/\/ Get form values\r\n const formData = {\r\n from_name: document.getElementById('fullName').value,\r\n from_email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n travel_date: document.getElementById('tourDate').value,\r\n number_of_persons: document.getElementById('guestsCount').textContent,\r\n total_price: document.getElementById('totalPrice').textContent + ' EUR',\r\n tour_name: \"Full Day Trip From Marrakech To Ouzoud Waterfalls 55 43\"\r\n };\r\n \r\n try {\r\n \/\/ Send email via EmailJS\r\n const response = await emailjs.send(\r\n \"service_lktvqxp\",\r\n \"template_iphq4nm\",\r\n formData\r\n );\r\n \r\n \/\/ Success message\r\n formMessage.textContent = \"\u2705 Thank you! Your booking request has been sent successfully. We'll contact you within 24 hours.\";\r\n formMessage.className = \"form-message success\";\r\n formMessage.style.display = \"block\";\r\n \r\n \/\/ Reset form\r\n bookingForm.reset();\r\n tourDate.value = formattedDate;\r\n guests = 1;\r\n updatePrice();\r\n updateGuestsButtons();\r\n \r\n \/\/ Scroll to message\r\n formMessage.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n \r\n } catch (error) {\r\n \/\/ Error message\r\n formMessage.textContent = \"\u274c There was an error submitting your booking. Please try again or contact us directly.\";\r\n formMessage.className = \"form-message error\";\r\n formMessage.style.display = \"block\";\r\n \r\n console.error('EmailJS Error:', error);\r\n \r\n } finally {\r\n \/\/ Re-enable submit button\r\n submitBtn.disabled = false;\r\n submitBtn.innerHTML = '<i class=\"fas fa-calendar-check\"><\/i> Book This Tour';\r\n \r\n \/\/ Hide message after 10 seconds\r\n setTimeout(() => {\r\n formMessage.style.display = \"none\";\r\n }, 10000);\r\n }\r\n });\r\n \r\n \/\/ Initial setup\r\n updatePrice();\r\n updateGuestsButtons();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Full Day Trip From Marrakech To Ouzoud Waterfalls 55 43 | Morocco’s Tallest Waterfalls 1 \/ 4 Full Day Trip \u2022 55 43 Full Day Trip From Marrakech To Ouzoud Waterfalls 55 43 Experience the breathtaking natural wonder of Morocco on this unforgettable Full Day Trip from Marrakech to Ouzoud Waterfalls 55 43. Journey through […]<\/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-637","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/pages\/637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/comments?post=637"}],"version-history":[{"count":7,"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/pages\/637\/revisions"}],"predecessor-version":[{"id":830,"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/pages\/637\/revisions\/830"}],"wp:attachment":[{"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/media?parent=637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}