{"id":747,"date":"2025-12-20T07:55:55","date_gmt":"2025-12-20T07:55:55","guid":{"rendered":"https:\/\/alliancemoroccotours.com\/?page_id=747"},"modified":"2025-12-20T07:56:32","modified_gmt":"2025-12-20T07:56:32","slug":"marrakech-atlas-mountains-paragliding-tour-breakfast","status":"publish","type":"page","link":"https:\/\/alliancemoroccotours.com\/de\/marrakech-atlas-mountains-paragliding-tour-breakfast\/","title":{"rendered":"Marrakech: Atlas Mountains Paragliding Tour & Breakfast"},"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 Marrakech: Atlas Mountains Paragliding Tour & Breakfast<\/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 display: none; \/* Hidden since we removed second tier *\/\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; \/* Hidden since we removed group discount *\/\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\/experience-parapente-marrakech3.jpg\" alt=\"Paragliding in Marrakech - Tandem flight over the Atlas Mountains\">\r\n <\/div>\r\n <div class=\"thumbnail-grid\" id=\"thumbnailGrid\">\r\n <div class=\"thumbnail active\" data-index=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/experience-parapente-marrakech3.jpg\" alt=\"Paragliding over Atlas Mountains in Marrakech\">\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\/experience-parapente-marrakech2.jpg\" alt=\"Tandem paragliding flight preparation\">\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\/parapente-marrakech5.jpg\" alt=\"Aerial view during paragliding flight\">\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\/WhatsApp-Image-2024-02-02-at-11.13.53-1-1024x768-1.jpeg\" alt=\"Beautiful sunset paragliding 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\">Adventure Flight \u2022 30-Minute Flight \u2022 Transport Included<\/div>\r\n <h1>Marrakech: Atlas Mountains Paragliding Tour & Breakfast<\/h1>\r\n <p class=\"tour-description\">\r\n Soar like a bird over the majestic <strong>Atlas Mountains<\/strong> with an exhilarating <strong>tandem paragliding adventure<\/strong> from Marrakech. \r\n Experience the ultimate <strong>adrenaline rush<\/strong> as you take off from a scenic mountain launch site and glide peacefully above breathtaking landscapes. \r\n This <strong>30-minute paragliding flight<\/strong> offers unparalleled <strong>aerial views<\/strong> of rugged mountain peaks, traditional <strong>Berber villages<\/strong>, and the stunning Moroccan countryside. \r\n No experience is needed \u2013 you'll fly with a <strong>certified, experienced instructor<\/strong> who handles all the technical aspects. \r\n The package includes convenient <strong>round-trip transport<\/strong> from your Marrakech accommodation, all necessary equipment, and a <strong>traditional breakfast<\/strong>. \r\n It's the perfect <strong>extreme sport activity in Marrakech<\/strong> for thrill-seekers, couples, and anyone looking for an unforgettable adventure.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- Activity Program -->\r\n <section class=\"section\">\r\n <h2 class=\"section-title\"><i class=\"fas fa-map-marked-alt\"><\/i> Flight Experience<\/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-hotel\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"timeline-day\">Morning Pickup from Your Accommodation<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Pickup from your hotel or riad in Marrakech (morning time varies by season).<\/p>\r\n <p>Comfortable transfer to the paragliding site in the Atlas Mountains.<\/p>\r\n <p>Scenic drive through the beautiful Moroccan countryside.<\/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\">Arrival at Launch Site & Preparation<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Arrive at the mountain launch site with stunning panoramic views.<\/p>\r\n <p>Meet your certified paragliding pilot and receive a comprehensive safety briefing.<\/p>\r\n <p>Get fitted with all necessary equipment (harness, helmet, radio communication).<\/p>\r\n <p>Learn about the flight procedure and what to expect during your adventure.<\/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-wind\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"timeline-day\">30-Minute Tandem Paragliding Flight<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Take off from the mountain and experience the thrill of free flight.<\/p>\r\n <p>Enjoy approximately 30 minutes of peaceful gliding above the Atlas Mountains.<\/p>\r\n <p>Soar on thermal currents with breathtaking views of valleys and peaks.<\/p>\r\n <p>Your pilot handles all controls while you relax and enjoy the scenery.<\/p>\r\n <p>Perfect opportunity for aerial photography and videos.<\/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\">Traditional Breakfast & Relaxation<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Smooth landing at the designated landing zone.<\/p>\r\n <p>Celebrate your flight with a refreshing drink.<\/p>\r\n <p>Enjoy a traditional Moroccan breakfast with local specialties.<\/p>\r\n <p>Share stories and photos with fellow adventurers.<\/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-shuttle-van\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"timeline-day\">Return to Marrakech<\/div>\r\n <div class=\"timeline-details\">\r\n <p>Comfortable transfer back to your accommodation in Marrakech.<\/p>\r\n <p>Arrive back in Marrakech with unforgettable memories.<\/p>\r\n <p>Receive your flight certificate as a souvenir of your adventure.<\/p>\r\n <p>End of an exhilarating paragliding experience.<\/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> Flight 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-wind\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">30-Minute Flight<\/div>\r\n <div class=\"highlight-desc\">Extended aerial adventure<\/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\">Breathtaking mountain views<\/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-certificate\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">Certified Pilots<\/div>\r\n <div class=\"highlight-desc\">Professional & experienced<\/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-shuttle-van\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">Transport Included<\/div>\r\n <div class=\"highlight-desc\">Round-trip from Marrakech<\/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 Breakfast<\/div>\r\n <div class=\"highlight-desc\">Local meal after flight<\/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-camera\"><\/i>\r\n <\/div>\r\n <div class=\"highlight-content\">\r\n <div class=\"highlight-title\">Aerial Photography<\/div>\r\n <div class=\"highlight-desc\">Unforgettable photo opportunities<\/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\">Round-trip transport from Marrakech<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">30-minute tandem paragliding flight<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Certified professional pilot\/instructor<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">All necessary equipment (harness, helmet)<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Traditional Moroccan breakfast<\/span><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <span class=\"included-text\">Flight certificate<\/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\">Personal expenses<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Photos\/videos (available for purchase)<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Travel insurance<\/span><\/li>\r\n <li><i class=\"fas fa-times\"><\/i> <span class=\"included-text\">Additional activities<\/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-clock\"><\/i> How long is the entire experience?<\/h3>\r\n <i class=\"fas fa-chevron-down arrow\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n The total experience takes approximately 4-5 hours, including transport to and from Marrakech. This includes the drive to the mountains (about 1-1.5 hours each way), preparation and safety briefing, the 30-minute flight, and time for breakfast after your flight.\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-user-check\"><\/i> Is paragliding safe? Do I need experience?<\/h3>\r\n <i class=\"fas fa-chevron-down arrow\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Paragliding is very safe when conducted with certified professionals. All our pilots are experienced, licensed instructors with extensive training. No previous experience is needed \u2013 you'll fly in tandem with a pilot who handles all the technical aspects. You just need to run during takeoff and then enjoy the flight!\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-cloud-sun\"><\/i> What happens if the weather is bad?<\/h3>\r\n <i class=\"fas fa-chevron-down arrow\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Paragliding is weather-dependent for safety reasons. We monitor conditions closely and only fly when conditions are optimal. If weather conditions are unsuitable (strong winds, rain, or poor visibility), your flight will be rescheduled to the next available date, or you can choose to receive a full refund.\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-tshirt\"><\/i> What should I wear and bring?<\/h3>\r\n <i class=\"fas fa-chevron-down arrow\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n Wear comfortable, sporty clothing and closed-toe shoes (sneakers or hiking shoes are perfect). Dress in layers as it can be cooler in the mountains. Bring sunglasses, sunscreen, and your camera or smartphone (with a secure strap). All safety equipment including helmet will be provided.\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-weight\"><\/i> Are there weight or age restrictions?<\/h3>\r\n <i class=\"fas fa-chevron-down arrow\"><\/i>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n For safety reasons, participants must weigh between 30 kg (66 lbs) and 110 kg (242 lbs). The minimum age is 6 years old, and children under 18 must be accompanied by an adult or have parental consent. There's no maximum age as long as you're in good health and physically able to run a few steps during takeoff.\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\">110<\/div>\r\n <\/div>\r\n <div class=\"price-note\" id=\"priceNote\">EUR per person<\/div>\r\n \r\n <!-- Professional Price Breakdown (removed second tier) -->\r\n <div class=\"price-breakdown\">\r\n <div class=\"price-tier active\" id=\"priceTier1\">\r\n <span class=\"price-tier-label\">Price per person:<\/span>\r\n <span class=\"price-tier-value\">110 EUR \/ person<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Offer Message (hidden since no group discount) -->\r\n <div class=\"offer-message\" id=\"offerMessage\">\r\n Group discount applied for bookings of 3 or more people\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=\"+212 667-843073\" 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> Flight 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 Paragliding Flight\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 or Group Flight?<\/h3>\r\n <div class=\"contact-subtitle\">Customize your paragliding adventure<\/div>\r\n <p class=\"contact-description\">Interested in a private paragliding experience for a special occasion or booking for a larger group? Contact us for personalized options and exclusive experiences.<\/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 for Details\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\/experience-parapente-marrakech3.jpg\",\r\n alt: \"Paragliding in Marrakech - Tandem flight over the Atlas Mountains\"\r\n },\r\n {\r\n src: \"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/experience-parapente-marrakech2.jpg\",\r\n alt: \"Tandem paragliding flight preparation\"\r\n },\r\n {\r\n src: \"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/parapente-marrakech5.jpg\",\r\n alt: \"Aerial view during paragliding flight\"\r\n },\r\n {\r\n src: \"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2024-02-02-at-11.13.53-1-1024x768-1.jpeg\",\r\n alt: \"Beautiful sunset paragliding 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 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 pricePerPerson = 110; \/\/ Fixed price per person for paragliding\r\n \r\n function updatePrice() {\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 priceTier1.classList.add('active');\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: \"Marrakech: Atlas Mountains Paragliding Tour & Breakfast\"\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 Paragliding Flight';\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>Marrakech: Atlas Mountains Paragliding Tour & Breakfast 1 \/ 4 Adventure Flight \u2022 30-Minute Flight \u2022 Transport Included Marrakech: Atlas Mountains Paragliding Tour & Breakfast Soar like a bird over the majestic Atlas Mountains with an exhilarating tandem paragliding adventure from Marrakech. Experience the ultimate adrenaline rush as you take off from a scenic mountain […]<\/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-747","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/pages\/747","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=747"}],"version-history":[{"count":5,"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/pages\/747\/revisions"}],"predecessor-version":[{"id":752,"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/pages\/747\/revisions\/752"}],"wp:attachment":[{"href":"https:\/\/alliancemoroccotours.com\/de\/wp-json\/wp\/v2\/media?parent=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}