{"id":493,"date":"2025-09-23T09:25:46","date_gmt":"2025-09-23T09:25:46","guid":{"rendered":"https:\/\/moroccotoptour.com\/?page_id=493"},"modified":"2026-04-19T22:51:41","modified_gmt":"2026-04-19T22:51:41","slug":"about-us","status":"publish","type":"page","link":"https:\/\/moroccotoptour.com\/de\/about-us\/","title":{"rendered":"\u00dcber"},"content":{"rendered":"<p><!-- Morocco Top Tour \u2013 About Section (isolated) --><\/p>\n<section aria-label=\"About Morocco Top Tour\"><!-- LEFT: reasons --><\/p>\n<aside>\n<h3>Why Choose Us<\/h3>\n<h2>Make your journey truly meaningful.<\/h2>\n<ul role=\"list\">\n<li><!-- map pin -->Top Morocco destinations<\/li>\n<li><!-- calendar -->Flexible travel packages<\/li>\n<li><!-- guide -->Expert local guides<\/li>\n<li><!-- shield -->Licensed &amp; insured transport<\/li>\n<li><!-- tag -->Transparent pricing<\/li>\n<\/ul>\n<p><a href=\"https:\/\/moroccotoptour.com\/Tour\/\"><br \/>\nReady to explore? \u2192<br \/>\n<\/a><\/p>\n<\/aside>\n<p><!-- CENTER: circle photo with badge --><\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-08-at-21.22.15fdfdf.jpeg\" alt=\"Guest enjoying a Morocco tour\" title=\"\"><\/figure>\n<p><strong>25+<\/strong><br \/>\nYears Experience<br \/>\n<!-- RIGHT: about copy + small image + mini badges --><\/p>\n<article>\n<header>\n<h3>Nomad Family Business<\/h3>\n<h2>Welcome to our nomadic family business<\/h2>\n<\/header>\n<p>Welcome to our nomadic family business, we are specialized in offering Morocco top tour experiences tailored for families, friends, and couples. With deep roots in the rich cultural heritage of Morocco, Hamza &amp; Mubarak as the owners of Morocco Top Tour agency aims to provide immersive tours that showcase the stunning diversity of our homeland.<\/p>\n<p>Whether you are drawn to the desert or the Atlas Mountains and ancient cities, Morocco Top Tour personalized services ensure a genuine connection to the heart and soul of Morocco.<\/p>\n<p>5\u2605 Rated Experiences<\/p>\n<p>24\/7 Support<\/p>\n<p>Flexible itineraries<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-19-at-14.59.56_cd5a475b.jpg\" alt=\"Beautiful Moroccan landscape\" title=\"\"><\/figure>\n<\/article>\n<\/section>\n<style>\n\/* ===== Isolated styles: About Section ===== *\/<br \/>\n.mtt-about {<br \/>\n  --mtt-bg:#ffffff; \/* CHANGED TO WHITE *\/<br \/>\n  --mtt-text:#0f172a;<br \/>\n  --mtt-muted:#475569;<br \/>\n  --mtt-accent:#ff7b00;<br \/>\n  position: relative;<br \/>\n  padding: clamp(32px, 6vw, 64px) 0;<br \/>\n  background: var(--mtt-bg); \/* ADDED BACKGROUND COLOR *\/<br \/>\n  color: var(--mtt-text);<br \/>\n}<br \/>\n.mtt-about .mtt-wrap{ width:min(1400px,92%); margin-inline:auto; display:grid; grid-template-columns: 1.05fr .9fr 1.2fr; gap: clamp(18px,2.6vw,32px); align-items:center; }<br \/>\n\/* Left card *\/<br \/>\n.mtt-about .mtt-card{<br \/>\n  background:#f8fafc;<br \/>\n  border:1px solid #e2e8f0;<br \/>\n  border-radius:24px;<br \/>\n  padding: clamp(18px,2.8vw,28px);<br \/>\n  box-shadow:0 6px 20px rgba(2,6,23,.06);<br \/>\n}<br \/>\n.mtt-about .mtt-eyebrow{<br \/>\n  font: 700 11px\/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;<br \/>\n  letter-spacing:.35px;<br \/>\n  text-transform:uppercase;<br \/>\n  color:#64748b;<br \/>\n  margin:0 0 6px;<br \/>\n}<br \/>\n.mtt-about .mtt-h2.mtt-custom-heading{<br \/>\n  margin:0 0 14px;<br \/>\n  font:800 clamp(22px,3.2vw,34px)\/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial;<br \/>\n  letter-spacing:-.02em;<br \/>\n  color:#000000 !important; \/* CHANGED TO BLACK *\/<br \/>\n}<br \/>\n.mtt-about .mtt-h2.mtt-custom-heading .mtt-accent{ color:var(--mtt-accent) !important; }<br \/>\n.mtt-about .mtt-list{ margin:14px 0 18px; padding:0; list-style:none; display:grid; gap:10px; }<br \/>\n.mtt-about .mtt-list li{<br \/>\n  display:flex;<br \/>\n  align-items:center;<br \/>\n  gap:10px;<br \/>\n  background:#fff;<br \/>\n  border:1px solid #e2e8f0;<br \/>\n  border-radius:12px;<br \/>\n  padding:10px 12px;<br \/>\n  font:600 14px\/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;<br \/>\n  color:#0f172a;<br \/>\n}<br \/>\n.mtt-about .mtt-ico{<br \/>\n  display:inline-grid;<br \/>\n  place-items:center;<br \/>\n  width:28px;<br \/>\n  height:28px;<br \/>\n  border-radius:999px;<br \/>\n  background:#fff7ed;<br \/>\n  color:var(--mtt-accent);<br \/>\n  border:1px solid #fed7aa;<br \/>\n}<br \/>\n.mtt-about .mtt-btn{<br \/>\n  display:inline-flex;<br \/>\n  align-items:center;<br \/>\n  gap:8px;<br \/>\n  padding:12px 16px;<br \/>\n  border-radius:14px;<br \/>\n  background:var(--mtt-accent);<br \/>\n  color:#fff;<br \/>\n  text-decoration:none;<br \/>\n  font:800 14px\/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;<br \/>\n  box-shadow:0 12px 30px rgba(255,123,0,.35);<br \/>\n}<br \/>\n.mtt-about .mtt-btn:hover{<br \/>\n  filter:brightness(.95);<br \/>\n  transform: translateY(-1px);<br \/>\n  transition:.15s ease;<br \/>\n}<br \/>\n\/* Center portrait *\/<br \/>\n.mtt-about .mtt-media{<br \/>\n  position:relative;<br \/>\n  display:grid;<br \/>\n  place-items:center;<br \/>\n}<br \/>\n.mtt-about .mtt-portrait{<br \/>\n  margin:0;<br \/>\n  width:min(360px, 60vw);<br \/>\n  aspect-ratio: 1\/1;<br \/>\n  border-radius:999px;<br \/>\n  overflow:hidden;<br \/>\n  border:10px solid #fff;<br \/>\n  box-shadow:0 12px 40px rgba(2,6,23,.12);<br \/>\n}<br \/>\n.mtt-about .mtt-portrait img{<br \/>\n  width:100%;<br \/>\n  height:100%;<br \/>\n  object-fit:cover;<br \/>\n  display:block;<br \/>\n}<br \/>\n.mtt-about .mtt-badge{<br \/>\n  position:absolute;<br \/>\n  right:-6px;<br \/>\n  top:10%;<br \/>\n  background:#0f172a;<br \/>\n  color:#fff;<br \/>\n  border-radius:20px;<br \/>\n  padding:10px 14px;<br \/>\n  text-align:center;<br \/>\n  box-shadow:0 10px 30px rgba(2,6,23,.25);<br \/>\n}<br \/>\n.mtt-about .mtt-badge strong{<br \/>\n  display:block;<br \/>\n  font:800 20px\/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;<br \/>\n}<br \/>\n.mtt-about .mtt-badge span{<br \/>\n  font:600 11px\/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial;<br \/>\n  opacity:.85;<br \/>\n}<br \/>\n\/* Right copy *\/<br \/>\n.mtt-about .mtt-head{ margin-bottom:8px; }<br \/>\n.mtt-about .mtt-accent{ color:var(--mtt-accent); }<br \/>\n.mtt-about .mtt-p{<br \/>\n  color:#475569;<br \/>\n  font:400 16px\/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial;<br \/>\n  margin:0 0 14px;<br \/>\n}<br \/>\n.mtt-about .mtt-mini{<br \/>\n  display:flex;<br \/>\n  flex-wrap:wrap;<br \/>\n  gap:10px;<br \/>\n  margin-bottom:14px;<br \/>\n}<br \/>\n.mtt-about .mtt-chip{<br \/>\n  display:inline-flex;<br \/>\n  align-items:center;<br \/>\n  gap:8px;<br \/>\n  padding:8px 12px;<br \/>\n  border-radius:999px;<br \/>\n  background:#f1f5f9;<br \/>\n  color:#0f172a;<br \/>\n  font:700 12px\/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;<br \/>\n  border:1px solid #e2e8f0;<br \/>\n}<br \/>\n.mtt-about .mtt-land{<br \/>\n  margin:0;<br \/>\n  border-radius:16px;<br \/>\n  overflow:hidden;<br \/>\n  border:1px solid #e2e8f0;<br \/>\n}<br \/>\n.mtt-about .mtt-land img{<br \/>\n  width:100%;<br \/>\n  height:220px;<br \/>\n  object-fit:cover;<br \/>\n  display:block;<br \/>\n}<br \/>\n\/* Responsive *\/<br \/>\n@media (max-width: 1024px){<br \/>\n  .mtt-about .mtt-wrap{ grid-template-columns: 1fr 1fr; }<br \/>\n  .mtt-about .mtt-media{ order:-1; }<br \/>\n}<br \/>\n@media (max-width: 720px){<br \/>\n  .mtt-about{ padding: 28px 0; }<br \/>\n  .mtt-about .mtt-wrap{ grid-template-columns: 1fr; }<br \/>\n  .mtt-about .mtt-portrait{ width:min(320px, 80vw); }<br \/>\n  .mtt-about .mtt-badge{ right: 8px; top: 8px; }<br \/>\n}<br \/>\n<\/style>\n<p><!-- Morocco Top Tour \u2013 Our Mission (mobile-optimized, images never hide) --><\/p>\n<section aria-label=\"Our Mission\"><!-- TEXT --><\/section>\n<p>Our Mission<\/p>\n<h2>Craft <strong>unforgettable<\/strong> journeys across Morocco.<\/h2>\n<p>We make travel effortless and meaningful\u2014combining <b>local expertise<\/b>, <b>licensed guides<\/b>, and<br \/>\n<b>safe transport<\/b> to deliver authentic experiences from Marrakech to the Sahara.<\/p>\n<ul role=\"list\">\n<li>Safety-first &amp; insured transport<\/li>\n<li>Real connections with culture &amp; nature<\/li>\n<li>Professional, English-speaking guides<\/li>\n<li>Sustainable, community-respectful travel<\/li>\n<\/ul>\n<p><strong>10k+<\/strong>Happy Travelers<br \/>\n<strong>4.9\/5<\/strong>Average Rating<br \/>\n<strong>100%<\/strong>Licensed &amp; Insured<br \/>\n<a href=\"https:\/\/moroccotoptour.com\/about\/\"><br \/>\nLearn more about us<br \/>\n<\/a><br \/>\n<!-- MEDIA --><\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-19-at-15.19.39_3e05e943.jpg\" alt=\"Camel caravan at sunset in the Moroccan desert\" title=\"\"><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-24-at-10.08.25_62e10977.jpg\" alt=\"Traveler exploring the streets of Marrakech\" title=\"\"><\/figure>\n<figure><img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-19-at-15.19.38_6b7b6843.jpg\" alt=\"Quad biking in Agafay Desert\" title=\"\"><\/figure>\n<p>Trusted Local Experts<\/p>\n<style>\n\/* ================= THEME-SAFE & MOBILE-FIRST ================= *\/<br \/>\n.mtt-mission, .mtt-mission * { box-sizing: border-box; }<br \/>\n.mtt-mission{<br \/>\n  --mtt-sand:#f7efe8;<br \/>\n  --mtt-orange:#ff7b00; --mtt-orange-700:#e66a00;<br \/>\n  --mtt-blue:#3b82f6;<br \/>\n  --mtt-ink:#0f172a; --mtt-muted:#475569; --mtt-card:#fff;<br \/>\n  background:#ffffff; \/* CHANGED FROM: var(--mtt-sand) *\/<br \/>\n  padding: clamp(24px,6vw,72px) 0;<br \/>\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;<br \/>\n  color:var(--mtt-ink);<br \/>\n  isolation:isolate;<br \/>\n}<br \/>\n\/* Layout: desktop = split; mobile = stacked with media first *\/<br \/>\n.mtt-mission__wrap{<br \/>\n  width:min(1200px,92%); margin-inline:auto;<br \/>\n  display:grid; gap: clamp(18px,4vw,40px);<br \/>\n  grid-template-columns:1.1fr 1fr; align-items:center;<br \/>\n}<br \/>\n@media (max-width: 960px){<br \/>\n  .mtt-mission__wrap{ grid-template-columns:1fr; }<br \/>\n  .mtt-mission__media{ order:-1; }<br \/>\n}<br \/>\n\/* ---------- Text ---------- *\/<br \/>\n.mtt-mission__eyebrow{<br \/>\n  display:inline-block; margin:0 0 10px; padding:6px 12px; border-radius:999px;<br \/>\n  background:rgba(0,0,0,.05); border:1px solid rgba(0,0,0,.08);<br \/>\n  color:#7c8796; font:800 11px\/1 system-ui; letter-spacing:.35px; text-transform:uppercase;<br \/>\n}<br \/>\n.mtt-mission__title{ margin:0 0 10px; font:900 clamp(26px,4.8vw,44px)\/1.08 system-ui; letter-spacing:-.02em; }<br \/>\n.mtt-mission__title strong{ color:var(--mtt-orange); }<br \/>\n.mtt-mission__lead{ margin:0 0 16px; color:var(--mtt-muted); font:500 clamp(15px,1.8vw,18px)\/1.6 system-ui; }<br \/>\n.mtt-mission__list{ list-style:none; margin:0 0 16px; padding:0; display:grid; gap:10px; }<br \/>\n.mtt-mission__list li{<br \/>\n  display:flex; align-items:center; gap:10px; background:var(--mtt-card);<br \/>\n  border:1px solid #e2e8f0; border-radius:14px; padding:10px 12px; font:600 14px\/1.25 system-ui;<br \/>\n}<br \/>\n.mtt-mission__ico{ display:grid; place-items:center; width:30px; height:30px; border-radius:10px;<br \/>\n  background:#fff7ed; border:1px solid #fed7aa; color:var(--mtt-orange); }<br \/>\n\/* KPIs *\/<br \/>\n.mtt-mission__kpis{ display:flex; flex-wrap:wrap; gap:10px; margin:4px 0 16px; }<br \/>\n.mtt-kpi{ background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:10px 12px; min-width:140px; }<br \/>\n.mtt-kpi strong{ font:900 18px\/1 system-ui; }<br \/>\n.mtt-kpi span{ font:700 11px\/1.2 system-ui; color:#64748b; text-transform:uppercase; letter-spacing:.3px; }<br \/>\n\/* CTA *\/<br \/>\n.mtt-mission__btn{<br \/>\n  display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border-radius:14px;<br \/>\n  background:var(--mtt-orange); color:#fff; text-decoration:none; font:900 14px\/1 system-ui;<br \/>\n  box-shadow:0 12px 30px rgba(255,123,0,.30);<br \/>\n}<br \/>\n.mtt-mission__btn:hover{ background:var(--mtt-orange-700); }<br \/>\n\/* ---------- Media collage ---------- *\/<br \/>\n.mtt-mission__media{<br \/>\n  position:relative; min-height:360px;<br \/>\n}<br \/>\n\/* Desktop: layered collage *\/<br \/>\n.mtt-photo{ margin:0; overflow:hidden; border-radius:20px; border:8px solid #fff;<br \/>\n  box-shadow:0 16px 40px rgba(2,6,23,.15); background:#ddd; }<br \/>\n.mtt-photo img{ width:100%; height:100%; object-fit:cover; display:block; }<br \/>\n\/* Tune the visible area (adjust % to taste) *\/<br \/>\n.mtt-photo--main img{ object-position:50% 45%; }   \/* slightly higher horizon *\/<br \/>\n.mtt-photo--top img{ object-position:50% 35%; }    \/* keep face\/subject high *\/<br \/>\n.mtt-photo--bottom img{ object-position:50% 50%; } \/* center *\/<br \/>\n.mtt-photo--main{ height: clamp(260px, 40vw, 420px); }<br \/>\n.mtt-photo--top{  position:absolute; right:-10px; top:-20px;   width:min(48%,260px); aspect-ratio:4\/3; }<br \/>\n.mtt-photo--bottom{position:absolute; left:-10px;  bottom:-28px; width:min(46%,240px); aspect-ratio:4\/3; }<br \/>\n.mtt-media__badge{<br \/>\n  position:absolute; left:12px; top:12px; display:inline-flex; align-items:center; gap:8px;<br \/>\n  padding:8px 12px; border-radius:999px; color:#fff;<br \/>\n  background:linear-gradient(135deg, var(--mtt-blue), #1e3a8a);<br \/>\n  border:1px solid rgba(255,255,255,.25); font:800 12px\/1 system-ui;<br \/>\n  box-shadow:0 8px 24px rgba(30,64,175,.25);<br \/>\n}<br \/>\n.mtt-media__badge i{ font-size:14px; }<br \/>\n\/* -------- Mobile layout: grid, nothing overlaps -------- *\/<br \/>\n@media (max-width: 640px){<br \/>\n  .mtt-mission{ padding: 22px 0; }<br \/>\n  .mtt-mission__lead{ font-size:15.5px; }<br \/>\n  .mtt-mission__list{ gap:8px; }<br \/>\n  .mtt-mission__kpis{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }<br \/>\n  .mtt-kpi{ min-width:0; }<br \/>\n  \/* Turn media into a small grid: main full width + two half tiles *\/<br \/>\n  .mtt-mission__media{<br \/>\n    display:grid; grid-template-columns: 1fr 1fr; gap:10px; min-height:initial;<br \/>\n  }<br \/>\n  .mtt-photo--main{ grid-column:1\/-1; height: clamp(220px, 58vw, 320px); }<br \/>\n  .mtt-photo--top,<br \/>\n  .mtt-photo--bottom{<br \/>\n    position:static; width:100%; aspect-ratio:4\/3; height:auto; border-width:6px;<br \/>\n  }<br \/>\n  \/* Keep badge anchored to the top-left of the main image area *\/<br \/>\n  .mtt-media__badge{<br \/>\n    grid-column:1\/-1; justify-self:start; align-self:start; position:relative; left:auto; top:auto; margin:8px;<br \/>\n  }<br \/>\n}<br \/>\n<\/style>\n<p><!-- Morocco Top Tour \u2013 Why Choose Us (3 icon boxes, theme-safe) --><\/p>\n<section aria-label=\"Why Choose Us\">\n<header>Why Choose Us<\/p>\n<h2>Travel with <strong>confidence<\/strong><\/h2>\n<p>Premium service, trusted experts, and clear value on every journey.<\/p>\n<\/header>\n<p><!-- Box 1 --><\/p>\n<article role=\"listitem\">\n<h3>Expert Local Guides<\/h3>\n<p>Certified, English-speaking professionals who know Morocco&#8217;s hidden gems.<\/p>\n<\/article>\n<p><!-- Box 2 --><\/p>\n<article role=\"listitem\">\n<h3>Licensed &amp; Insured Transport<\/h3>\n<p>Comfort &amp; safety first\u2014modern vehicles, full insurance, and door-to-door pick-up.<\/p>\n<\/article>\n<p><!-- Box 3 --><\/p>\n<article role=\"listitem\">\n<h3>Transparent Pricing &amp; Support<\/h3>\n<p>Clear inclusions, fair rates, and friendly assistance\u2014before and during your tour.<\/p>\n<\/article>\n<\/section>\n<style>\n\/* ===== Theme-safe, scoped styles ===== *\/<br \/>\n.mtt-why3, .mtt-why3 * { box-sizing: border-box; }<br \/>\n.mtt-why3{<br \/>\n  --mtt-bg:#ffffff;<br \/>\n  --mtt-ink:#0f172a;<br \/>\n  --mtt-muted:#64748b;<br \/>\n  --mtt-border:#e2e8f0;<br \/>\n  --mtt-orange:#ff7b00;<br \/>\n  --mtt-orange-700:#e66a00;<br \/>\n  --mtt-blue:#3b82f6;<br \/>\n  background: #ffffff; \/* ADDED WHITE BACKGROUND *\/<br \/>\n  padding: clamp(28px,6vw,72px) 0;<br \/>\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;<br \/>\n  color: var(--mtt-ink);<br \/>\n  isolation:isolate;<br \/>\n}<br \/>\n.mtt-why3__wrap{ width:min(1100px,92%); margin-inline:auto; }<br \/>\n\/* Header *\/<br \/>\n.mtt-why3__header{ text-align:center; margin-bottom: clamp(16px,3.5vw,30px); }<br \/>\n.mtt-why3__eyebrow{<br \/>\n  display:inline-block; padding:6px 12px; border-radius:999px;<br \/>\n  background: rgba(0,0,0,.04); border:1px solid rgba(0,0,0,.08);<br \/>\n  color:#7c8796; font:800 11px\/1 system-ui; letter-spacing:.35px; text-transform:uppercase;<br \/>\n}<br \/>\n.mtt-why3__title{<br \/>\n  margin:10px 0 6px; font:900 clamp(24px,4.5vw,40px)\/1.08 system-ui; letter-spacing:-.02em;<br \/>\n  color: #000000 !important; text-align:center; \/* CHANGED TO BLACK FOR \"Travel with\" *\/<br \/>\n}<br \/>\n.mtt-why3__title strong{ color: var(--mtt-orange) !important; }<br \/>\n.mtt-why3__lead{<br \/>\n  margin:0; color: var(--mtt-muted); font:500 clamp(14px,1.8vw,17px)\/1.55 system-ui;<br \/>\n}<br \/>\n\/* Grid of 3 *\/<br \/>\n.mtt-why3__grid{<br \/>\n  display:grid; gap: clamp(14px,2.2vw,18px);<br \/>\n  grid-template-columns: repeat(3, 1fr);<br \/>\n  margin-top: clamp(16px,3vw,24px);<br \/>\n}<br \/>\n@media (max-width: 900px){ .mtt-why3__grid{ grid-template-columns: 1fr 1fr; } }<br \/>\n@media (max-width: 560px){ .mtt-why3__grid{ grid-template-columns: 1fr; } }<br \/>\n\/* Cards *\/<br \/>\n.mtt-why3__card{<br \/>\n  background:#fff; border:1px solid var(--mtt-border); border-radius:16px;<br \/>\n  padding:18px; text-align:center;<br \/>\n  box-shadow: 0 8px 22px rgba(2,6,23,.06);<br \/>\n  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;<br \/>\n}<br \/>\n.mtt-why3__card:hover{<br \/>\n  transform: translateY(-3px);<br \/>\n  box-shadow: 0 14px 36px rgba(2,6,23,.12);<br \/>\n  border-color: rgba(255,123,0,.45);<br \/>\n}<br \/>\n\/* Icon badge *\/<br \/>\n.mtt-why3__icon{<br \/>\n  width:56px; height:56px; border-radius:16px; margin:2px auto 10px;<br \/>\n  display:grid; place-items:center; color:#fff; font-size:22px;<br \/>\n  background: linear-gradient(135deg, var(--mtt-orange), var(--mtt-orange-700));<br \/>\n  box-shadow: 0 8px 22px rgba(255,123,0,.25);<br \/>\n}<br \/>\n.mtt-why3__icon--blue{<br \/>\n  background: linear-gradient(135deg, var(--mtt-blue), #1e3a8a);<br \/>\n  box-shadow: 0 8px 22px rgba(59,130,246,.25);<br \/>\n}<br \/>\n.mtt-why3__card-title{<br \/>\n  margin:6px 0 6px; font:900 18px\/1.25 system-ui; letter-spacing:-.01em; color:var(--mtt-ink);<br \/>\n}<br \/>\n.mtt-why3__card-text{<br \/>\n  margin:0; color: var(--mtt-muted); font:600 14px\/1.55 system-ui;<br \/>\n}<br \/>\n<\/style>\n<style>\n    \/* ============ Reset & root ============ *\/<br \/>\n    .tour-popup * { box-sizing: border-box; margin: 0; padding: 0; }<br \/>\n    .tour-popup {<br \/>\n      --orange: #f59e0b; \/* orange button *\/<br \/>\n      --orange-dark: #d97706;<br \/>\n      --bg-dark: #0f172a;<br \/>\n      --text: #0f172a;<br \/>\n      --subtext: #475569;<br \/>\n      --muted: #e2e8f0;<br \/>\n      --ring: rgba(245, 158, 11, 0.2);<br \/>\n      --ok: #10b981;<br \/>\n      --error: #ef4444;<br \/>\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Apple Color Emoji\", \"Segoe UI Emoji\";<br \/>\n    }<br \/>\n    \/* ============ Floating button ============ *\/<br \/>\n    .tour-popup .floating-btn {<br \/>\n      position: fixed; right: 24px; bottom: 24px; width: 68px; height: 68px;<br \/>\n      border-radius: 999px; border: 0; cursor: pointer; z-index: 9998;<br \/>\n      background: var(--orange); color: #fff; box-shadow: 0 12px 24px rgba(245, 158, 11, .35);<br \/>\n      display: grid; place-items: center; font-size: 1.6rem; transition: .2s ease;<br \/>\n    }<br \/>\n    .tour-popup .floating-btn:hover { transform: translateY(-3px); background: var(--orange-dark); }<br \/>\n    \/* ============ Overlay & container ============ *\/<br \/>\n    .tour-popup .overlay { position: fixed; inset: 0; background: rgba(2,6,23,.65); backdrop-filter: blur(4px); display: none; z-index: 9999; }<br \/>\n    .tour-popup .overlay.active { display: grid; place-items: center; }<br \/>\n    .tour-popup .card { width: 95%; max-width: 760px; max-height: 92vh; overflow: auto; background: #fff; border-radius: 16px; box-shadow: 0 24px 44px rgba(0,0,0,.2); animation: pop .25s ease; }<br \/>\n    @keyframes pop { from { transform: scale(.96); opacity: 0 } to { transform: scale(1); opacity: 1 } }<br \/>\n    \/* ============ Header ============ *\/<br \/>\n    .tour-popup .header { padding: 18px 22px; background: linear-gradient(135deg, #f59e0b, #fb923c); color: #fff; border-radius: 16px 16px 0 0; display: flex; align-items: center; justify-content: space-between; }<br \/>\n    .tour-popup .header h2 { font-size: 1.2rem; font-weight: 700; letter-spacing: .2px; }<br \/>\n    .tour-popup .close { width: 36px; height: 36px; border-radius: 999px; border: 0; background: rgba(255,255,255,.18); color: #fff; display: grid; place-items: center; cursor: pointer; }<br \/>\n    \/* ============ Steps ============ *\/<br \/>\n    .tour-popup .content { padding: 22px; }<br \/>\n    .tour-popup .steps { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }<br \/>\n    .tour-popup .step { height: 6px; background: #f1f5f9; border-radius: 999px; position: relative; overflow: hidden; }<br \/>\n    .tour-popup .step::after { content: \"\"; position: absolute; inset: 0; width: 0%; background: var(--orange); transition: width .25s ease; }<br \/>\n    .tour-popup .step.active::after { width: 100%; }<br \/>\n    \/* ============ Form ============ *\/<br \/>\n    .tour-popup .form-step { display: none; }<br \/>\n    .tour-popup .form-step.active { display: block; }<br \/>\n    .tour-popup .group { margin-bottom: 16px; }<br \/>\n    .tour-popup label { display: block; font-weight: 600; color: var(--text); margin-bottom: 8px; }<br \/>\n    .tour-popup .hint { font-size: .9rem; color: var(--subtext); margin-top: 6px; }<br \/>\n    .tour-popup input[type=\"text\"],<br \/>\n    .tour-popup input[type=\"email\"],<br \/>\n    .tour-popup input[type=\"tel\"],<br \/>\n    .tour-popup input[type=\"number\"],<br \/>\n    .tour-popup select,<br \/>\n    .tour-popup textarea {<br \/>\n      width: 100%; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 10px; font-size: 1rem; color: var(--text);<br \/>\n      transition: border-color .15s ease, box-shadow .15s ease;<br \/>\n    }<br \/>\n    .tour-popup textarea { min-height: 110px; resize: vertical; }<br \/>\n    .tour-popup input:focus, .tour-popup select:focus, .tour-popup textarea:focus { outline: none; border-color: var(--orange); box-shadow: 0 0 0 3px var(--ring); }<br \/>\n    .tour-popup .row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }<br \/>\n    @media (max-width: 640px) { .tour-popup .row { grid-template-columns: 1fr; } }<br \/>\n    .tour-popup .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }<br \/>\n    .tour-popup .chip { background: #fff7ed; border: 1px solid #fed7aa; color: #7c2d12; padding: 6px 10px; border-radius: 999px; font-size: .9rem; display: inline-flex; align-items: center; gap: 6px; }<br \/>\n    .tour-popup .chip button { border: 0; background: transparent; cursor: pointer; color: inherit; }<br \/>\n    .tour-popup .activities { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }<br \/>\n    .tour-popup .activity { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; }<br \/>\n    .tour-popup .activity input { width: 18px; height: 18px; }<br \/>\n    .tour-popup .error { color: var(--error); font-size: .9rem; margin-top: 6px; display: none; }<br \/>\n    .tour-popup .actions { display: flex; gap: 10px; margin-top: 16px; }<br \/>\n    .tour-popup .btn { appearance: none; border: 0; border-radius: 10px; padding: 12px 16px; font-weight: 700; cursor: pointer; }<br \/>\n    .tour-popup .btn.primary { background: var(--orange); color: #fff; }<br \/>\n    .tour-popup .btn.primary:hover { background: var(--orange-dark); }<br \/>\n    .tour-popup .btn.ghost { background: #fff; border: 1px solid #e5e7eb; color: var(--text); }<br \/>\n    \/* ============ Success ============ *\/<br \/>\n    .tour-popup .success { text-align: center; padding: 36px 20px; display: none; }<br \/>\n    .tour-popup .success i { font-size: 3rem; color: var(--ok); margin-bottom: 12px; }<br \/>\n    .tour-popup .success h3 { font-size: 1.4rem; margin-bottom: 8px; }<br \/>\n    .tour-popup .success p { color: var(--subtext); }<br \/>\n  <\/style>\n<p><!-- Floating action button (orange) --><br \/>\n<button id=\"openTourPopup\" aria-label=\"Request a custom tour\"><br \/>\n<\/button><br \/>\n<!-- Overlay \/ Modal --><\/p>\n<h2 id=\"tourTitle\">Plan Your Custom Morocco Tour<\/h2>\n<p><button id=\"closeTourPopup\" aria-label=\"Close\"><br \/>\n<\/button><br \/>\n<!-- progress --><br \/>\n<!-- Success screen --><\/p>\n<h3>Thank you! Your request was sent.<\/h3>\n<p>We\u2019ll get back to you shortly to confirm the details.<\/p>\n<p><button id=\"successClose\">Close<\/button><br \/>\n<!-- Form --><\/p>\n<form id=\"tourForm\"><!-- STEP 1: Contact + Tour name + Cities --><\/form>\n<section id=\"step1\"><label for=\"tour_name\">Tour name *<\/label><br \/>\n<input id=\"tour_name\" name=\"tour_name\" required=\"\" type=\"text\" placeholder=\"e.g., Sahara &amp; Imperial Cities\" \/><br \/>\nPlease enter a tour name.<br \/>\n<label for=\"full_name\">Full name *<\/label><br \/>\n<input id=\"full_name\" name=\"full_name\" required=\"\" type=\"text\" placeholder=\"Your name\" \/><br \/>\nPlease enter your name.<br \/>\n<label for=\"email\">Email *<\/label><br \/>\n<input id=\"email\" name=\"email\" required=\"\" type=\"email\" placeholder=\"you@example.com\" \/><br \/>\nEnter a valid email.<br \/>\n<label for=\"phone\">Phone *<\/label><br \/>\n<input id=\"phone\" name=\"phone\" required=\"\" type=\"tel\" placeholder=\"+212 6 00 00 00 00\" \/><br \/>\nPlease enter your phone number.<br \/>\n<label>Cities to visit (add up to 30) *<\/label><select><!-- options injected by JS --><\/select><\/p>\n<p><button id=\"addCityBtn\" type=\"button\">\u00a0Add city<\/button><br \/>\nPopular: Marrakech, Fes, Chefchaouen, Merzouga (Sahara), Ouarzazate, Essaouira, Agadir, Atlas Mountains, Tangier, Rabat, Casablanca, Meknes, A\u00eft Benhaddou, Dades\/Todra Gorges, Dakhla, Oualidia\u2026<br \/>\nAdd at least one city.<br \/>\n<button id=\"toStep2\" type=\"button\">Continue<\/button><\/p>\n<\/section>\n<p><!-- STEP 2: Trip details + Activities + Message & Submit --><\/p>\n<section id=\"step2\"><label for=\"days\">How many days? *<\/label><br \/>\n<input id=\"days\" min=\"1\" name=\"days\" required=\"\" step=\"1\" type=\"number\" placeholder=\"e.g., 7\" \/><br \/>\nEnter at least 1 day.<br \/>\n<label for=\"people\">How many people? (min 2) *<\/label><br \/>\n<input id=\"people\" min=\"2\" name=\"people\" required=\"\" step=\"1\" type=\"number\" placeholder=\"2\" \/><br \/>\nAt least 2 people.<br \/>\n<label>Activities (optional)<\/label><br \/>\n<label><input type=\"checkbox\" value=\"Camel Trek\" \/><br \/>\nCamel trek<\/label><br \/>\n<label><input type=\"checkbox\" value=\"Quad Biking\" \/><br \/>\nQuad biking<\/label><br \/>\n<label><input type=\"checkbox\" value=\"Sandboarding\" \/><br \/>\nSandboarding<\/label><br \/>\n<label><input type=\"checkbox\" value=\"Air Balloon\" \/><br \/>\nAir balloon<\/label><br \/>\n<label for=\"message\">Message (optional)<\/label><br \/>\n<textarea id=\"message\" name=\"message\" placeholder=\"Tell us anything else\u2026\"><\/textarea><br \/>\n<button id=\"backTo1\" type=\"button\">Back<\/button><br \/>\n<button id=\"submitBtn\" type=\"submit\">\u00a0Send request<\/button><\/section>\n<p><!-- hidden field to store cities --><br \/>\n<input id=\"cities\" name=\"cities\" type=\"hidden\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Why Choose Us Make your journey truly meaningful. Top Morocco destinations &#8230; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-493","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotoptour.com\/de\/wp-json\/wp\/v2\/pages\/493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotoptour.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotoptour.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotoptour.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotoptour.com\/de\/wp-json\/wp\/v2\/comments?post=493"}],"version-history":[{"count":18,"href":"https:\/\/moroccotoptour.com\/de\/wp-json\/wp\/v2\/pages\/493\/revisions"}],"predecessor-version":[{"id":981,"href":"https:\/\/moroccotoptour.com\/de\/wp-json\/wp\/v2\/pages\/493\/revisions\/981"}],"wp:attachment":[{"href":"https:\/\/moroccotoptour.com\/de\/wp-json\/wp\/v2\/media?parent=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}