{"id":395,"date":"2025-10-23T11:42:25","date_gmt":"2025-10-23T11:42:25","guid":{"rendered":"https:\/\/experiencetoursmorocco.com\/?page_id=395"},"modified":"2025-10-24T17:19:35","modified_gmt":"2025-10-24T17:19:35","slug":"agafay-desert-quad-bike-adventure","status":"publish","type":"page","link":"https:\/\/experiencetoursmorocco.com\/nl\/agafay-desert-quad-bike-adventure\/","title":{"rendered":"Agafay woestijn quad avontuur"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"395\" class=\"elementor elementor-395\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c027bf e-con-full e-flex e-con e-parent\" data-id=\"2c027bf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fee8784 elementor-widget elementor-widget-html\" data-id=\"fee8784\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" \/>\r\n  <title>Agafay Desert Quad Bike Adventure | Marrakech Desert Experience<\/title>\r\n  <meta name=\"description\" content=\"2-hour quad ride across the stone dunes of Agafay Desert with High Atlas views. Beginner-friendly with scenic photo stops and mint-tea break.\">\r\n  <meta name=\"keywords\" content=\"Agafay Desert quad biking, Marrakech desert adventure, quad bike tour Morocco\">\r\n  <meta property=\"og:title\" content=\"Agafay Desert Quad Bike Adventure - Marrakech Desert Experience\">\r\n  <meta property=\"og:description\" content=\"Thrilling 2-hour quad ride across the stone dunes of Agafay Desert with High Atlas views. Beginner-friendly and guide-led.\">\r\n  <meta property=\"og:type\" content=\"website\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n  <style>\r\n    \/* Tour Booking Page Styles - Self-contained *\/\r\n    .tour-booking-page {\r\n      --tour-bg:#f5efe6;          \r\n      --tour-ink:#2d2a26;         \r\n      --tour-muted:#6b6a66;       \r\n      --tour-card:#ffffff;        \r\n      --tour-border:#e6dfd4;      \r\n      --tour-sage:#647a68;        \r\n      --tour-sage-700:#4f6254;    \r\n      --tour-terra:#e67e22;       \r\n      --tour-terra-700:#d35400;   \r\n      --tour-cream:#fffaf2;       \r\n      --radius:14px; \r\n      --shadow:0 10px 30px rgba(2,6,23,.08);\r\n      box-sizing: border-box;\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n      background: linear-gradient(180deg, var(--tour-cream), var(--tour-bg));\r\n      color: var(--tour-ink);\r\n      line-height: 1.6;\r\n      -webkit-text-size-adjust: 100%;\r\n    }\r\n    .tour-booking-page * { box-sizing: border-box; }\r\n    .tour-booking-page .container{ max-width:1160px; margin-inline:auto; padding:24px; }\r\n    .tour-booking-page .content-wrapper{display:grid; grid-template-columns:1.6fr .9fr; gap:26px}\r\n    @media (max-width:980px){.tour-booking-page .content-wrapper{grid-template-columns:1fr}}\r\n    .tour-booking-page .section{\r\n      background:var(--tour-card); border-radius:var(--radius); padding:24px; margin-bottom:22px; \r\n      box-shadow:var(--shadow); border:1px solid var(--tour-border)\r\n    }\r\n    .tour-booking-page .section-title{\r\n      display:flex; align-items:center; gap:10px; font-size:1.35rem; margin:0 0 16px; color: var(--tour-ink);\r\n    }\r\n    .tour-booking-page .section-title i{color:var(--tour-terra)}\r\n    .tour-booking-page .description{color:var(--tour-muted); font-size:1.05rem}\r\n    .tour-booking-page .image-gallery{display:grid; gap:12px; margin:22px 0 34px}\r\n    .tour-booking-page .gallery-main{height:380px; border-radius:16px; background-size:cover; background-position:center; position:relative; overflow:hidden; cursor: pointer;}\r\n    .tour-booking-page .gallery-row{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}\r\n    .tour-booking-page .gallery-thumb{height:140px; border-radius:12px; background-size:cover; background-position:center; position:relative; overflow:hidden; cursor: pointer;}\r\n    .tour-booking-page .gallery-thumb.active {border: 3px solid var(--tour-terra);}\r\n    .tour-booking-page .img-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.35)); opacity:0; transition:.25s}\r\n    .tour-booking-page .zoom-btn{\r\n      position:absolute; right:10px; bottom:10px; background:rgba(255,255,255,.9); border:1px solid var(--tour-border);\r\n      padding:8px 10px; border-radius:999px; display:flex; gap:8px; align-items:center; font-weight:600; color:#111; box-shadow:var(--shadow); cursor:pointer\r\n    }\r\n    .tour-booking-page .gallery-main:hover .img-overlay, .tour-booking-page .gallery-thumb:hover .img-overlay{opacity:1}\r\n    .tour-booking-page .itinerary-item{\r\n      display:grid; grid-template-columns:120px 1fr; gap:16px; padding:16px 0; border-bottom:1px solid var(--tour-border)\r\n    }\r\n    .tour-booking-page .itinerary-item:last-child{border-bottom:0}\r\n    .tour-booking-page .itinerary-day{font-weight:800; color:var(--tour-terra)}\r\n    .tour-booking-page .itinerary-content h4{margin:.2rem 0 .25rem}\r\n    .tour-booking-page .inclusion-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px}\r\n    @media (max-width:700px){.tour-booking-page .inclusion-grid{grid-template-columns:1fr}}\r\n    .tour-booking-page .inclusion-list,.tour-booking-page .exclusion-list{list-style:none; padding:0; margin:0}\r\n    .tour-booking-page .inclusion-list li,.tour-booking-page .exclusion-list li{display:flex; gap:10px; margin-bottom:10px}\r\n    .tour-booking-page .inclusion-list i{color:var(--tour-sage)}\r\n    .tour-booking-page .exclusion-list i{color:#e74c3c}\r\n    .tour-booking-page .additional-details-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px}\r\n    .tour-booking-page .detail-item{\r\n      display:flex; align-items:center; gap:15px; padding:15px; background: rgba(230, 126, 34,.05); \r\n      border-radius:10px; border-left:4px solid var(--tour-terra)\r\n    }\r\n    .tour-booking-page .detail-icon{\r\n      background:var(--tour-terra); color:#fff; width:50px; height:50px; border-radius:50%; display:flex; \r\n      align-items:center; justify-content:center; font-size:1.3rem\r\n    }\r\n    .tour-booking-page .detail-content h3{margin:0 0 5px; font-size:1.1rem}\r\n    .tour-booking-page .detail-content p{margin:0; color:var(--tour-muted)}\r\n    .tour-booking-page .faq-accordion-item { border: 1px solid var(--tour-border); border-radius: 10px; margin-bottom: 12px; overflow: hidden; background: var(--tour-card); }\r\n    .tour-booking-page .faq-accordion-header { padding: 18px 20px; background: rgba(230, 126, 34, 0.05); cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: var(--tour-ink); transition: background 0.3s ease; }\r\n    .tour-booking-page .faq-accordion-header:hover { background: rgba(230, 126, 34, 0.1); }\r\n    .tour-booking-page .faq-accordion-header i { transition: transform 0.3s ease; color: var(--tour-terra); }\r\n    .tour-booking-page .faq-accordion-item.active .faq-accordion-header i { transform: rotate(180deg); }\r\n    .tour-booking-page .faq-accordion-content { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; color: var(--tour-muted); }\r\n    .tour-booking-page .faq-accordion-item.active .faq-accordion-content { padding: 20px; max-height: 300px; }\r\n    .tour-booking-page .price-section{ background:linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); color:#fff; border:0 }\r\n    .tour-booking-page .price-section .section-title{color:#fff}\r\n    .tour-booking-page .price-amount{font-size:clamp(2.1rem,4.2vw,3rem); font-weight:800; letter-spacing:.3px}\r\n    .tour-booking-page .booking-form{position:sticky; top:18px}\r\n    .tour-booking-page .form-group{margin-bottom:16px}\r\n    .tour-booking-page label{display:block; margin-bottom:8px; font-weight:600; color:var(--tour-ink)}\r\n    .tour-booking-page .form-control{\r\n      width:100%; padding:12px 14px; border:1px solid var(--tour-border); border-radius:10px; font:inherit; background:#fff;\r\n      font-size: 16px;\r\n    }\r\n    .tour-booking-page .form-control:focus{ outline:3px solid rgba(230, 126, 34,.25); border-color:rgba(230, 126, 34,.5) }\r\n    .tour-booking-page .form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px}\r\n    @media (max-width:700px){.tour-booking-page .form-row{grid-template-columns:1fr}}\r\n    .tour-booking-page .btn-book{\r\n      width:100%; display:inline-flex; align-items:center; justify-content:center; gap:.6rem; border:0; \r\n      background:linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); color:#fff; padding:14px 16px; \r\n      border-radius:10px; font-weight:800; cursor:pointer; box-shadow:0 8px 22px rgba(230, 126, 34,.25); transition:.2s transform ease;\r\n      font-size: 16px;\r\n    }\r\n    .tour-booking-page .btn-book:hover{transform:translateY(-1px)}\r\n    .tour-booking-page .btn-book:disabled { background: #cccccc; cursor: not-allowed; transform: none; }\r\n    .tour-booking-page .toast{\r\n      position:fixed; left:50%; transform:translateX(-50%); bottom:20px; padding:12px 16px; border-radius:12px; \r\n      background:var(--tour-ink); color:#fff; box-shadow:var(--shadow); display:none; z-index: 100;\r\n    }\r\n    .tour-booking-page .toast.show{display:block}\r\n    .tour-booking-page .toast.success {background: var(--tour-sage);}\r\n    .tour-booking-page .toast.error {background: #e74c3c;}\r\n    .tour-booking-page dialog#lightbox{ border:0; padding:0; background:transparent; width: 100%; height: 100%; max-width: 100%; max-height: 100%; }\r\n    .tour-booking-page .lb-wrap{ position:fixed; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.8); z-index: 100; padding: 20px; }\r\n    .tour-booking-page .lb-img{\r\n      max-width:90vw; max-height:80vh; border-radius:14px; border:1px solid rgba(255,255,255,.2); box-shadow:var(--shadow);\r\n      cursor: zoom-in; transition: transform 0.3s ease;\r\n    }\r\n    .tour-booking-page .lb-img.zoomed { transform: scale(1.5); cursor: zoom-out; }\r\n    .tour-booking-page .close-lightbox { position: absolute; top: 20px; right: 20px; background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.2rem; z-index: 101; }\r\n    .tour-booking-page .tour-highlight {\r\n      font-size: 1.4rem; font-weight: 700; color: var(--tour-terra); text-align: center; margin: 0 0 20px 0; padding: 15px;\r\n      background: rgba(230, 126, 34, 0.05); border-radius: 10px; border-left: 4px solid var(--tour-terra);\r\n    }\r\n    .tour-booking-page .mobile-booking-bar {\r\n      display: none; position: fixed; bottom: 0; left: 0; right: 0; background: var(--tour-card);\r\n      box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15); padding: 12px 16px; z-index: 90; border-top: 1px solid var(--tour-border);\r\n    }\r\n    .tour-booking-page .mobile-booking-bar .booking-bar-content {\r\n      display: flex; justify-content: space-between; align-items: center; max-width: 1160px; margin: 0 auto;\r\n    }\r\n    .tour-booking-page .mobile-booking-bar .price-info { display: flex; flex-direction: column; }\r\n    .tour-booking-page .mobile-booking-bar .price-amount { font-size: 1.5rem; font-weight: 800; color: var(--tour-terra); line-height: 1.2; }\r\n    .tour-booking-page .mobile-booking-bar .price-note { font-size: 0.8rem; color: var(--tour-muted); margin: 0; }\r\n    .tour-booking-page .mobile-booking-bar .btn-book-mobile {\r\n      background: linear-gradient(180deg, var(--tour-terra), var(--tour-terra-700)); color: white; border: none; border-radius: 10px; \r\n      padding: 12px 20px; font-weight: 700; font-size: 1rem; cursor: pointer; box-shadow: 0 4px 12px rgba(230, 126, 34, 0.3);\r\n      display: flex; align-items: center; gap: 8px; transition: transform 0.2s ease;\r\n    }\r\n    .tour-booking-page .mobile-booking-bar .btn-book-mobile:hover { transform: translateY(-2px); }\r\n    @media only screen and (max-width: 768px){\r\n      html, body{ width:100%; overflow-x:hidden; }\r\n      .tour-booking-page .container { padding: 16px; width: 100%; margin: 0 auto; padding-bottom: 80px; }\r\n      .tour-booking-page .content-wrapper { width: 100%; }\r\n      .tour-booking-page .main-content, .tour-booking-page .booking-sidebar { width: 100%; }\r\n      .tour-booking-page .section { width: 100%; max-width: 100%; }\r\n      .tour-booking-page .image-gallery { width: 100%; }\r\n      .tour-booking-page .gallery-main{height:260px}\r\n      .tour-booking-page .gallery-thumb{height:110px}\r\n      .tour-booking-page .section{padding:18px}\r\n      .tour-booking-page .inclusion-grid, .tour-booking-page .additional-details-grid { width: 100%; }\r\n      .tour-booking-page .itinerary-item { grid-template-columns: 80px 1fr; text-align: left; gap: 12px; }\r\n      .tour-booking-page .tour-highlight { font-size: 1.2rem; text-align: center; }\r\n      .tour-booking-page .mobile-booking-bar { display: block; }\r\n      .tour-booking-page .booking-sidebar { display: none; }\r\n      .tour-booking-page input, .tour-booking-page select, .tour-booking-page textarea { font-size: 16px !important; }\r\n    }\r\n    .tour-booking-page .center{margin-inline:auto}\r\n    .tour-booking-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"tour-booking-page\">\r\n    <div class=\"container center\">\r\n      <section class=\"image-gallery center\" aria-label=\"Image gallery\">\r\n        <figure class=\"gallery-main\" id=\"main-image\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Quad-Biking-through-the-Agafay-Desert-ATV-tours.webp')\">\r\n          <span class=\"img-overlay\"><\/span>\r\n          <button class=\"zoom-btn\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Quad-Biking-through-the-Agafay-Desert-ATV-tours.webp\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> View<\/button>\r\n        <\/figure>\r\n        <div class=\"gallery-row\">\r\n          <figure class=\"gallery-thumb active\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Quad-Biking-through-the-Agafay-Desert-ATV-tours.webp\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Quad-Biking-through-the-Agafay-Desert-ATV-tours.webp\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/Quad-Biking-through-the-Agafay-Desert-ATV-tours.webp')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n          <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/quad-desert-marrakech.jpg\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/quad-desert-marrakech.jpg\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/quad-desert-marrakech.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n          <figure class=\"gallery-thumb\" data-full=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/caption-3.jpg\" data-main=\"https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/caption-3.jpg\" style=\"background-image:url('https:\/\/experiencetoursmorocco.com\/wp-content\/uploads\/2025\/10\/caption-3.jpg')\"><span class=\"img-overlay\"><\/span><\/figure>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <div class=\"content-wrapper\">\r\n        <div class=\"main-content\">\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-info-circle\"><\/i> Tour Description<\/h2>\r\n            <div class=\"tour-highlight\">Agafay woestijn quad avontuur<\/div>\r\n            <div class=\"description\">\r\n              <p>A thrilling 2-hour quad ride across the stone dunes of Agafay Desert, with High Atlas views on clear days. Beginner-friendly, guide-led, with scenic photo stops and a mint-tea break.<\/p>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-route\"><\/i> Itinerary<\/h2>\r\n            <div class=\"itinerary\">\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">30-45 min<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h4>Pickup & Transfer<\/h4>\r\n                  <p>Pickup in Marrakech and transfer to Agafay Desert base.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">15-20 min<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h4>Safety & Gear<\/h4>\r\n                  <p>Helmet, goggles; controls & signals explained by professional guide.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">10-15 min<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h4>Practice Loop<\/h4>\r\n                  <p>Get comfortable with throttle and brakes on a test circuit.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">100-110 min<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h4>Guided Desert Ride<\/h4>\r\n                  <p>Desert tracks, hill viewpoints, scenic photo stops across the stone dunes.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"itinerary-item\">\r\n                <div class=\"itinerary-day\">20-30 min<\/div>\r\n                <div class=\"itinerary-content\">\r\n                  <h4>Mint-Tea Break<\/h4>\r\n                  <p>Relax with mint tea at a desert camp before return transfer.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-clipboard-list\"><\/i> What's Included<\/h2>\r\n            <div class=\"inclusion-grid\">\r\n              <div>\r\n                <h3><i class=\"fas fa-check-circle\" style=\"color:var(--tour-sage)\"><\/i> Included<\/h3>\r\n                <ul class=\"inclusion-list\">\r\n                  <li><i class=\"fas fa-check\"><\/i> Marrakech pickup & drop-off<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Automatic quad, helmet, goggles<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Professional guide (lead & sweep)<\/li>\r\n                  <li><i class=\"fas fa-check\"><\/i> Mint tea and bottled water<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3><i class=\"fas fa-times-circle\" style=\"color:#e74c3c\"><\/i> Not Included<\/h3>\r\n                <ul class=\"exclusion-list\">\r\n                  <li><i class=\"fas fa-times\"><\/i> Personal expenses, tips<\/li>\r\n                  <li><i class=\"fas fa-times\"><\/i> Face scarf\/bandana (available on site)<\/li>\r\n                  <li><i class=\"fas fa-times\"><\/i> Professional photos\/videos (if offered)<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Optional Add-Ons (prices removed, two-word labels only) -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-plus-circle\"><\/i> Optional Add-Ons<\/h2>\r\n            <div class=\"additional-details-grid\">\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>Sunset Slot<\/h3><\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-horse\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>Kameelrit<\/h3><\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>Desert Dinner<\/h3><\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-user-tie\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>Private Tour<\/h3><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Requirements & Policies (two-word summaries) -->\r\n          <section class=\"section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-clipboard-check\"><\/i> Requirements & Policies<\/h2>\r\n            <div class=\"additional-details-grid\">\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-user\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>Age<\/h3><p>Sixteen plus<\/p><\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-weight\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>Weight Limit<\/h3><p>160 kg<\/p><\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-id-card\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>License<\/h3><p>Not required<\/p><\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>Safety<\/h3><p>Closed shoes<\/p><\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-cloud-sun\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>Weather<\/h3><p>Year round<\/p><\/div>\r\n              <\/div>\r\n              <div class=\"detail-item\">\r\n                <div class=\"detail-icon\"><i class=\"fas fa-suitcase\"><\/i><\/div>\r\n                <div class=\"detail-content\"><h3>What to Bring<\/h3><p>Comfortable clothes<\/p><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- FAQ Accordion -->\r\n          <section class=\"section\" aria-label=\"Frequently Asked Questions\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-question-circle\"><\/i> Frequently Asked Questions<\/h2>\r\n            <div class=\"faq-accordion\">\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>Is \u20ac80 the total price?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>Yes\u2014\u20ac80 per person for the standard small-group Agafay ride. Add-ons (sunset\/private\/camel\/dinner) cost extra.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>I've never ridden a quad\u2014will I manage?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>Absolutely. There's a practice loop first and the guide sets a safe, relaxed pace.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>Can two people share one quad?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>Yes, tandem riding is possible; ask for pricing and weight guidance.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"faq-accordion-item\">\r\n                <div class=\"faq-accordion-header\">\r\n                  <span>Is sunset worth it?<\/span>\r\n                  <i class=\"fas fa-chevron-down\"><\/i>\r\n                <\/div>\r\n                <div class=\"faq-accordion-content\">\r\n                  <p>If you want the best photos and cooler temps, sunset is the top choice.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n        <\/div>\r\n\r\n        <!-- Sidebar -->\r\n        <aside class=\"booking-sidebar\">\r\n          <section class=\"section price-section\">\r\n            <h2 class=\"section-title\"><i class=\"fas fa-tag\"><\/i> Tour Price<\/h2>\r\n            <div class=\"price-amount\">$80<\/div>\r\n            <p class=\"price-note\">Per person<\/p>\r\n            <p><i class=\"fas fa-clock\"><\/i> 2-Hour Adventure<\/p>\r\n            <p><i class=\"fas fa-users\"><\/i> Small Groups<\/p>\r\n          <\/section>\r\n          <section class=\"section booking-form\" aria-labelledby=\"book-title\">\r\n            <h2 id=\"book-title\" class=\"section-title\"><i class=\"fas fa-calendar-plus\"><\/i> Book This Tour<\/h2>\r\n            <form id=\"booking-form\" novalidate action=\"\">\r\n              <div class=\"form-group\">\r\n                <label for=\"tour-date\">Select Tour Date<\/label>\r\n                <input type=\"date\" id=\"tour-date\" class=\"form-control\" required aria-required=\"true\">\r\n              <\/div>\r\n              <!-- SELECT TIME REMOVED -->\r\n              <div class=\"form-group\">\r\n                <label for=\"participants\">Number of Participants<\/label>\r\n                <input type=\"number\" id=\"participants\" class=\"form-control\" min=\"1\" max=\"15\" value=\"1\" required aria-required=\"true\">\r\n              <\/div>\r\n              <div class=\"form-row\">\r\n                <div class=\"form-group\">\r\n                  <label for=\"first-name\">First Name<\/label>\r\n                  <input type=\"text\" id=\"first-name\" class=\"form-control\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"last-name\">Last Name<\/label>\r\n                  <input type=\"text\" id=\"last-name\" class=\"form-control\" required>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"form-group\">\r\n                <label for=\"email\">Email Address<\/label>\r\n                <input type=\"email\" id=\"email\" class=\"form-control\" required>\r\n              <\/div>\r\n              <div class=\"form-group\">\r\n                <label for=\"phone\">Phone Number<\/label>\r\n                <input type=\"tel\" id=\"phone\" class=\"form-control\" required>\r\n              <\/div>\r\n              <div class=\"form-group\">\r\n                <label for=\"special-requests\">Special Requests<\/label>\r\n                <textarea id=\"special-requests\" class=\"form-control\" rows=\"3\" placeholder=\"Tandem riding, add-ons, etc.\"><\/textarea>\r\n              <\/div>\r\n              <button type=\"submit\" class=\"btn-book\" id=\"submit-btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Boek nu<\/button>\r\n              <p id=\"form-help\" class=\"sr-only\" aria-live=\"polite\"><\/p>\r\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"nl\"\/><\/form>\r\n          <\/section>\r\n        <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mobile-booking-bar\">\r\n      <div class=\"booking-bar-content\">\r\n        <div class=\"price-info\">\r\n          <div class=\"price-amount\">$80<\/div>\r\n          <p class=\"price-note\">Per person<\/p>\r\n        <\/div>\r\n        <button class=\"btn-book-mobile\" id=\"scroll-to-form\">\r\n          <i class=\"fas fa-calendar-plus\"><\/i> Boek nu\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <dialog id=\"lightbox\">\r\n      <button class=\"close-lightbox\" aria-label=\"Close lightbox\"><i class=\"fas fa-times\"><\/i><\/button>\r\n      <div class=\"lb-wrap\">\r\n        <img class=\"lb-img\" id=\"lb-img\" alt=\"Gallery image\" \/>\r\n      <\/div>\r\n    <\/dialog>\r\n\r\n    <div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){ emailjs.init(\"E_4V-SBuVJroXW_Q5\"); })();\r\n\r\n    const mainImage = document.getElementById('main-image');\r\n    const galleryThumbs = document.querySelectorAll('.gallery-thumb');\r\n    galleryThumbs.forEach(thumb => {\r\n      thumb.addEventListener('click', () => {\r\n        const mainSrc = thumb.getAttribute('data-main');\r\n        const fullSrc = thumb.getAttribute('data-full');\r\n        mainImage.style.backgroundImage = `url('${mainSrc}')`;\r\n        mainImage.querySelector('.zoom-btn').setAttribute('data-full', fullSrc);\r\n        galleryThumbs.forEach(t => t.classList.remove('active'));\r\n        thumb.addEventListener; \r\n        thumb.classList.add('active');\r\n      });\r\n    });\r\n\r\n    const lightbox = document.getElementById('lightbox');\r\n    const lbImg = document.getElementById('lb-img');\r\n    const closeLightbox = document.querySelector('.close-lightbox');\r\n    function openLightbox(src){ lbImg.src = src; lbImg.classList.remove('zoomed'); lightbox.showModal(); }\r\n    mainImage.addEventListener('click', () => { const fullSrc = mainImage.querySelector('.zoom-btn').getAttribute('data-full'); openLightbox(fullSrc); });\r\n    document.querySelectorAll('.zoom-btn').forEach(btn => {\r\n      btn.addEventListener('click', e => { e.stopPropagation(); openLightbox(btn.getAttribute('data-full')); });\r\n    });\r\n    closeLightbox.addEventListener('click', () => { lightbox.close(); });\r\n    lbImg.addEventListener('click', () => { lbImg.classList.toggle('zoomed'); });\r\n\r\n    (function(){\r\n      const d = new Date(); d.setDate(d.getDate() + 1);\r\n      const min = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;\r\n      const input = document.getElementById('tour-date'); if(input) input.min = min;\r\n    })();\r\n\r\n    document.querySelectorAll('.faq-accordion-header').forEach(header => {\r\n      header.addEventListener('click', () => {\r\n        const item = header.parentElement;\r\n        const isActive = item.classList.contains('active');\r\n        document.querySelectorAll('.faq-accordion-item').forEach(i => i.classList.remove('active'));\r\n        if (!isActive) item.classList.add('active');\r\n      });\r\n    });\r\n\r\n    const form = document.getElementById('booking-form');\r\n    const toast = document.getElementById('toast');\r\n    const submitBtn = document.getElementById('submit-btn');\r\n\r\n    function showToast(text, type='success'){\r\n      toast.textContent = text;\r\n      toast.className = 'toast show ' + type;\r\n      setTimeout(()=>toast.classList.remove('show'), 5000);\r\n    }\r\n\r\n    if(form){\r\n      form.addEventListener('submit', async (e) => {\r\n        e.preventDefault();\r\n        const email = document.getElementById('email').value;\r\n        const emailValid = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\r\n        if(!emailValid){ showToast('Please enter a valid email.', 'error'); return; }\r\n        submitBtn.disabled = true; submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n        try{\r\n          const formData = {\r\n            tour_date: document.getElementById('tour-date').value,\r\n            participants: document.getElementById('participants').value,\r\n            first_name: document.getElementById('first-name').value,\r\n            last_name: document.getElementById('last-name').value,\r\n            email,\r\n            phone: document.getElementById('phone').value,\r\n            special_requests: document.getElementById('special-requests').value,\r\n            tour_name: 'Agafay Desert Quad Bike Adventure'\r\n          };\r\n          await emailjs.send('service_5pdqt1e','template_a1lx7on', formData);\r\n          showToast('Thanks! Your booking request has been received. We will contact you shortly.');\r\n          form.reset();\r\n        }catch(error){\r\n          console.error('EmailJS error:', error);\r\n          showToast('Sorry, there was an error sending your request. Please try again.', 'error');\r\n        }finally{\r\n          submitBtn.disabled = false; submitBtn.innerHTML = '<i class=\"fa-solid fa-paper-plane\"><\/i> Book Now';\r\n        }\r\n      });\r\n    }\r\n\r\n    const scrollToFormBtn = document.getElementById('scroll-to-form');\r\n    if (scrollToFormBtn) {\r\n      scrollToFormBtn.addEventListener('click', () => {\r\n        document.querySelector('.booking-sidebar').style.display = 'block';\r\n        document.querySelector('.booking-form').scrollIntoView({ behavior:'smooth', block:'start' });\r\n      });\r\n    }\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Agafay Desert Quad Bike Adventure | Marrakech Desert Experience View Tour Description Agafay Desert Quad Bike Adventure A thrilling 2-hour quad ride across the stone dunes of Agafay Desert, with High Atlas views on clear days. Beginner-friendly, guide-led, with scenic photo stops and a mint-tea break. Itinerary 30-45 min Pickup &#038; Transfer Pickup in Marrakech [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-395","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/experiencetoursmorocco.com\/nl\/wp-json\/wp\/v2\/pages\/395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/experiencetoursmorocco.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/experiencetoursmorocco.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/experiencetoursmorocco.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/experiencetoursmorocco.com\/nl\/wp-json\/wp\/v2\/comments?post=395"}],"version-history":[{"count":10,"href":"https:\/\/experiencetoursmorocco.com\/nl\/wp-json\/wp\/v2\/pages\/395\/revisions"}],"predecessor-version":[{"id":789,"href":"https:\/\/experiencetoursmorocco.com\/nl\/wp-json\/wp\/v2\/pages\/395\/revisions\/789"}],"wp:attachment":[{"href":"https:\/\/experiencetoursmorocco.com\/nl\/wp-json\/wp\/v2\/media?parent=395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}