{"id":29535,"date":"2026-07-15T17:43:22","date_gmt":"2026-07-15T17:43:22","guid":{"rendered":"https:\/\/definitelymoroccotours.com\/?page_id=29535"},"modified":"2026-07-16T11:48:34","modified_gmt":"2026-07-16T11:48:34","slug":"customize-tour","status":"publish","type":"page","link":"https:\/\/definitelymoroccotours.com\/fr\/customize-tour\/","title":{"rendered":"Customize Tour"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29535\" class=\"elementor elementor-29535\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-edc0736 wd-section-stretch e-flex e-con-boxed e-con e-parent\" data-id=\"edc0736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-974b822 elementor-widget elementor-widget-html\" data-id=\"974b822\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n  CUSTOMIZE YOUR TOUR \u2014 Definitely Morocco Tours\n  Elementor HTML Widget\n  Palette : Sand #DAD3C1 \/ White \/ Ink #3A372F\n  Font    : Lexend\n============================================================ -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n#dmt-customize {\n  --sand: #DAD3C1;\n  --sand-d: #C7BEA6;\n  --sand-p: #EFEBE1;\n  --ink: #3A372F;\n  --ink-s: #6B6757;\n  --white: #FFFFFF;\n  --line: rgba(58,55,47,0.13);\n  --radius: 18px;\n  font-family: 'Lexend', sans-serif;\n  font-style: normal;\n  color: var(--ink);\n  max-width: 860px;\n  margin: 0 auto;\n  padding: 0 20px 80px;\n  box-sizing: border-box;\n}\n#dmt-customize * { box-sizing: border-box; font-family: 'Lexend', sans-serif; font-style: normal !important; }\n#dmt-customize h1, #dmt-customize h2, #dmt-customize h3 { margin: 0; }\n\n.ct-hero { text-align: center; padding: 56px 20px 44px; }\n.ct-hero .eyebrow { font-size: 11.5px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink-s); margin-bottom: 14px; display: block; }\n.ct-hero h1 { font-size: 42px; font-weight: 800; line-height: 1.08; color: var(--ink); max-width: 560px; margin: 0 auto 16px; }\n.ct-hero .sub { font-size: 16px; line-height: 1.65; color: var(--ink-s); max-width: 460px; margin: 0 auto; }\n\n.ct-stepper { display: flex; align-items: center; justify-content: center; margin: 0 0 20px; padding: 0 10px; }\n.ct-step-item { display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; flex: 1; max-width: 120px; }\n.ct-step-item::after { content:''; position: absolute; top: 18px; left: 50%; width: 100%; height: 2px; background: var(--line); z-index: 0; }\n.ct-step-item:last-child::after { display: none; }\n.ct-step-dot { width: 36px; height: 36px; border-radius: 50%; background: var(--sand-p); border: 2px solid var(--sand-d); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: var(--ink-s); position: relative; z-index: 1; transition: all .25s ease; flex-shrink: 0; }\n.ct-step-item.active .ct-step-dot { background: var(--ink); border-color: var(--ink); color: var(--white); box-shadow: 0 4px 14px rgba(58,55,47,0.25); }\n.ct-step-item.done .ct-step-dot { background: var(--sand-d); border-color: var(--sand-d); color: var(--ink); }\n.ct-step-item.done::after { background: var(--sand-d); }\n.ct-step-label { font-size: 10.5px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-s); text-align: center; opacity: 0.6; transition: opacity .2s; }\n.ct-step-item.active .ct-step-label, .ct-step-item.done .ct-step-label { opacity: 1; }\n\n.ct-progress-wrap { background: var(--sand-p); border-radius: 99px; height: 4px; margin: 0 0 40px; overflow: hidden; }\n.ct-progress-bar { height: 100%; background: var(--sand-d); border-radius: 99px; transition: width .35s ease; }\n\n.ct-panel { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); padding: 36px; box-shadow: 0 4px 24px rgba(58,55,47,0.06); display: none; animation: ctFadeUp .3s ease; }\n.ct-panel.active { display: block; }\n@keyframes ctFadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }\n.ct-panel-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-s); margin-bottom: 8px; display: block; }\n.ct-panel h2 { font-size: 22px; font-weight: 700; color: var(--ink); margin-bottom: 24px; }\n\n.ct-cards { display: grid; gap: 12px; }\n.ct-cards.col2 { grid-template-columns: repeat(2, 1fr); }\n.ct-cards.col3 { grid-template-columns: repeat(3, 1fr); }\n@media (max-width: 600px) { .ct-cards.col2, .ct-cards.col3 { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 400px) { .ct-cards.col2, .ct-cards.col3 { grid-template-columns: 1fr; } }\n.ct-card { border: 1.5px solid var(--line); border-radius: 14px; padding: 18px 16px; cursor: pointer; transition: border-color .18s, background .18s, box-shadow .18s; user-select: none; background: var(--white); display: flex; flex-direction: column; gap: 6px; position: relative; }\n.ct-card:hover { border-color: var(--sand-d); background: var(--sand-p); }\n.ct-card.selected { border-color: var(--ink); background: var(--sand-p); box-shadow: 0 0 0 1px var(--ink); }\n.ct-card .ct-icon { font-size: 24px; }\n.ct-card .ct-card-title { font-size: 14px; font-weight: 700; color: var(--ink); }\n.ct-card .ct-card-sub { font-size: 12.5px; color: var(--ink-s); line-height: 1.45; }\n.ct-card .ct-check { position: absolute; top: 12px; right: 12px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--line); transition: all .18s; }\n.ct-card.selected .ct-check { background: var(--ink); border-color: var(--ink); }\n.ct-card.selected .ct-check::after { content:''; display: block; width: 5px; height: 9px; border-right: 2px solid white; border-bottom: 2px solid white; transform: rotate(45deg) translate(1px,-1px); position: absolute; top: 1px; left: 4px; }\n\n.ct-tags { display: flex; flex-wrap: wrap; gap: 10px; }\n.ct-tag { display: flex; align-items: center; gap: 7px; padding: 10px 16px; border: 1.5px solid var(--line); border-radius: 99px; cursor: pointer; font-size: 13.5px; font-weight: 500; color: var(--ink); background: var(--white); transition: all .18s; user-select: none; }\n.ct-tag:hover { border-color: var(--sand-d); background: var(--sand-p); }\n.ct-tag.selected { border-color: var(--ink); background: var(--sand-p); font-weight: 600; }\n.ct-tag-icon { font-size: 16px; }\n\n.ct-stepper-field { display: flex; align-items: center; width: fit-content; border: 1.5px solid var(--sand-d); border-radius: 12px; overflow: hidden; }\n.ct-stepper-field button { width: 48px; height: 48px; border: none; background: var(--sand-p); color: var(--ink); font-size: 20px; cursor: pointer; font-family: 'Lexend', sans-serif; transition: background .15s; }\n.ct-stepper-field button:hover { background: var(--sand); }\n.ct-stepper-field .ct-count { width: 64px; text-align: center; font-size: 18px; font-weight: 700; color: var(--ink); background: var(--white); }\n\n.ct-field { margin-bottom: 16px; }\n.ct-field label { display: block; font-size: 12px; font-weight: 500; letter-spacing: 0.04em; color: var(--ink-s); margin-bottom: 7px; }\n.ct-field input, .ct-field textarea { width: 100%; background: var(--white); border: 1.5px solid var(--sand-d); border-radius: 10px; padding: 12px 14px; color: var(--ink); font-size: 14px; outline: none; transition: border-color .18s; }\n.ct-field input::placeholder, .ct-field textarea::placeholder { color: #A9A290; }\n.ct-field input:focus, .ct-field textarea:focus { border-color: var(--ink); }\n.ct-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n@media (max-width: 500px) { .ct-row2 { grid-template-columns: 1fr; } }\n\n.ct-summary { background: var(--sand-p); border-radius: 14px; padding: 22px 24px; margin-bottom: 28px; }\n.ct-summary-title { font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-s); margin-bottom: 14px; display: block; }\n.ct-summary-items { display: flex; flex-direction: column; gap: 8px; }\n.ct-summary-item { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; color: var(--ink); }\n.ct-summary-item .s-label { color: var(--ink-s); min-width: 130px; font-size: 12.5px; }\n.ct-summary-item .s-val { font-weight: 600; }\n\n.ct-actions { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; }\n.ct-btn { padding: 14px 26px; border-radius: 12px; font-size: 14.5px; font-weight: 700; cursor: pointer; border: none; font-family: 'Lexend', sans-serif; transition: transform .15s, background .15s; letter-spacing: 0.01em; }\n.ct-btn:hover { transform: translateY(-1px); }\n.ct-btn:active { transform: translateY(0); }\n.ct-btn-primary { background: var(--ink); color: var(--white); }\n.ct-btn-primary:hover { background: #2A2820; }\n.ct-btn-secondary { background: var(--sand-p); color: var(--ink); border: 1.5px solid var(--sand-d); }\n.ct-btn-secondary:hover { background: var(--sand); }\n.ct-btn-wa { background: var(--white); color: var(--ink); border: 1.5px solid var(--sand-d); }\n.ct-btn-wa:hover { background: var(--sand-p); }\n\n.ct-status { display: none; margin-top: 16px; padding: 14px 18px; border-radius: 10px; font-size: 13.5px; line-height: 1.5; }\n.ct-status.show { display: block; }\n.ct-status.ok { background: var(--sand-p); color: var(--ink); border: 1px solid var(--sand-d); }\n.ct-note { font-size: 13.5px; color: var(--ink-s); margin: 0 0 20px; line-height: 1.6; }\n.ct-section-label { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-s); margin: 0 0 12px; display: block; }\n<\/style>\n\n<div id=\"dmt-customize\">\n\n  <div class=\"ct-hero\">\n    <span class=\"eyebrow\">Definitely Morocco Tours<\/span>\n    <h1>Build your perfect Morocco trip<\/h1>\n    <p class=\"sub\">Tell us what you're looking for and we'll craft a tailor-made itinerary just for you \u2014 no templates, no compromises.<\/p>\n  <\/div>\n\n  <div class=\"ct-stepper\">\n    <div class=\"ct-step-item active\" data-step=\"1\"><div class=\"ct-step-dot\">1<\/div><span class=\"ct-step-label\">Duration<\/span><\/div>\n    <div class=\"ct-step-item\" data-step=\"2\"><div class=\"ct-step-dot\">2<\/div><span class=\"ct-step-label\">Departure<\/span><\/div>\n    <div class=\"ct-step-item\" data-step=\"3\"><div class=\"ct-step-dot\">3<\/div><span class=\"ct-step-label\">Experiences<\/span><\/div>\n    <div class=\"ct-step-item\" data-step=\"4\"><div class=\"ct-step-dot\">4<\/div><span class=\"ct-step-label\">Group<\/span><\/div>\n    <div class=\"ct-step-item\" data-step=\"5\"><div class=\"ct-step-dot\">5<\/div><span class=\"ct-step-label\">Details<\/span><\/div>\n  <\/div>\n\n  <div class=\"ct-progress-wrap\"><div class=\"ct-progress-bar\" id=\"ct-progress\" style=\"width:10%\"><\/div><\/div>\n\n  <!-- STEP 1 -->\n  <div class=\"ct-panel active\" id=\"ct-panel-1\">\n    <span class=\"ct-panel-eyebrow\">Step 1 of 5<\/span>\n    <h2>How long is your trip?<\/h2>\n    <div class=\"ct-cards col3\">\n      <div class=\"ct-card\" data-field=\"duration\" data-value=\"1 day\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83c\udf05<\/span><span class=\"ct-card-title\">Day trip<\/span><span class=\"ct-card-sub\">1 day excursion from Marrakech<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"duration\" data-value=\"2\u20133 days\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83c\udfd5\ufe0f<\/span><span class=\"ct-card-title\">2\u20133 days<\/span><span class=\"ct-card-sub\">Short desert getaway with a night in camp<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"duration\" data-value=\"4\u20135 days\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83c\udf0d<\/span><span class=\"ct-card-title\">4\u20135 days<\/span><span class=\"ct-card-sub\">Desert + imperial cities combination<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"duration\" data-value=\"6\u20139 days\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83d\uddfa\ufe0f<\/span><span class=\"ct-card-title\">6\u20139 days<\/span><span class=\"ct-card-sub\">Full south Morocco circuit<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"duration\" data-value=\"10\u201314 days\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83c\udff0<\/span><span class=\"ct-card-title\">10\u201314 days<\/span><span class=\"ct-card-sub\">All imperial cities + Sahara<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"duration\" data-value=\"15+ days\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\u2728<\/span><span class=\"ct-card-title\">15+ days<\/span><span class=\"ct-card-sub\">Complete Morocco experience<\/span><\/div>\n    <\/div>\n    <div class=\"ct-actions\"><button class=\"ct-btn ct-btn-primary ct-next\" data-to=\"2\">Next \u2192<\/button><\/div>\n  <\/div>\n\n  <!-- STEP 2 -->\n  <div class=\"ct-panel\" id=\"ct-panel-2\">\n    <span class=\"ct-panel-eyebrow\">Step 2 of 5<\/span>\n    <h2>Where will you start?<\/h2>\n    <div class=\"ct-cards col2\">\n      <div class=\"ct-card\" data-field=\"departure\" data-value=\"Marrakech\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83c\udfee<\/span><span class=\"ct-card-title\">Marrakech<\/span><span class=\"ct-card-sub\">The Red City \u2014 most popular starting point<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"departure\" data-value=\"Casablanca\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83c\udf0a<\/span><span class=\"ct-card-title\">Casablanca<\/span><span class=\"ct-card-sub\">Atlantic gateway \u2014 ideal for fly-in arrivals<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"departure\" data-value=\"Fes\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83d\udd4c<\/span><span class=\"ct-card-title\">Fes<\/span><span class=\"ct-card-sub\">Ancient medina \u2014 perfect Fes to Marrakech route<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"departure\" data-value=\"Other \/ Flexible\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\u2708\ufe0f<\/span><span class=\"ct-card-title\">Other \/ Flexible<\/span><span class=\"ct-card-sub\">Tell us your port of entry and we'll adapt<\/span><\/div>\n    <\/div>\n    <div class=\"ct-actions\">\n      <button class=\"ct-btn ct-btn-secondary ct-prev\" data-to=\"1\">\u2190 Back<\/button>\n      <button class=\"ct-btn ct-btn-primary ct-next\" data-to=\"3\">Next \u2192<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- STEP 3 -->\n  <div class=\"ct-panel\" id=\"ct-panel-3\">\n    <span class=\"ct-panel-eyebrow\">Step 3 of 5<\/span>\n    <h2>What do you want to experience?<\/h2>\n    <p class=\"ct-note\">Select everything that interests you \u2014 we'll build the itinerary around it.<\/p>\n    <div class=\"ct-tags\">\n      <div class=\"ct-tag\" data-value=\"Sahara desert & dunes\"><span class=\"ct-tag-icon\">\ud83c\udfdc\ufe0f<\/span> Sahara desert & dunes<\/div>\n      <div class=\"ct-tag\" data-value=\"Camel trek & bivouac\"><span class=\"ct-tag-icon\">\ud83d\udc2a<\/span> Camel trek & bivouac<\/div>\n      <div class=\"ct-tag\" data-value=\"Imperial cities\"><span class=\"ct-tag-icon\">\ud83c\udff0<\/span> Imperial cities<\/div>\n      <div class=\"ct-tag\" data-value=\"Berber villages & culture\"><span class=\"ct-tag-icon\">\ud83e\uded6<\/span> Berber villages & culture<\/div>\n      <div class=\"ct-tag\" data-value=\"Atlas Mountains\"><span class=\"ct-tag-icon\">\u26f0\ufe0f<\/span> Atlas Mountains<\/div>\n      <div class=\"ct-tag\" data-value=\"Waterfalls & valleys\"><span class=\"ct-tag-icon\">\ud83d\udca7<\/span> Waterfalls & valleys<\/div>\n      <div class=\"ct-tag\" data-value=\"Kasbahs & UNESCO sites\"><span class=\"ct-tag-icon\">\ud83c\udfdb\ufe0f<\/span> Kasbahs & UNESCO sites<\/div>\n      <div class=\"ct-tag\" data-value=\"Atlantic coast & Essaouira\"><span class=\"ct-tag-icon\">\ud83c\udf0a<\/span> Atlantic coast & Essaouira<\/div>\n      <div class=\"ct-tag\" data-value=\"Hot air balloon\"><span class=\"ct-tag-icon\">\ud83c\udf88<\/span> Hot air balloon<\/div>\n      <div class=\"ct-tag\" data-value=\"Quad bike adventure\"><span class=\"ct-tag-icon\">\ud83c\udfcd\ufe0f<\/span> Quad bike adventure<\/div>\n      <div class=\"ct-tag\" data-value=\"Sunset camel ride\"><span class=\"ct-tag-icon\">\ud83c\udf05<\/span> Sunset camel ride<\/div>\n      <div class=\"ct-tag\" data-value=\"Local food & souks\"><span class=\"ct-tag-icon\">\ud83e\udd58<\/span> Local food & souks<\/div>\n    <\/div>\n    <div class=\"ct-actions\">\n      <button class=\"ct-btn ct-btn-secondary ct-prev\" data-to=\"2\">\u2190 Back<\/button>\n      <button class=\"ct-btn ct-btn-primary ct-next\" data-to=\"4\">Next \u2192<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- STEP 4 -->\n  <div class=\"ct-panel\" id=\"ct-panel-4\">\n    <span class=\"ct-panel-eyebrow\">Step 4 of 5<\/span>\n    <h2>Tell us about your group<\/h2>\n\n    <span class=\"ct-section-label\">Number of travellers<\/span>\n    <div class=\"ct-stepper-field\" style=\"margin-bottom:28px;\">\n      <button type=\"button\" id=\"ct-minus\">\u2212<\/button>\n      <span class=\"ct-count\" id=\"ct-group-count\">2<\/span>\n      <button type=\"button\" id=\"ct-plus\">+<\/button>\n    <\/div>\n\n    <span class=\"ct-section-label\">Accommodation preference<\/span>\n    <div class=\"ct-cards col3\" style=\"margin-bottom:28px;\">\n      <div class=\"ct-card\" data-field=\"accom\" data-value=\"Budget (guesthouses)\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83c\udfe0<\/span><span class=\"ct-card-title\">Budget<\/span><span class=\"ct-card-sub\">Guesthouses & basic riads<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"accom\" data-value=\"Mid-range (comfortable riads)\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83c\udfe1<\/span><span class=\"ct-card-title\">Mid-range<\/span><span class=\"ct-card-sub\">Comfortable riads & hotels<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"accom\" data-value=\"Luxury (boutique riads & lodges)\"><div class=\"ct-check\"><\/div><span class=\"ct-icon\">\ud83c\udff0<\/span><span class=\"ct-card-title\">Luxury<\/span><span class=\"ct-card-sub\">Boutique riads & luxury lodges<\/span><\/div>\n    <\/div>\n\n    <span class=\"ct-section-label\">When are you planning to travel?<\/span>\n    <div class=\"ct-cards col2\">\n      <div class=\"ct-card\" data-field=\"timing\" data-value=\"Within 1 month\"><div class=\"ct-check\"><\/div><span class=\"ct-card-title\">Within 1 month<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"timing\" data-value=\"1\u20133 months from now\"><div class=\"ct-check\"><\/div><span class=\"ct-card-title\">1\u20133 months from now<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"timing\" data-value=\"3\u20136 months from now\"><div class=\"ct-check\"><\/div><span class=\"ct-card-title\">3\u20136 months from now<\/span><\/div>\n      <div class=\"ct-card\" data-field=\"timing\" data-value=\"Still planning \/ flexible\"><div class=\"ct-check\"><\/div><span class=\"ct-card-title\">Still planning \/ flexible<\/span><\/div>\n    <\/div>\n\n    <div class=\"ct-actions\">\n      <button class=\"ct-btn ct-btn-secondary ct-prev\" data-to=\"3\">\u2190 Back<\/button>\n      <button class=\"ct-btn ct-btn-primary ct-next\" data-to=\"5\">Next \u2192<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- STEP 5 -->\n  <div class=\"ct-panel\" id=\"ct-panel-5\">\n    <span class=\"ct-panel-eyebrow\">Step 5 of 5<\/span>\n    <h2>Almost there \u2014 your details<\/h2>\n\n    <div class=\"ct-summary\" id=\"ct-summary\">\n      <span class=\"ct-summary-title\">Your custom trip summary<\/span>\n      <div class=\"ct-summary-items\" id=\"ct-summary-items\"><\/div>\n    <\/div>\n\n    <div class=\"ct-row2\">\n      <div class=\"ct-field\"><label>Your name *<\/label><input type=\"text\" id=\"ct-name\" placeholder=\"Your name\" required><\/div>\n      <div class=\"ct-field\"><label>Your email *<\/label><input type=\"email\" id=\"ct-email\" placeholder=\"you@email.com\" required><\/div>\n    <\/div>\n    <div class=\"ct-field\"><label>Your phone (optional)<\/label><input type=\"tel\" id=\"ct-phone\" placeholder=\"+1 234 567 890\"><\/div>\n    <div class=\"ct-field\"><label>Any other details or special requests<\/label><textarea id=\"ct-message\" rows=\"4\" placeholder=\"Dietary requirements, special occasions, accessibility needs, specific places you'd love to see\u2026\"><\/textarea><\/div>\n\n    <div class=\"ct-actions\">\n      <button class=\"ct-btn ct-btn-secondary ct-prev\" data-to=\"4\">\u2190 Back<\/button>\n      <button class=\"ct-btn ct-btn-primary\" id=\"ct-submit-email\">\u2709\ufe0f Send by Email<\/button>\n      <button class=\"ct-btn ct-btn-wa\" id=\"ct-submit-wa\">\ud83d\udcac WhatsApp<\/button>\n    <\/div>\n    <div class=\"ct-status\" id=\"ct-status\"><\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n  var EMAIL_TO = \"contact@definitelymoroccotours.com\";\n  var WA_NUMBER = \"212693896597\";\n  var state = { duration:'', departure:'', experiences:[], group:2, accom:'', timing:'' };\n  var currentStep = 1;\n\n  function updateProgress(s){\n    document.getElementById('ct-progress').style.width = Math.round((s\/5)*100)+'%';\n  }\n  function updateStepper(s){\n    document.querySelectorAll('.ct-step-item').forEach(function(el){\n      var n = parseInt(el.dataset.step);\n      el.classList.remove('active','done');\n      if(n===s) el.classList.add('active');\n      if(n<s) el.classList.add('done');\n    });\n  }\n  function goTo(s){\n    document.querySelectorAll('.ct-panel').forEach(function(p){ p.classList.remove('active'); });\n    var panel = document.getElementById('ct-panel-'+s);\n    if(panel){ panel.classList.add('active'); setTimeout(function(){ panel.scrollIntoView({behavior:'smooth',block:'start'}); },50); }\n    currentStep = s;\n    updateStepper(s);\n    updateProgress(s);\n    if(s===5) renderSummary();\n  }\n\n  document.querySelectorAll('.ct-card').forEach(function(card){\n    card.addEventListener('click', function(){\n      var field = card.dataset.field;\n      var val = card.dataset.value;\n      if(!field) return;\n      document.querySelectorAll('.ct-card[data-field=\"'+field+'\"]').forEach(function(c){ c.classList.remove('selected'); });\n      card.classList.add('selected');\n      state[field] = val;\n    });\n  });\n\n  document.querySelectorAll('.ct-tag').forEach(function(tag){\n    tag.addEventListener('click', function(){\n      tag.classList.toggle('selected');\n      var val = tag.dataset.value;\n      var idx = state.experiences.indexOf(val);\n      if(idx===-1) state.experiences.push(val);\n      else state.experiences.splice(idx,1);\n    });\n  });\n\n  document.getElementById('ct-minus').addEventListener('click', function(){\n    state.group = Math.max(1, state.group-1);\n    document.getElementById('ct-group-count').textContent = state.group;\n  });\n  document.getElementById('ct-plus').addEventListener('click', function(){\n    state.group = Math.min(50, state.group+1);\n    document.getElementById('ct-group-count').textContent = state.group;\n  });\n\n  document.querySelectorAll('.ct-next').forEach(function(btn){\n    btn.addEventListener('click', function(){ goTo(parseInt(btn.dataset.to)); });\n  });\n  document.querySelectorAll('.ct-prev').forEach(function(btn){\n    btn.addEventListener('click', function(){ goTo(parseInt(btn.dataset.to)); });\n  });\n\n  function renderSummary(){\n    var items = [\n      {label:'Duration', val: state.duration || '\u2014'},\n      {label:'Starting from', val: state.departure || '\u2014'},\n      {label:'Experiences', val: state.experiences.length ? state.experiences.join(', ') : '\u2014'},\n      {label:'Travellers', val: state.group + ' person'+(state.group>1?'s':'')},\n      {label:'Accommodation', val: state.accom || '\u2014'},\n      {label:'Travel window', val: state.timing || '\u2014'}\n    ];\n    var el = document.getElementById('ct-summary-items');\n    el.innerHTML = '';\n    items.forEach(function(item){\n      var row = document.createElement('div');\n      row.className = 'ct-summary-item';\n      row.innerHTML = '<span class=\"s-label\">'+item.label+'<\/span><span class=\"s-val\">'+item.val+'<\/span>';\n      el.appendChild(row);\n    });\n  }\n\n  function buildMessage(){\n    var name = document.getElementById('ct-name').value.trim();\n    var email = document.getElementById('ct-email').value.trim();\n    var phone = document.getElementById('ct-phone').value.trim();\n    var msg = document.getElementById('ct-message').value.trim();\n    return [\n      \"NEW CUSTOM TOUR REQUEST \u2014 Definitely Morocco Tours\",\n      \"\",\n      \"Name: \"+(name||'Not provided'),\n      \"Email: \"+(email||'Not provided'),\n      \"Phone: \"+(phone||'Not provided'),\n      \"\",\n      \"Duration: \"+(state.duration||'Not specified'),\n      \"Departure city: \"+(state.departure||'Not specified'),\n      \"Experiences: \"+(state.experiences.length ? state.experiences.join(', ') : 'Not specified'),\n      \"Group size: \"+state.group+\" person(s)\",\n      \"Accommodation: \"+(state.accom||'Not specified'),\n      \"Travel window: \"+(state.timing||'Not specified'),\n      msg ? \"\\nAdditional notes:\\n\"+msg : \"\"\n    ].join(\"\\n\");\n  }\n\n  document.getElementById('ct-submit-email').addEventListener('click', function(){\n    var name = document.getElementById('ct-name').value.trim();\n    var email = document.getElementById('ct-email').value.trim();\n    if(!name||!email){ showStatus('Please fill in your name and email before sending.',false); return; }\n    var msg = buildMessage();\n    var subject = \"Custom tour request \u2014 \"+(state.duration||'Morocco')+\" from \"+(state.departure||'Morocco');\n    window.location.href = \"mailto:\"+EMAIL_TO+\"?subject=\"+encodeURIComponent(subject)+\"&body=\"+encodeURIComponent(msg);\n    showStatus(\"Your email client is opening with your request pre-filled. We'll get back to you within 24 hours.\",true);\n  });\n\n  document.getElementById('ct-submit-wa').addEventListener('click', function(){\n    var msg = buildMessage();\n    window.open(\"https:\/\/wa.me\/\"+WA_NUMBER+\"?text=\"+encodeURIComponent(msg),\"_blank\");\n    showStatus(\"Opening WhatsApp with your request pre-filled.\",true);\n  });\n\n  function showStatus(msg,ok){\n    var el = document.getElementById('ct-status');\n    el.textContent = msg;\n    el.className = 'ct-status show'+(ok?' ok':'');\n  }\n\n  updateProgress(1);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Definitely Morocco Tours Build your perfect Morocco trip Tell us what you&#8217;re looking for and we&#8217;ll craft a tailor-made itinerary<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29535","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/definitelymoroccotours.com\/fr\/wp-json\/wp\/v2\/pages\/29535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/definitelymoroccotours.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/definitelymoroccotours.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/definitelymoroccotours.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/definitelymoroccotours.com\/fr\/wp-json\/wp\/v2\/comments?post=29535"}],"version-history":[{"count":4,"href":"https:\/\/definitelymoroccotours.com\/fr\/wp-json\/wp\/v2\/pages\/29535\/revisions"}],"predecessor-version":[{"id":29539,"href":"https:\/\/definitelymoroccotours.com\/fr\/wp-json\/wp\/v2\/pages\/29535\/revisions\/29539"}],"wp:attachment":[{"href":"https:\/\/definitelymoroccotours.com\/fr\/wp-json\/wp\/v2\/media?parent=29535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}