{"id":12,"date":"2025-09-21T12:40:45","date_gmt":"2025-09-21T12:40:45","guid":{"rendered":"https:\/\/moroccotoptour.com\/?page_id=12"},"modified":"2026-04-02T21:35:11","modified_gmt":"2026-04-02T21:35:11","slug":"home","status":"publish","type":"page","link":"https:\/\/moroccotoptour.com\/zh\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b4b08c e-con-full e-flex e-con e-parent\" data-id=\"8b4b08c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c62b55 elementor-widget elementor-widget-html\" data-id=\"7c62b55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wq2-hero\" role=\"banner\" aria-label=\"MoroccoTopTour banner\">\r\n  <!-- Slideshow container -->\r\n  <div class=\"wq2-slideshow\" aria-hidden=\"true\">\r\n    <div class=\"wq2-slide active\" style=\"background-image: url('https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-19-at-15.19.38_6b7b6843.jpg')\"><\/div>\r\n    <div class=\"wq2-slide\" style=\"background-image: url('https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-19-at-15.19.39_b7262098.jpg')\"><\/div>\r\n    <div class=\"wq2-slide\" style=\"background-image: url('https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-19-at-15.19.19_996d580d-1.jpg')\"><\/div>\r\n    <div class=\"wq2-slide\" style=\"background-image: url('https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-19-at-14.59.56_cd5a475b.jpg')\"><\/div>\r\n    <!-- New images added below -->\r\n    <div class=\"wq2-slide\" style=\"background-image: url('https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-24-at-10.08.25_62e10977.jpg')\"><\/div>\r\n    <div class=\"wq2-slide\" style=\"background-image: url('https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-24-at-10.08.26_2eb5733c.jpg')\"><\/div>\r\n    <div class=\"wq2-slide\" style=\"background-image: url('https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-24-at-10.08.25_d5ac121a.jpg')\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"wq2-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wq2-container\">\r\n    <div class=\"wq2-stack\">\r\n      <div class=\"wq2-eyebrow\" aria-hidden=\"true\"><span>Adventure Awaits<\/span><\/div>\r\n\r\n      <h1 class=\"wq2-title\">\r\n        Welcome to <strong>Morocco Top Tour<\/strong>, your gateway to the Sahara Desert.\r\n      <\/h1>\r\n\r\n      <p class=\"wq2-subtitle\">\r\n        Experience unforgettable trekking in Sahara and adventure tours including quad biking, camel rides, and desert excursions.\r\n      <\/p>\r\n\r\n      <div class=\"wq2-actions\">\r\n        <a class=\"wq2-btn wq2-btn-primary\" href=\"https:\/\/moroccotoptour.com\/tour\/\">Book Your Experience<\/a>\r\n        <a class=\"wq2-btn wq2-btn-secondary\" href=\"https:\/\/moroccotoptour.com\/contact\/\">Contact us<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"wq2-trust\" aria-label=\"Trust indicators\">\r\n        <span>\u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f\u2b50\ufe0f <b>Top-rated Desert Tours<\/b><\/span>\r\n        <span>\u2713 <b>Door-to-door pick-up<\/b> in Marrakech<\/span>\r\n        <span>\ud83d\uddfa\ufe0f <b>Multiple adventure activities<\/b> included<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== All variables & styles scoped to .wq2-hero ONLY ===== *\/\r\n.wq2-hero{\r\n  --wq2-text:#f8fafc; --wq2-muted:#cbd5e1;\r\n  --wq2-primary:#ff7b00; --wq2-primary-700:#e66a00;\r\n  --wq2-secondary:#3b82f6; --wq2-secondary-700:#2563eb;\r\n  --wq2-glass:rgba(255,255,255,.08);\r\n\r\n  position:relative; width:100%;\r\n  min-height:100vh; overflow:hidden; isolation:isolate;\r\n  color:var(--wq2-text);\r\n  background:#0b1220;\r\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\r\n}\r\n\r\n\/* Slideshow styles *\/\r\n.wq2-slideshow {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -3;\r\n}\r\n\r\n.wq2-slide {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  opacity: 0;\r\n  transition: opacity 1.5s ease-in-out;\r\n  filter: saturate(1.05) contrast(1.02) brightness(0.85);\r\n}\r\n\r\n.wq2-slide.active {\r\n  opacity: 1;\r\n}\r\n\r\n.wq2-overlay{ \r\n  position:absolute; \r\n  inset:0; \r\n  z-index:-1;\r\n  background: rgba(0, 0, 0, 0.6); \/* CHANGED TO BLACK OVERLAY *\/\r\n}\r\n\r\n.wq2-container{ width:min(1120px,92%); margin-inline:auto; }\r\n.wq2-stack{ display:grid; gap:22px; padding:88px 0 40px; text-align:center; }\r\n\r\n.wq2-eyebrow{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px;\r\n  border-radius:999px; background:var(--wq2-glass); backdrop-filter: blur(6px);\r\n  border:1px solid rgba(255,255,255,.15); width:max-content; margin-inline:auto;\r\n}\r\n.wq2-eyebrow span{ font-size:12px; letter-spacing:.3px; text-transform:uppercase; color:var(--wq2-muted); font-weight:700; }\r\n\r\n\/* FIXED TITLE COLORS *\/\r\n.wq2-title{\r\n  font-size:clamp(28px,5vw,56px);\r\n  line-height:1.05;\r\n  font-weight:800;\r\n  margin:0;\r\n  letter-spacing:-.02em;\r\n  color:#fff;            \/* Force white *\/\r\n}\r\n.wq2-title strong{\r\n  color:#ff7b00;         \/* Accent orange *\/\r\n}\r\n\r\n.wq2-subtitle{ max-width:70ch; margin:0 auto; color:var(--wq2-muted); font-size:clamp(14px,1.7vw,18px); }\r\n\r\n.wq2-actions{ display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:8px; }\r\n.wq2-btn{ appearance:none; border:0; cursor:pointer; padding:14px 18px; border-radius:16px;\r\n  font-weight:800; text-decoration:none; transition: transform .12s ease, box-shadow .12s ease, background .12s ease;\r\n}\r\n.wq2-btn-primary{ background:var(--wq2-primary); color:#fff; box-shadow:0 10px 26px rgba(255,123,0,.45); }\r\n.wq2-btn-primary:hover{ transform: translateY(-1px); box-shadow:0 16px 40px rgba(255,123,0,.45); background:var(--wq2-primary-700); }\r\n.wq2-btn-secondary{ background:var(--wq2-secondary); color:#fff; box-shadow:0 10px 26px rgba(59,130,246,.45); }\r\n.wq2-btn-secondary:hover{ transform: translateY(-1px); box-shadow:0 16px 40px rgba(59,130,246,.45); background:var(--wq2-secondary-700); }\r\n\r\n.wq2-trust{ display:flex; justify-content:center; gap:20px; align-items:center; flex-wrap:wrap; margin-top:8px; color:var(--wq2-muted); }\r\n.wq2-trust b{ color:var(--wq2-text); }\r\n\r\n@media (max-width:860px){\r\n  .wq2-stack{ padding-top:120px; }\r\n  .wq2-trust{ flex-direction:column; gap:12px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Simple slideshow functionality\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const slides = document.querySelectorAll('.wq2-slide');\r\n  let currentSlide = 0;\r\n  \r\n  function nextSlide() {\r\n    slides[currentSlide].classList.remove('active');\r\n    currentSlide = (currentSlide + 1) % slides.length;\r\n    slides[currentSlide].classList.add('active');\r\n  }\r\n  \r\n  \/\/ Change slide every 5 seconds\r\n  setInterval(nextSlide, 5000);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bbd868 e-flex e-con-boxed e-con e-parent\" data-id=\"6bbd868\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70f343b elementor-widget elementor-widget-html\" data-id=\"70f343b\" data-element_type=\"widget\" data-e-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\">\r\n    <title>Morocco Top Tour - Category Banners<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        \/* ===== Morocco Top Tour Category Styles ===== *\/\r\n        .mtt-cats-v2, .mtt-cats-v2 * { box-sizing: border-box; }\r\n        .mtt-cats-v2{\r\n          --mtt-orange:#ff7b00; --mtt-orange-700:#e66a00;\r\n          --mtt-blue:#3b82f6; --mtt-blue-700:#2563eb;\r\n          --mtt-bg:#ffffff; \/* CHANGED FROM #0b1220 TO #ffffff *\/\r\n          --mtt-white:#fff; --mtt-muted:#94a3b8;\r\n          --mtt-black:#0f172a; --mtt-grey:#334155;\r\n\r\n          position:relative; isolation:isolate;\r\n          padding: clamp(24px,5vw,50px) 0;\r\n          background-color: var(--mtt-bg);\r\n          font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial !important;\r\n        }\r\n        .mtt-cats-v2 a { text-decoration: none !important; color: inherit !important; }\r\n        .mtt-cats-v2__wrap{ width:min(1200px,92%); margin-inline:auto; }\r\n\r\n        \/* Title *\/\r\n        .mtt-cats-v2__header{ text-align:center; margin-bottom: clamp(20px,3vw,30px); }\r\n        .mtt-eyebrow-v2{\r\n          display:inline-block; padding:8px 16px; border-radius:999px;\r\n          background: rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12); \r\n          color: var(--mtt-white) !important;\r\n          font:700 12px\/1 system-ui; letter-spacing:.5px; text-transform:uppercase; \r\n          margin-bottom:12px;\r\n        }\r\n        .mtt-heading-v2{\r\n          margin:0;\r\n          color: #000000 !important; \/* CHANGED TO BLACK FOR \"ADVENTURE\" *\/\r\n          font:900 clamp(26px,4.5vw,42px)\/1.1 system-ui !important;\r\n          letter-spacing:-.02em; text-align:center !important;\r\n        }\r\n        .mtt-heading-v2 strong{ color: var(--mtt-orange) !important; }\r\n\r\n        \/* Desktop\/tablet grid *\/\r\n        .mtt-cats-v2__track{\r\n          display:grid; gap: clamp(16px,2.8vw,24px);\r\n          grid-template-columns: repeat(3, 1fr);\r\n        }\r\n        @media (max-width:980px){ .mtt-cats-v2__track{ grid-template-columns: repeat(2, 1fr); } }\r\n\r\n        \/* Tile *\/\r\n        .mtt-cat-v2{\r\n          position:relative; display:grid; place-content:end; min-height: clamp(240px, 38vh, 360px);\r\n          border-radius:16px; overflow:hidden; color:var(--mtt-white);\r\n          background:#0f172a; \r\n          border: 1px solid rgba(255,255,255,0.1);\r\n          box-shadow:0 8px 24px rgba(0,0,0,0.2);\r\n          transition: all 0.3s ease;\r\n        }\r\n        .mtt-cat-v2:hover{ \r\n          transform: translateY(-6px); \r\n          box-shadow:0 16px 40px rgba(0,0,0,0.3);\r\n          border-color: rgba(255,123,0,0.3);\r\n        }\r\n\r\n        \/* Video always covers *\/\r\n        .mtt-cat-v2__video{\r\n          position:absolute; inset:0; width:100%; height:100%;\r\n          object-fit:cover; object-position:center;\r\n          filter:brightness(.85) contrast(1.05) saturate(1.1);\r\n          transition: transform 1.2s ease;\r\n        }\r\n        .mtt-cat-v2:hover .mtt-cat-v2__video{ transform: scale(1.08); }\r\n\r\n        .mtt-cat-v2__overlay{\r\n          position:absolute; inset:0;\r\n          background: linear-gradient(180deg, rgba(11,18,32,0.2) 0%, rgba(11,18,32,0.85) 100%);\r\n          z-index: 1;\r\n        }\r\n\r\n        \/* Head (icon + badge) *\/\r\n        .mtt-cat-v2__head{\r\n          position:absolute; top:16px; left:16px; right:16px;\r\n          display:flex; align-items:center; justify-content:space-between; gap:12px;\r\n          z-index: 3;\r\n        }\r\n        .mtt-cat-v2__icon{\r\n          display:grid; place-items:center; width:44px; height:44px; border-radius:12px;\r\n          background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2);\r\n          backdrop-filter: blur(8px); font-size:18px;\r\n        }\r\n        .mtt-cat-v2__badge{\r\n          margin-left:auto; padding:8px 16px; border-radius:999px; color:#fff !important;\r\n          font:800 12px\/1 system-ui; letter-spacing:.5px; text-transform:uppercase;\r\n          border:1px solid rgba(255,255,255,.2);\r\n          backdrop-filter: blur(4px);\r\n        }\r\n        .mtt-cat-v2__badge--orange{ background: var(--mtt-orange); }\r\n        .mtt-cat-v2__badge--blue{ background: var(--mtt-blue); }\r\n\r\n        \/* Content *\/\r\n        .mtt-cat-v2__content{ position:relative; padding: 20px; z-index:2; }\r\n        .mtt-cat-v2__title{\r\n          margin:0 0 8px; font:800 clamp(20px,2.4vw,28px)\/1.15 system-ui; letter-spacing:-.02em;\r\n          color:#fff !important;\r\n        }\r\n        .mtt-cat-v2__title strong{ color: var(--mtt-orange) !important; }\r\n        .mtt-cat-v2__sub{ \r\n          margin:0 0 16px; color:var(--mtt-muted) !important; \r\n          font:500 clamp(14px,1.6vw,16px)\/1.5 system-ui; \r\n        }\r\n        .mtt-btn-v2{\r\n          display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border-radius:12px;\r\n          font:800 14px\/1 system-ui; background: var(--mtt-orange) !important; color:#fff !important;\r\n          box-shadow:0 8px 20px rgba(0,0,0,0.25); user-select:none;\r\n          transition: all 0.2s ease;\r\n        }\r\n        .mtt-btn-v2:hover{ \r\n          background: var(--mtt-orange-700) !important; \r\n          transform: translateY(-2px);\r\n          box-shadow:0 10px 25px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        \/* Mobile: convert to carousel + show dots, hide scrollbar *\/\r\n        @media (max-width:640px){\r\n          .mtt-cats-v2__track{\r\n            display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;\r\n            padding-bottom:16px;\r\n            scrollbar-width: none;          \/* Firefox *\/\r\n            -ms-overflow-style: none;       \/* IE\/Edge *\/\r\n          }\r\n          .mtt-cats-v2__track::-webkit-scrollbar{ display:none; } \/* WebKit *\/\r\n          .mtt-cat-v2{ min-width: 88%; scroll-snap-align:center; }\r\n          .mtt-cats-v2__dots{ display:flex !important; }\r\n        }\r\n        @media (min-width:641px){ .mtt-cats-v2__dots{ display:none !important; } }\r\n\r\n        \/* --- Minimal, professional round dots (mobile) --- *\/\r\n        .mtt-cats-v2__dots{\r\n          justify-content:center; gap:10px; align-items:center;\r\n          margin-top:16px;\r\n          display: none; \/* Hidden by default, shown on mobile *\/\r\n        }\r\n        .mtt-cats-v2__dots button{\r\n          width:12px; height:12px; border-radius:50%;\r\n          background:#475569;           \/* grey (inactive) *\/\r\n          border:0; cursor:pointer; opacity:.85;\r\n          transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;\r\n        }\r\n        .mtt-cats-v2__dots button[aria-selected=\"true\"]{\r\n          background:#ff7b00;           \/* orange (active) *\/\r\n          opacity:1; transform:scale(1.12);\r\n          box-shadow:0 0 0 4px rgba(255,123,0,0.25);  \/* soft halo *\/\r\n        }\r\n\r\n        \/* Respect reduced motion *\/\r\n        @media (prefers-reduced-motion: reduce){\r\n          .mtt-cat-v2, .mtt-cat-v2__video, .mtt-btn-v2{ transition:none !important; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"mtt-cats-v2\" aria-label=\"Browse by category\">\r\n        <div class=\"mtt-cats-v2__wrap\">\r\n        \r\n            <!-- Section Title -->\r\n            <header class=\"mtt-cats-v2__header\">\r\n            <p class=\"mtt-eyebrow-v2\">Browse by Category<\/p>\r\n            <h2 class=\"mtt-heading-v2\">ADVENTURE <strong>AWAITS<\/strong><\/h2>\r\n            <\/header>\r\n        \r\n            <!-- TRACK (grid on desktop, touch carousel on mobile) -->\r\n            <div class=\"mtt-cats-v2__track\" id=\"mttCatsTrackV2\">\r\n            <!-- TREKKING -->\r\n            <a class=\"mtt-cat-v2\" href=\"https:\/\/moroccotoptour.com\/trekking\/\">\r\n                <video class=\"mtt-cat-v2__video\" autoplay muted loop playsinline>\r\n                    <source src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/PinDown.io_@marrakechtraveladventure_1758574230.mp4\" type=\"video\/mp4\">\r\n                <\/video>\r\n                <div class=\"mtt-cat-v2__overlay\"><\/div>\r\n                <div class=\"mtt-cat-v2__head\">\r\n                <span class=\"mtt-cat-v2__icon\"><i class=\"fa-solid fa-person-hiking\" aria-hidden=\"true\"><\/i><\/span>\r\n                <span class=\"mtt-cat-v2__badge mtt-cat-v2__badge--blue\">Trekking<\/span>\r\n                <\/div>\r\n                <div class=\"mtt-cat-v2__content\">\r\n                <h3 class=\"mtt-cat-v2__title\">Sahara <strong>Trekking<\/strong><\/h3>\r\n                <p class=\"mtt-cat-v2__sub\">Guided trails \u2022 Scenic valleys \u2022 Local lunch<\/p>\r\n                <span class=\"mtt-btn-v2 mtt-btn-v2--primary\"><i class=\"fa-solid fa-magnifying-glass\"><\/i> Explore Trekking<\/span>\r\n                <\/div>\r\n            <\/a>\r\n        \r\n            <!-- TOURS -->\r\n            <a class=\"mtt-cat-v2\" href=\"https:\/\/moroccotoptour.com\/tour\/\">\r\n                <video class=\"mtt-cat-v2__video\" autoplay muted loop playsinline>\r\n                    <source src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/PinDown.io_@sundriftluxurycamp_1758574285.mp4\" type=\"video\/mp4\">\r\n                <\/video>\r\n                <div class=\"mtt-cat-v2__overlay\"><\/div>\r\n                <div class=\"mtt-cat-v2__head\">\r\n                <span class=\"mtt-cat-v2__icon\"><i class=\"fa-solid fa-map-location-dot\" aria-hidden=\"true\"><\/i><\/span>\r\n                <span class=\"mtt-cat-v2__badge mtt-cat-v2__badge--orange\">Tours<\/span>\r\n                <\/div>\r\n                <div class=\"mtt-cat-v2__content\">\r\n                <h3 class=\"mtt-cat-v2__title\">Morocco <strong>Tours<\/strong><\/h3>\r\n                <p class=\"mtt-cat-v2__sub\">Day trips \u2022 Sahara expeditions \u2022 City highlights<\/p>\r\n                <span class=\"mtt-btn-v2 mtt-btn-v2--primary\"><i class=\"fa-solid fa-circle-info\"><\/i> Browse Tours<\/span>\r\n                <\/div>\r\n            <\/a>\r\n        \r\n            <!-- ACTIVITIES -->\r\n            <a class=\"mtt-cat-v2\" href=\"https:\/\/moroccotoptour.com\/activities\/\">\r\n                <video class=\"mtt-cat-v2__video\" autoplay muted loop playsinline>\r\n                    <source src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/84c7a829d7cbc2ef6e1127c38b51d63a.mp4\" type=\"video\/mp4\">\r\n                <\/video>\r\n                <div class=\"mtt-cat-v2__overlay\"><\/div>\r\n                <div class=\"mtt-cat-v2__head\">\r\n                <span class=\"mtt-cat-v2__icon\"><i class=\"fa-solid fa-person-biking\" aria-hidden=\"true\"><\/i><\/span>\r\n                <span class=\"mtt-cat-v2__badge mtt-cat-v2__badge--blue\">Activities<\/span>\r\n                <\/div>\r\n                <div class=\"mtt-cat-v2__content\">\r\n                <h3 class=\"mtt-cat-v2__title\">Desert <strong>Activities<\/strong><\/h3>\r\n                <p class=\"mtt-cat-v2__sub\">Quad & camel \u2022 Jet-ski \u2022 Sunset shows<\/p>\r\n                <span class=\"mtt-btn-v2 mtt-btn-v2--primary\"><i class=\"fa-solid fa-bolt\"><\/i> See Activities<\/span>\r\n                <\/div>\r\n            <\/a>\r\n            <\/div>\r\n        \r\n            <!-- Dots (mobile) -->\r\n            <div class=\"mtt-cats-v2__dots\" role=\"tablist\" aria-label=\"Slide navigation\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        (function(){\r\n            const root = document.currentScript.closest('.mtt-cats-v2');\r\n            const track = root.querySelector('#mttCatsTrackV2');\r\n            const slides = Array.from(track.querySelectorAll('.mtt-cat-v2'));\r\n            const dotsWrap = root.querySelector('.mtt-cats-v2__dots');\r\n\r\n            \/\/ Build dots\r\n            slides.forEach((_, i)=>{\r\n                const b = document.createElement('button');\r\n                b.type = 'button';\r\n                b.setAttribute('role','tab');\r\n                b.setAttribute('aria-label', `Go to slide ${i+1}`);\r\n                b.addEventListener('click', ()=> go(i));\r\n                dotsWrap.appendChild(b);\r\n            });\r\n\r\n            let index = 0;\r\n            let autoSlideInterval;\r\n\r\n            function updateDots(i=index){\r\n                const dots = dotsWrap.querySelectorAll('button');\r\n                dots.forEach((d,di)=> d.setAttribute('aria-selected', di===i ? 'true' : 'false'));\r\n            }\r\n\r\n            function go(i){\r\n                index = Math.max(0, Math.min(i, slides.length-1));\r\n                slides[index].scrollIntoView({behavior:'smooth', inline:'center', block:'nearest'});\r\n                updateDots(index);\r\n            }\r\n\r\n            \/\/ Start auto-sliding only on mobile\r\n            function startAutoSlide() {\r\n                \/\/ Check if we're on mobile\r\n                if (window.innerWidth <= 640) {\r\n                    autoSlideInterval = setInterval(() => {\r\n                        index = (index + 1) % slides.length;\r\n                        go(index);\r\n                    }, 4000); \/\/ Change slide every 4 seconds\r\n                }\r\n            }\r\n\r\n            \/\/ Stop auto-sliding\r\n            function stopAutoSlide() {\r\n                clearInterval(autoSlideInterval);\r\n            }\r\n\r\n            \/\/ Initialize auto-slide on mobile\r\n            startAutoSlide();\r\n\r\n            \/\/ Restart auto-slide when window is resized\r\n            window.addEventListener('resize', () => {\r\n                stopAutoSlide();\r\n                startAutoSlide();\r\n            });\r\n\r\n            \/\/ Pause auto-slide when user interacts with carousel\r\n            track.addEventListener('mouseenter', stopAutoSlide);\r\n            track.addEventListener('touchstart', stopAutoSlide);\r\n            \r\n            \/\/ Resume auto-slide when user stops interacting\r\n            track.addEventListener('mouseleave', startAutoSlide);\r\n            track.addEventListener('touchend', startAutoSlide);\r\n\r\n            \/\/ Observe current slide (mobile)\r\n            const io = new IntersectionObserver((entries)=>{\r\n                entries.forEach(entry=>{\r\n                    if(entry.isIntersecting){\r\n                        const i = slides.indexOf(entry.target);\r\n                        if(i!==-1){ index = i; updateDots(i); }\r\n                    }\r\n                });\r\n            }, { root: track, threshold: 0.6 });\r\n\r\n            slides.forEach(s => io.observe(s));\r\n            updateDots(0);\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6226926 e-flex e-con-boxed e-con e-parent\" data-id=\"6226926\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1adaede elementor-widget elementor-widget-html\" data-id=\"1adaede\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Morocco Top Tour \u2013 About Section (isolated) -->\r\n<section class=\"mtt-about\" aria-label=\"About Morocco Top Tour\">\r\n  <div class=\"mtt-wrap\">\r\n    <!-- LEFT: reasons -->\r\n    <aside class=\"mtt-card\">\r\n      <h3 class=\"mtt-eyebrow\">Why Choose Us<\/h3>\r\n      <h2 class=\"mtt-h2 mtt-custom-heading\">Make your journey truly meaningful.<\/h2>\r\n\r\n      <ul class=\"mtt-list\" role=\"list\">\r\n        <li>\r\n          <span class=\"mtt-ico\" aria-hidden=\"true\">\r\n            <!-- map pin -->\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5Z\"\/><\/svg>\r\n          <\/span>\r\n          Top Morocco destinations\r\n        <\/li>\r\n        <li>\r\n          <span class=\"mtt-ico\" aria-hidden=\"true\">\r\n            <!-- calendar -->\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M7 2v2H5a2 2 0 0 0-2 2v2h18V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7Zm14 8H3v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V10Z\"\/><\/svg>\r\n          <\/span>\r\n          Flexible travel packages\r\n        <\/li>\r\n        <li>\r\n          <span class=\"mtt-ico\" aria-hidden=\"true\">\r\n            <!-- guide -->\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm-8 9v-1a7 7 0 0 1 14 0v1Z\"\/><\/svg>\r\n          <\/span>\r\n          Expert local guides\r\n        <\/li>\r\n        <li>\r\n          <span class=\"mtt-ico\" aria-hidden=\"true\">\r\n            <!-- shield -->\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Z\"\/><\/svg>\r\n          <\/span>\r\n          Licensed & insured transport\r\n        <\/li>\r\n        <li>\r\n          <span class=\"mtt-ico\" aria-hidden=\"true\">\r\n            <!-- tag -->\r\n            <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\"><path d=\"M10.6 2.6 21.4 13.4a2 2 0 0 1 0 2.8l-5.2 5.2a2 2 0 0 1-2.8 0L2.6 10.6A2 2 0 0 1 2 9.2V4a2 2 0 0 1 2-2h5.2a2 2 0 0 1 1.4.6ZM7.5 4.5A1.5 1.5 0 1 0 9 6a1.5 1.5 0 0 0-1.5-1.5Z\"\/><\/svg>\r\n          <\/span>\r\n          Transparent pricing\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <a class=\"mtt-btn\" href=\"https:\/\/moroccotoptour.com\/Tour\/\">\r\n        Ready to explore? <span aria-hidden=\"true\">\u2192<\/span>\r\n      <\/a>\r\n    <\/aside>\r\n\r\n    <!-- CENTER: two circle photos one above the other with names (badge removed) -->\r\n    <div class=\"mtt-media\">\r\n      <div class=\"mtt-team-vertical\">\r\n        <figure class=\"mtt-member\">\r\n          <div class=\"mtt-portrait\">\r\n            <img decoding=\"async\"\r\n              alt=\"Mobarak\"\r\n              loading=\"lazy\"\r\n              src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-19-at-15.19.35_305ac775.jpg\"\r\n            \/>\r\n          <\/div>\r\n          <figcaption>Mubarak<\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"mtt-member\">\r\n          <div class=\"mtt-portrait\">\r\n            <img decoding=\"async\"\r\n              alt=\"Youseff\"\r\n              loading=\"lazy\"\r\n              src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2026\/02\/1000096585.jpg\"\r\n            \/>\r\n          <\/div>\r\n          <figcaption>Hamza<\/figcaption>\r\n        <\/figure>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: about copy + small image + mini badges -->\r\n    <article class=\"mtt-copy\">\r\n      <header class=\"mtt-head\">\r\n        <h3 class=\"mtt-eyebrow\">About Morocco Top Tour<\/h3>\r\n        <h2 class=\"mtt-h2 mtt-custom-heading\"><span class=\"mtt-accent\">Gateway<\/span> to unforgettable journeys.<\/h2>\r\n      <\/header>\r\n      <p class=\"mtt-p\">\r\n        We're a Marrakesh-based tour company delivering private tours, desert adventures, and premium transfers across Morocco.\r\n        From Agafay sunsets to multi-day Sahara expeditions, our licensed drivers and local guides craft seamless, safe,\r\n        and memorable experiences.\r\n      <\/p>\r\n\r\n      <div class=\"mtt-mini\">\r\n        <div class=\"mtt-chip\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.62L12 2 9.19 8.62 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n          5\u2605 Rated Experiences\r\n        <\/div>\r\n        <div class=\"mtt-chip\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10Zm1-9h4V7h-4V5h-2v2H7v6h4v4h2Z\"\/><\/svg>\r\n          24\/7 Support\r\n        <\/div>\r\n        <div class=\"mtt-chip\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M3 12h18M3 6h18M3 18h18\"\/><\/svg>\r\n          Flexible itineraries\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <figure class=\"mtt-land\">\r\n        <img decoding=\"async\" alt=\"Beautiful Moroccan landscape\" loading=\"lazy\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-24-at-10.08.25_d5ac121a.jpg\" title=\"\">\r\n      <\/figure>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Isolated styles: About Section ===== *\/\r\n.mtt-about { --mtt-bg:#0b1220; --mtt-text:#0f172a; --mtt-muted:#475569; --mtt-accent:#ff7b00;\r\n  position: relative; padding: clamp(32px, 6vw, 64px) 0; background: #ffffff; color: var(--mtt-text);\r\n}\r\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; }\r\n\r\n\/* Left card *\/\r\n.mtt-about .mtt-card{ background:#f8fafc; border:1px solid #e2e8f0; border-radius:24px; padding: clamp(18px,2.8vw,28px); box-shadow:0 6px 20px rgba(2,6,23,.06); }\r\n.mtt-about .mtt-eyebrow{ font: 700 11px\/1 system-ui,-apple-system,Segoe UI,Roboto,Arial; letter-spacing:.35px; text-transform:uppercase; color:#64748b; margin:0 0 6px; }\r\n.mtt-about .mtt-h2.mtt-custom-heading{ margin:0 0 14px; font:800 clamp(22px,3.2vw,34px)\/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial; letter-spacing:-.02em; color:#000 !important; }\r\n.mtt-about .mtt-h2.mtt-custom-heading .mtt-accent{ color:var(--mtt-accent) !important; }\r\n.mtt-about .mtt-list{ margin:14px 0 18px; padding:0; list-style:none; display:grid; gap:10px; }\r\n.mtt-about .mtt-list li{ display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:10px 12px; font:600 14px\/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial; color:#0f172a; }\r\n.mtt-about .mtt-ico{ display:inline-grid; place-items:center; width:28px; height:28px; border-radius:999px; background:#fff7ed; color:var(--mtt-accent); border:1px solid #fed7aa; }\r\n\r\n.mtt-about .mtt-btn{ display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border-radius:14px; background:var(--mtt-accent); color:#fff; text-decoration:none; font:800 14px\/1 system-ui,-apple-system,Segoe UI,Roboto,Arial; box-shadow:0 12px 30px rgba(255,123,0,.35); }\r\n.mtt-about .mtt-btn:hover{ filter:brightness(.95); transform: translateY(-1px); transition:.15s ease; }\r\n\r\n\/* Center team - VERTICAL layout (one above the other) - NO BADGE *\/\r\n.mtt-about .mtt-media{ \r\n  position:relative; \r\n  display:flex;\r\n  flex-direction: column;\r\n  align-items:center;\r\n  justify-content: center;\r\n  min-height: 500px;\r\n}\r\n.mtt-about .mtt-team-vertical{ \r\n  display:flex;\r\n  flex-direction: column;\r\n  gap: 40px;\r\n  align-items:center;\r\n  width: 100%;\r\n}\r\n.mtt-about .mtt-member{ \r\n  margin:0; \r\n  text-align:center;\r\n  width: 100%;\r\n}\r\n.mtt-about .mtt-portrait{\r\n  width:clamp(200px, 18vw, 260px);\r\n  aspect-ratio: 1\/1;\r\n  border-radius:999px;\r\n  overflow:hidden;\r\n  border:10px solid #fff;\r\n  box-shadow:0 15px 45px rgba(2,6,23,.15);\r\n  margin-inline:auto;\r\n  background:#fff;\r\n}\r\n.mtt-about .mtt-portrait img{ \r\n  width:100%; \r\n  height:100%; \r\n  object-fit:cover; \r\n  display:block; \r\n  transition: transform 0.3s ease;\r\n}\r\n.mtt-about .mtt-portrait img:hover {\r\n  transform: scale(1.05);\r\n}\r\n.mtt-about .mtt-member figcaption{\r\n  margin-top: 12px;\r\n  font:700 18px\/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;\r\n  color: #0f172a;\r\n  background: #f8fafc;\r\n  padding: 5px 18px;\r\n  border-radius: 30px;\r\n  display: inline-block;\r\n  border: 1px solid #e2e8f0;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n\/* Right copy *\/\r\n.mtt-about .mtt-head{ margin-bottom:8px; }\r\n.mtt-about .mtt-accent{ color:var(--mtt-accent); }\r\n.mtt-about .mtt-p{ color:#475569; font:400 16px\/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial; margin:0 0 14px; }\r\n.mtt-about .mtt-mini{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px; }\r\n.mtt-about .mtt-chip{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:#f1f5f9; color:#0f172a; font:700 12px\/1 system-ui,-apple-system,Segoe UI,Roboto,Arial; border:1px solid #e2e8f0; }\r\n.mtt-about .mtt-land{ margin:0; border-radius:16px; overflow:hidden; border:1px solid #e2e8f0; }\r\n.mtt-about .mtt-land img{ width:100%; height:220px; object-fit:cover; display:block; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px){\r\n  .mtt-about .mtt-wrap{ grid-template-columns: 1fr 1fr; }\r\n  .mtt-about .mtt-media{ order:-1; }\r\n  .mtt-about .mtt-portrait{ width:clamp(180px, 20vw, 220px); }\r\n}\r\n\r\n@media (max-width: 720px){\r\n  .mtt-about{ padding: 28px 0; }\r\n  .mtt-about .mtt-wrap{ grid-template-columns: 1fr; }\r\n  .mtt-about .mtt-team-vertical{ gap:30px; }\r\n  .mtt-about .mtt-portrait{ width:min(200px, 60vw); }\r\n  .mtt-about .mtt-member figcaption{ font-size: 16px; padding: 4px 14px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46416ec e-con-full e-flex e-con e-parent\" data-id=\"46416ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46bd378 elementor-widget elementor-widget-html\" data-id=\"46bd378\" data-element_type=\"widget\" data-e-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\">\r\n    <title>Morocco Top Tour - Tour Container<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<\/head>\r\n<body>\r\n<!-- Morocco Top Tour \u2013 Tour Container (isolated, customized) -->\r\n<section class=\"mtt-tour\" aria-label=\"Featured Tours\">\r\n  <div class=\"mtt-tour__wrap\">\r\n    <!-- Header -->\r\n    <header class=\"mtt-tour__head\">\r\n      <div class=\"mtt-tour__titles\">\r\n        <p class=\"mtt-tour__eyebrow\">Handpicked Experiences<\/p>\r\n        <h2 class=\"mtt-tour__title\">Explore our <strong>best tours<\/strong><\/h2>\r\n        <p class=\"mtt-tour__sub\">Door-to-door pick-up \u2022 Licensed guides \u2022 Flexible schedules<\/p>\r\n      <\/div>\r\n\r\n      <!-- Filters only (centered) -->\r\n      <div class=\"mtt-tour__controls\" role=\"region\" aria-label=\"Tour filters\">\r\n        <div class=\"mtt-tour__filters\" role=\"tablist\" aria-label=\"Filter by destination\">\r\n          <!-- Removed \"All\" filter button as requested -->\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"mtt-tour__grid\" id=\"mttTourGrid\">\r\n      <!-- CARD 1 -->\r\n      <article class=\"mtt-tour__card\" data-cat=\"multi-day\" data-rating=\"4.9\">\r\n        <figure class=\"mtt-tour__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/Maroc-cette-destination-meconnue-fait-de-lombre-a-Marrakech.webp\" alt=\"9 Day Marrakech to Merzouga Desert Tour\" title=\"\">\r\n          <span class=\"mtt-tour__badge mtt-tour__badge--blue\"><i class=\"fa-regular fa-clock\"><\/i> 9 Days<\/span>\r\n          <span class=\"mtt-tour__ribbon\">Popular<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-tour__body\">\r\n          <h3 class=\"mtt-tour__name\">9 Day Marrakech to Merzouga Desert Tour<\/h3>\r\n          <p class=\"mtt-tour__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Marrakech to Merzouga Desert<\/p>\r\n          <ul class=\"mtt-tour__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-van-shuttle\"><\/i>Transport Included<\/li>\r\n            <li><i class=\"fa-solid fa-hotel\"><\/i>Accommodation<\/li>\r\n            <!-- Removed \"Meals Included\" as requested -->\r\n          <\/ul>\r\n          <div class=\"mtt-tour__meta\">\r\n            <div class=\"mtt-tour__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.9<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-tour__cta\">\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--wa\" href=\"https:\/\/wa.me\/212610395152?text=I&#039;m interested in 9 Day Marrakech to Merzouga Desert Tour\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--primary\" href=\"https:\/\/moroccotoptour.com\/9-day-marrakech-to-merzouga-desert-tour\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Book Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 2 -->\r\n      <article class=\"mtt-tour__card\" data-cat=\"multi-day\" data-rating=\"4.8\">\r\n        <figure class=\"mtt-tour__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/La-medina-de-Fes-el-Bali-Maroc-1000x667-1.jpeg\" alt=\"8 Day Fes to Merzouga Desert Tour\" title=\"\">\r\n          <span class=\"mtt-tour__badge mtt-tour__badge--blue\"><i class=\"fa-regular fa-clock\"><\/i> 8 Days<\/span>\r\n          <span class=\"mtt-tour__ribbon\">Popular<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-tour__body\">\r\n          <h3 class=\"mtt-tour__name\">8 Day Fes to Merzouga Desert Tour<\/h3>\r\n          <p class=\"mtt-tour__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Fes to Merzouga Desert<\/p>\r\n          <ul class=\"mtt-tour__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-van-shuttle\"><\/i>Transport Included<\/li>\r\n            <li><i class=\"fa-solid fa-hotel\"><\/i>Accommodation<\/li>\r\n            <!-- Removed \"Meals Included\" as requested -->\r\n          <\/ul>\r\n          <div class=\"mtt-tour__meta\">\r\n            <div class=\"mtt-tour__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.8<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-tour__cta\">\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--wa\" href=\"https:\/\/wa.me\/212610395152?text=I&#039;m interested in 8 Day Fes to Merzouga Desert Tour\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--primary\" href=\"https:\/\/moroccotoptour.com\/8-day-fes-to-merzouga-desert-tour\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Book Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 3 -->\r\n      <article class=\"mtt-tour__card\" data-cat=\"multi-day\" data-rating=\"4.7\">\r\n        <figure class=\"mtt-tour__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/gbe4ffnt1mr352jft9i6.jpg\" alt=\"7-Day Morocco Tour Casablanca\" title=\"\">\r\n          <span class=\"mtt-tour__badge mtt-tour__badge--blue\"><i class=\"fa-regular fa-clock\"><\/i> 7 Days<\/span>\r\n          <span class=\"mtt-tour__ribbon\">Popular<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-tour__body\">\r\n          <h3 class=\"mtt-tour__name\">7-Day Morocco Tour Casablanca<\/h3>\r\n          <p class=\"mtt-tour__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Casablanca & Beyond<\/p>\r\n          <ul class=\"mtt-tour__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-van-shuttle\"><\/i>Transport Included<\/li>\r\n            <li><i class=\"fa-solid fa-hotel\"><\/i>Accommodation<\/li>\r\n            <!-- Removed \"Meals Included\" as requested -->\r\n          <\/ul>\r\n          <div class=\"mtt-tour__meta\">\r\n            <div class=\"mtt-tour__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.7<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-tour__cta\">\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--wa\" href=\"https:\/\/wa.me\/212610395152?text=I&#039;m interested in 7-Day Morocco Tour Casablanca\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--primary\" href=\"https:\/\/moroccotoptour.com\/7-day-morocco-tour-casablanca\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Book Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 4 (hidden initially) -->\r\n      <article class=\"mtt-tour__card is-hidden\" data-cat=\"multi-day\" data-rating=\"4.9\">\r\n        <figure class=\"mtt-tour__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/Maroc-cette-destination-meconnue-fait-de-lombre-a-Marrakech.webp\" alt=\"Explore All Morocco Tours\" title=\"\">\r\n          <span class=\"mtt-tour__badge mtt-tour__badge--orange\"><i class=\"fa-regular fa-clock\"><\/i> Various<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-tour__body\">\r\n          <h3 class=\"mtt-tour__name\">Explore All Morocco Tours<\/h3>\r\n          <p class=\"mtt-tour__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Multiple Destinations<\/p>\r\n          <ul class=\"mtt-tour__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-map\"><\/i>Custom Itineraries<\/li>\r\n            <li><i class=\"fa-solid fa-users\"><\/i>Private & Group<\/li>\r\n            <li><i class=\"fa-solid fa-star\"><\/i>Tailored Experiences<\/li>\r\n          <\/ul>\r\n          <div class=\"mtt-tour__meta\">\r\n            <div class=\"mtt-tour__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.9<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-tour__cta\">\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--wa\" href=\"https:\/\/wa.me\/212610395152?text=I&#039;m interested in exploring all Morocco tours\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--primary\" href=\"https:\/\/moroccotoptour.com\/tour\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Book Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- See more -->\r\n    <div class=\"mtt-tour__more\">\r\n      <a class=\"mtt-tour__morebtn\" href=\"https:\/\/moroccotoptour.com\/tour\/\"><i class=\"fa-solid fa-arrow-right\"><\/i> See more<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Theme-safe: everything scoped to .mtt-tour ===== *\/\r\n.mtt-tour{\r\n  --mtt-bg:#ffffff; \/* CHANGED FROM #0b1220 TO #ffffff *\/\r\n  --mtt-card:#f8fafc;\r\n  --mtt-muted:#64748b;\r\n  --mtt-border:#e2e8f0;\r\n  --mtt-white:#1e293b;\r\n  --mtt-orange:#ff7b00;\r\n  --mtt-orange-700:#e66a00;\r\n  --mtt-blue:#3b82f6;\r\n  --mtt-blue-700:#2563eb;\r\n  --mtt-red:#ef4444;\r\n\r\n  position:relative; background:var(--mtt-bg); color:var(--mtt-white); isolation:isolate;\r\n  padding: clamp(28px,6vw,64px) 0;\r\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\r\n}\r\n.mtt-tour__wrap{ width:min(1200px,92%); margin-inline:auto; }\r\n\r\n\/* Head *\/\r\n.mtt-tour__titles{ text-align:center; }\r\n.mtt-tour__eyebrow{ display:inline-block; padding:6px 12px; border-radius:999px;\r\n  background: #f1f5f9; border:1px solid #cbd5e1; color:#475569;\r\n  font:700 11px\/1 system-ui; letter-spacing:.35px; text-transform:uppercase; margin-bottom:8px;\r\n}\r\n.mtt-tour__title{ \r\n  margin:0; \r\n  font:800 clamp(24px,4vw,40px)\/1.1 system-ui; \r\n  letter-spacing:-.02em; \r\n  color:#000000 !important; \/* CHANGED TO BLACK FOR \"Explore our\" *\/\r\n}\r\n.mtt-tour__title strong{ color:var(--mtt-orange); }\r\n.mtt-tour__sub{ color:var(--mtt-muted); margin:6px 0 0; }\r\n\r\n\/* Filters (centered) - Hidden since we removed the filter button *\/\r\n.mtt-tour__controls{ display:none; }\r\n.mtt-tour__filters{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }\r\n.mtt-tour__pill{ appearance:none; border:1px solid rgba(0,0,0,.16); background:rgba(0,0,0,.06); color:#1e293b; border-radius:999px; padding:10px 16px; cursor:pointer; font-weight:800; }\r\n.mtt-tour__pill.is-active, .mtt-tour__pill:hover{ background:var(--mtt-orange); border-color:transparent; color:#fff; }\r\n\r\n\/* Grid *\/\r\n.mtt-tour__grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:22px; margin-top:18px; }\r\n@media (max-width: 1020px){ .mtt-tour__grid{ grid-template-columns: repeat(2,1fr);} }\r\n@media (max-width: 680px){ .mtt-tour__grid{ grid-template-columns: 1fr;} }\r\n\r\n\/* Card *\/\r\n.mtt-tour__card{ \r\n  background: var(--mtt-card); \r\n  border:1px solid var(--mtt-border); \r\n  border-radius:16px; \r\n  overflow:hidden; \r\n  display:grid; \r\n  grid-template-rows:auto 1fr; \r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n}\r\n.mtt-tour__card:hover{ transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.15); }\r\n\r\n.mtt-tour__media{ position:relative; height: 240px; overflow:hidden; }\r\n.mtt-tour__media img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .6s ease; }\r\n.mtt-tour__card:hover .mtt-tour__media img{ transform: scale(1.05); }\r\n\r\n.mtt-tour__badge{ position:absolute; top:12px; left:12px; z-index:2; padding:6px 10px; font:800 12px\/1 system-ui; border-radius:16px; display:inline-flex; align-items:center; gap:6px; }\r\n.mtt-tour__badge--orange{ background:var(--mtt-orange); color:#fff; }\r\n.mtt-tour__badge--blue{ background:var(--mtt-blue); color:#fff; }\r\n\r\n.mtt-tour__ribbon{ position:absolute; right:-42px; top:14px; background: var(--mtt-red); color:#fff; font:900 11px\/1 system-ui; padding:7px 60px; transform: rotate(30deg); border:1px solid rgba(255,255,255,.15); border-radius:6px; text-transform:uppercase; letter-spacing:.6px; }\r\n\r\n\/* Body *\/\r\n.mtt-tour__body{ padding:16px; display:grid; gap:10px; }\r\n.mtt-tour__name{ margin:0; font:800 18px\/1.3 system-ui; color:#1e293b; }\r\n.mtt-tour__loc{ margin:0; color:var(--mtt-muted); font-weight:700; display:flex; align-items:center; gap:8px; }\r\n.mtt-tour__features{ margin:4px 0 0; padding:0; list-style:none; display:flex; gap:12px; flex-wrap:wrap; color:var(--mtt-muted); font-weight:700; }\r\n.mtt-tour__features li{ display:inline-flex; gap:8px; align-items:center; }\r\n\r\n\/* Meta (rating only) *\/\r\n.mtt-tour__meta{ display:flex; justify-content:flex-start; align-items:center; margin-top:2px; }\r\n.mtt-tour__rating{ color:#d97706; font-weight:900; display:flex; align-items:center; gap:6px; }\r\n.mtt-tour__rating .fa-star{ font-size:14px; }\r\n\r\n\/* CTA buttons with extra space between *\/\r\n.mtt-tour__cta{ display:flex; gap:14px; margin-top:10px; justify-content:space-between; }\r\n.mtt-tour__btn{ appearance:none; border:0; text-decoration:none; cursor:pointer; padding:12px 16px; border-radius:12px; font:900 14px\/1 system-ui; flex:1; text-align:center; }\r\n.mtt-tour__btn--primary{ background:var(--mtt-orange); color:#fff; box-shadow:0 10px 24px rgba(255,123,0,.35); }\r\n.mtt-tour__btn--primary:hover{ background:var(--mtt-orange-700); }\r\n.mtt-tour__btn--wa{ background:var(--mtt-blue); color:#fff; }\r\n.mtt-tour__btn--wa:hover{ background:var(--mtt-blue-700); }\r\n\r\n\/* See more *\/\r\n.mtt-tour__more{ display:grid; place-items:center; margin-top:18px; }\r\n.mtt-tour__morebtn{ \r\n  background: transparent; \r\n  border: 1px solid #cbd5e1; \r\n  color: #475569; \r\n  padding: 12px 24px; \r\n  border-radius: 12px; \r\n  font-weight: 900; \r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  transition: all 0.3s ease;\r\n}\r\n.mtt-tour__morebtn:hover{ \r\n  background: #f1f5f9; \r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n  border-color: #94a3b8;\r\n}\r\n\r\n\/* Utilities *\/\r\n.is-hidden{ display:none; }\r\n\r\n\/* Mobile polish *\/\r\n@media (max-width: 680px){\r\n  .mtt-tour__pill{ padding:10px 14px; font-size:14px; }\r\n  .mtt-tour__media{ height: 220px; }\r\n  .mtt-tour__name{ font-size:17px; }\r\n  .mtt-tour__features{ gap:10px; }\r\n  .mtt-tour__btn{ padding:12px 14px; }\r\n}\r\n@media (max-width: 420px){\r\n  .mtt-tour__cta{ gap:10px; }\r\n  .mtt-tour__btn{ padding:12px 12px; font-size:13px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.currentScript.closest('.mtt-tour');\r\n  const grid = root.querySelector('#mttTourGrid');\r\n\r\n  \/\/ Init - show all cards since we removed the filter functionality\r\n  root.querySelectorAll('.mtt-tour__card').forEach(card=>{\r\n    card.classList.remove('is-hidden');\r\n  });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e0bc40 e-con-full e-flex e-con e-parent\" data-id=\"4e0bc40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f0f8bc elementor-widget elementor-widget-html\" data-id=\"7f0f8bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Morocco Top Tour \u2013 Our Mission (mobile-optimized, images never hide) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<section class=\"mtt-mission\" aria-label=\"Our Mission\">\r\n  <div class=\"mtt-mission__wrap\">\r\n\r\n    <!-- TEXT -->\r\n    <div class=\"mtt-mission__text\">\r\n      <p class=\"mtt-mission__eyebrow\">Our Mission<\/p>\r\n      <h2 class=\"mtt-mission__title\">Craft <strong>unforgettable<\/strong> journeys across Morocco.<\/h2>\r\n      <p class=\"mtt-mission__lead\">\r\n        We make travel effortless and meaningful\u2014combining <b>local expertise<\/b>, <b>licensed guides<\/b>, and\r\n        <b>safe transport<\/b> to deliver authentic experiences from Marrakech to the Sahara.\r\n      <\/p>\r\n\r\n      <ul class=\"mtt-mission__list\" role=\"list\">\r\n        <li><span class=\"mtt-mission__ico\"><i class=\"fa-solid fa-helmet-safety\"><\/i><\/span>Safety-first & insured transport<\/li>\r\n        <li><span class=\"mtt-mission__ico\"><i class=\"fa-solid fa-earth-africa\"><\/i><\/span>Real connections with culture & nature<\/li>\r\n        <li><span class=\"mtt-mission__ico\"><i class=\"fa-solid fa-user-tie\"><\/i><\/span>Professional, English-speaking guides<\/li>\r\n        <li><span class=\"mtt-mission__ico\"><i class=\"fa-solid fa-leaf\"><\/i><\/span>Sustainable, community-respectful travel<\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"mtt-mission__kpis\">\r\n        <div class=\"mtt-kpi\"><strong>10k+<\/strong><span>Happy Travelers<\/span><\/div>\r\n        <div class=\"mtt-kpi\"><strong>4.9\/5<\/strong><span>Average Rating<\/span><\/div>\r\n        <div class=\"mtt-kpi\"><strong>100%<\/strong><span>Licensed & Insured<\/span><\/div>\r\n      <\/div>\r\n\r\n      <a class=\"mtt-mission__btn\" href=\"https:\/\/moroccotoptour.com\/about\/\">\r\n        <i class=\"fa-solid fa-circle-info\"><\/i> Learn more about us\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- MEDIA -->\r\n    <div class=\"mtt-mission__media\">\r\n      <figure class=\"mtt-photo mtt-photo--main\">\r\n        <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=\"\">\r\n      <\/figure>\r\n      <figure class=\"mtt-photo mtt-photo--top\">\r\n        <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=\"\">\r\n      <\/figure>\r\n      <figure class=\"mtt-photo mtt-photo--bottom\">\r\n        <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=\"\">\r\n      <\/figure>\r\n\r\n      <div class=\"mtt-media__badge\"><i class=\"fa-solid fa-star\"><\/i> Trusted Local Experts<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ================= THEME-SAFE & MOBILE-FIRST ================= *\/\r\n.mtt-mission, .mtt-mission * { box-sizing: border-box; }\r\n.mtt-mission{\r\n  --mtt-sand:#f7efe8;\r\n  --mtt-orange:#ff7b00; --mtt-orange-700:#e66a00;\r\n  --mtt-blue:#3b82f6;\r\n  --mtt-ink:#0f172a; --mtt-muted:#475569; --mtt-card:#fff;\r\n\r\n  background:#ffffff; \/* CHANGED FROM: var(--mtt-sand) *\/\r\n  padding: clamp(24px,6vw,72px) 0;\r\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;\r\n  color:var(--mtt-ink);\r\n  isolation:isolate;\r\n}\r\n\r\n\/* Layout: desktop = split; mobile = stacked with media first *\/\r\n.mtt-mission__wrap{\r\n  width:min(1200px,92%); margin-inline:auto;\r\n  display:grid; gap: clamp(18px,4vw,40px);\r\n  grid-template-columns:1.1fr 1fr; align-items:center;\r\n}\r\n@media (max-width: 960px){\r\n  .mtt-mission__wrap{ grid-template-columns:1fr; }\r\n  .mtt-mission__media{ order:-1; }\r\n}\r\n\r\n\/* ---------- Text ---------- *\/\r\n.mtt-mission__eyebrow{\r\n  display:inline-block; margin:0 0 10px; padding:6px 12px; border-radius:999px;\r\n  background:rgba(0,0,0,.05); border:1px solid rgba(0,0,0,.08);\r\n  color:#7c8796; font:800 11px\/1 system-ui; letter-spacing:.35px; text-transform:uppercase;\r\n}\r\n.mtt-mission__title{ margin:0 0 10px; font:900 clamp(26px,4.8vw,44px)\/1.08 system-ui; letter-spacing:-.02em; }\r\n.mtt-mission__title strong{ color:var(--mtt-orange); }\r\n.mtt-mission__lead{ margin:0 0 16px; color:var(--mtt-muted); font:500 clamp(15px,1.8vw,18px)\/1.6 system-ui; }\r\n\r\n.mtt-mission__list{ list-style:none; margin:0 0 16px; padding:0; display:grid; gap:10px; }\r\n.mtt-mission__list li{\r\n  display:flex; align-items:center; gap:10px; background:var(--mtt-card);\r\n  border:1px solid #e2e8f0; border-radius:14px; padding:10px 12px; font:600 14px\/1.25 system-ui;\r\n}\r\n.mtt-mission__ico{ display:grid; place-items:center; width:30px; height:30px; border-radius:10px;\r\n  background:#fff7ed; border:1px solid #fed7aa; color:var(--mtt-orange); }\r\n\r\n\/* KPIs *\/\r\n.mtt-mission__kpis{ display:flex; flex-wrap:wrap; gap:10px; margin:4px 0 16px; }\r\n.mtt-kpi{ background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:10px 12px; min-width:140px; }\r\n.mtt-kpi strong{ font:900 18px\/1 system-ui; }\r\n.mtt-kpi span{ font:700 11px\/1.2 system-ui; color:#64748b; text-transform:uppercase; letter-spacing:.3px; }\r\n\r\n\/* CTA *\/\r\n.mtt-mission__btn{\r\n  display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border-radius:14px;\r\n  background:var(--mtt-orange); color:#fff; text-decoration:none; font:900 14px\/1 system-ui;\r\n  box-shadow:0 12px 30px rgba(255,123,0,.30);\r\n}\r\n.mtt-mission__btn:hover{ background:var(--mtt-orange-700); }\r\n\r\n\/* ---------- Media collage ---------- *\/\r\n.mtt-mission__media{\r\n  position:relative; min-height:360px;\r\n}\r\n\/* Desktop: layered collage *\/\r\n.mtt-photo{ margin:0; overflow:hidden; border-radius:20px; border:8px solid #fff;\r\n  box-shadow:0 16px 40px rgba(2,6,23,.15); background:#ddd; }\r\n.mtt-photo img{ width:100%; height:100%; object-fit:cover; display:block; }\r\n\r\n\/* Tune the visible area (adjust % to taste) *\/\r\n.mtt-photo--main img{ object-position:50% 45%; }   \/* slightly higher horizon *\/\r\n.mtt-photo--top img{ object-position:50% 35%; }    \/* keep face\/subject high *\/\r\n.mtt-photo--bottom img{ object-position:50% 50%; } \/* center *\/\r\n\r\n.mtt-photo--main{ height: clamp(260px, 40vw, 420px); }\r\n.mtt-photo--top{  position:absolute; right:-10px; top:-20px;   width:min(48%,260px); aspect-ratio:4\/3; }\r\n.mtt-photo--bottom{position:absolute; left:-10px;  bottom:-28px; width:min(46%,240px); aspect-ratio:4\/3; }\r\n\r\n.mtt-media__badge{\r\n  position:absolute; left:12px; top:12px; display:inline-flex; align-items:center; gap:8px;\r\n  padding:8px 12px; border-radius:999px; color:#fff;\r\n  background:linear-gradient(135deg, var(--mtt-blue), #1e3a8a);\r\n  border:1px solid rgba(255,255,255,.25); font:800 12px\/1 system-ui;\r\n  box-shadow:0 8px 24px rgba(30,64,175,.25);\r\n}\r\n.mtt-media__badge i{ font-size:14px; }\r\n\r\n\/* -------- Mobile layout: grid, nothing overlaps -------- *\/\r\n@media (max-width: 640px){\r\n  .mtt-mission{ padding: 22px 0; }\r\n  .mtt-mission__lead{ font-size:15.5px; }\r\n  .mtt-mission__list{ gap:8px; }\r\n  .mtt-mission__kpis{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }\r\n  .mtt-kpi{ min-width:0; }\r\n\r\n  \/* Turn media into a small grid: main full width + two half tiles *\/\r\n  .mtt-mission__media{\r\n    display:grid; grid-template-columns: 1fr 1fr; gap:10px; min-height:initial;\r\n  }\r\n  .mtt-photo--main{ grid-column:1\/-1; height: clamp(220px, 58vw, 320px); }\r\n  .mtt-photo--top,\r\n  .mtt-photo--bottom{\r\n    position:static; width:100%; aspect-ratio:4\/3; height:auto; border-width:6px;\r\n  }\r\n  \/* Keep badge anchored to the top-left of the main image area *\/\r\n  .mtt-media__badge{\r\n    grid-column:1\/-1; justify-self:start; align-self:start; position:relative; left:auto; top:auto; margin:8px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5bce8d e-con-full e-flex e-con e-parent\" data-id=\"e5bce8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68b7587 elementor-widget elementor-widget-html\" data-id=\"68b7587\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Morocco Top Tour \u2013 Tour Container (isolated, customized) -->\r\n<section class=\"mtt-tour\" aria-label=\"Featured Tours\">\r\n  <div class=\"mtt-tour__wrap\">\r\n    <!-- Header -->\r\n    <header class=\"mtt-tour__head\">\r\n      <div class=\"mtt-tour__titles\">\r\n        <p class=\"mtt-tour__eyebrow\">Handpicked Experiences<\/p>\r\n        <h2 class=\"mtt-tour__title\">Explore our <strong>best tours<\/strong><\/h2>\r\n        <p class=\"mtt-tour__sub\">Door-to-door pick-up \u2022 Licensed guides \u2022 Flexible schedules<\/p>\r\n      <\/div>\r\n\r\n      <!-- Filters only (centered) -->\r\n      <div class=\"mtt-tour__controls\" role=\"region\" aria-label=\"Tour filters\">\r\n        <div class=\"mtt-tour__filters\" role=\"tablist\" aria-label=\"Filter by destination\">\r\n          <!-- Removed \"All\" filter button as requested -->\r\n        <\/div>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"mtt-tour__grid\" id=\"mttTourGrid\">\r\n      <!-- CARD 1 -->\r\n      <article class=\"mtt-tour__card\" data-cat=\"multi-day\" data-rating=\"4.9\">\r\n        <figure class=\"mtt-tour__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/Maroc-cette-destination-meconnue-fait-de-lombre-a-Marrakech.webp\" alt=\"9 Day Marrakech to Merzouga Desert Tour\" title=\"\">\r\n          <span class=\"mtt-tour__badge mtt-tour__badge--blue\"><i class=\"fa-regular fa-clock\"><\/i> 9 Days<\/span>\r\n          <span class=\"mtt-tour__ribbon\">Popular<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-tour__body\">\r\n          <h3 class=\"mtt-tour__name\">9 Day Marrakech to Merzouga Desert Tour<\/h3>\r\n          <p class=\"mtt-tour__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Marrakech to Merzouga Desert<\/p>\r\n          <ul class=\"mtt-tour__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-van-shuttle\"><\/i>Transport Included<\/li>\r\n            <li><i class=\"fa-solid fa-hotel\"><\/i>Accommodation<\/li>\r\n            <!-- Removed \"Meals Included\" as requested -->\r\n          <\/ul>\r\n          <div class=\"mtt-tour__meta\">\r\n            <div class=\"mtt-tour__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.9<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-tour__cta\">\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--wa\" href=\"https:\/\/wa.me\/212610395152?text=I&#039;m interested in 9 Day Marrakech to Merzouga Desert Tour\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--primary\" href=\"https:\/\/moroccotoptour.com\/9-day-marrakech-to-merzouga-desert-tour\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Book Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 2 -->\r\n      <article class=\"mtt-tour__card\" data-cat=\"multi-day\" data-rating=\"4.8\">\r\n        <figure class=\"mtt-tour__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/La-medina-de-Fes-el-Bali-Maroc-1000x667-1.jpeg\" alt=\"8 Day Fes to Merzouga Desert Tour\" title=\"\">\r\n          <span class=\"mtt-tour__badge mtt-tour__badge--blue\"><i class=\"fa-regular fa-clock\"><\/i> 8 Days<\/span>\r\n          <span class=\"mtt-tour__ribbon\">Popular<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-tour__body\">\r\n          <h3 class=\"mtt-tour__name\">8 Day Fes to Merzouga Desert Tour<\/h3>\r\n          <p class=\"mtt-tour__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Fes to Merzouga Desert<\/p>\r\n          <ul class=\"mtt-tour__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-van-shuttle\"><\/i>Transport Included<\/li>\r\n            <li><i class=\"fa-solid fa-hotel\"><\/i>Accommodation<\/li>\r\n            <!-- Removed \"Meals Included\" as requested -->\r\n          <\/ul>\r\n          <div class=\"mtt-tour__meta\">\r\n            <div class=\"mtt-tour__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.8<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-tour__cta\">\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--wa\" href=\"https:\/\/wa.me\/212610395152?text=I&#039;m interested in 8 Day Fes to Merzouga Desert Tour\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--primary\" href=\"https:\/\/moroccotoptour.com\/8-day-fes-to-merzouga-desert-tour\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Book Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 3 -->\r\n      <article class=\"mtt-tour__card\" data-cat=\"multi-day\" data-rating=\"4.7\">\r\n        <figure class=\"mtt-tour__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/gbe4ffnt1mr352jft9i6.jpg\" alt=\"7-Day Morocco Tour Casablanca\" title=\"\">\r\n          <span class=\"mtt-tour__badge mtt-tour__badge--blue\"><i class=\"fa-regular fa-clock\"><\/i> 7 Days<\/span>\r\n          <span class=\"mtt-tour__ribbon\">Popular<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-tour__body\">\r\n          <h3 class=\"mtt-tour__name\">7-Day Morocco Tour Casablanca<\/h3>\r\n          <p class=\"mtt-tour__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Casablanca & Beyond<\/p>\r\n          <ul class=\"mtt-tour__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-van-shuttle\"><\/i>Transport Included<\/li>\r\n            <li><i class=\"fa-solid fa-hotel\"><\/i>Accommodation<\/li>\r\n            <!-- Removed \"Meals Included\" as requested -->\r\n          <\/ul>\r\n          <div class=\"mtt-tour__meta\">\r\n            <div class=\"mtt-tour__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.7<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-tour__cta\">\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--wa\" href=\"https:\/\/wa.me\/212610395152?text=I&#039;m interested in 7-Day Morocco Tour Casablanca\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--primary\" href=\"https:\/\/moroccotoptour.com\/7-day-morocco-tour-casablanca\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Book Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CARD 4 (hidden initially) -->\r\n      <article class=\"mtt-tour__card is-hidden\" data-cat=\"multi-day\" data-rating=\"4.9\">\r\n        <figure class=\"mtt-tour__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/Maroc-cette-destination-meconnue-fait-de-lombre-a-Marrakech.webp\" alt=\"Explore All Morocco Tours\" title=\"\">\r\n          <span class=\"mtt-tour__badge mtt-tour__badge--orange\"><i class=\"fa-regular fa-clock\"><\/i> Various<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-tour__body\">\r\n          <h3 class=\"mtt-tour__name\">Explore All Morocco Tours<\/h3>\r\n          <p class=\"mtt-tour__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Multiple Destinations<\/p>\r\n          <ul class=\"mtt-tour__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-map\"><\/i>Custom Itineraries<\/li>\r\n            <li><i class=\"fa-solid fa-users\"><\/i>Private & Group<\/li>\r\n            <li><i class=\"fa-solid fa-star\"><\/i>Tailored Experiences<\/li>\r\n          <\/ul>\r\n          <div class=\"mtt-tour__meta\">\r\n            <div class=\"mtt-tour__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.9<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-tour__cta\">\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--wa\" href=\"https:\/\/wa.me\/212610395152?text=I&#039;m interested in exploring all Morocco tours\" target=\"_blank\" rel=\"noopener\"><i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp<\/a>\r\n            <a class=\"mtt-tour__btn mtt-tour__btn--primary\" href=\"https:\/\/moroccotoptour.com\/tour\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Book Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- See more -->\r\n    <div class=\"mtt-tour__more\">\r\n      <a class=\"mtt-tour__morebtn\" href=\"https:\/\/moroccotoptour.com\/tour\/\"><i class=\"fa-solid fa-arrow-right\"><\/i> See more<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Theme-safe: everything scoped to .mtt-tour ===== *\/\r\n.mtt-tour{\r\n  --mtt-bg:#ffffff;\r\n  --mtt-card:#f8fafc;\r\n  --mtt-muted:#64748b;\r\n  --mtt-border:#e2e8f0;\r\n  --mtt-white:#1e293b;\r\n  --mtt-orange:#ff7b00;\r\n  --mtt-orange-700:#e66a00;\r\n  --mtt-blue:#3b82f6;\r\n  --mtt-blue-700:#2563eb;\r\n  --mtt-red:#ef4444;\r\n\r\n  position:relative; background:var(--mtt-bg); color:var(--mtt-white); isolation:isolate;\r\n  padding: clamp(28px,6vw,64px) 0;\r\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\r\n}\r\n.mtt-tour__wrap{ width:min(1200px,92%); margin-inline:auto; }\r\n\r\n\/* Head *\/\r\n.mtt-tour__titles{ text-align:center; }\r\n.mtt-tour__eyebrow{ display:inline-block; padding:6px 12px; border-radius:999px;\r\n  background: #f1f5f9; border:1px solid #cbd5e1; color:#000000; \/* CHANGED TO BLACK *\/\r\n  font:700 11px\/1 system-ui; letter-spacing:.35px; text-transform:uppercase; margin-bottom:8px;\r\n}\r\n.mtt-tour__title{ \r\n  margin:0; \r\n  font:800 clamp(24px,4vw,40px)\/1.1 system-ui; \r\n  letter-spacing:-.02em; \r\n  color:#000000 !important; \/* CHANGED TO BLACK *\/\r\n}\r\n.mtt-tour__title strong{ color:var(--mtt-orange); }\r\n.mtt-tour__sub{ color:#000000 !important; margin:6px 0 0; } \/* CHANGED TO BLACK *\/\r\n\r\n\/* Filters (centered) - Hidden since we removed the filter button *\/\r\n.mtt-tour__controls{ display:none; }\r\n.mtt-tour__filters{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }\r\n.mtt-tour__pill{ appearance:none; border:1px solid rgba(0,0,0,.16); background:rgba(0,0,0,.06); color:#1e293b; border-radius:999px; padding:10px 16px; cursor:pointer; font-weight:800; }\r\n.mtt-tour__pill.is-active, .mtt-tour__pill:hover{ background:var(--mtt-orange); border-color:transparent; color:#fff; }\r\n\r\n\/* Grid *\/\r\n.mtt-tour__grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:22px; margin-top:18px; }\r\n@media (max-width: 1020px){ .mtt-tour__grid{ grid-template-columns: repeat(2,1fr);} }\r\n@media (max-width: 680px){ .mtt-tour__grid{ grid-template-columns: 1fr;} }\r\n\r\n\/* Card *\/\r\n.mtt-tour__card{ \r\n  background: var(--mtt-card); \r\n  border:1px solid var(--mtt-border); \r\n  border-radius:16px; \r\n  overflow:hidden; \r\n  display:grid; \r\n  grid-template-rows:auto 1fr; \r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n}\r\n.mtt-tour__card:hover{ transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.15); }\r\n\r\n.mtt-tour__media{ position:relative; height: 240px; overflow:hidden; }\r\n.mtt-tour__media img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .6s ease; }\r\n.mtt-tour__card:hover .mtt-tour__media img{ transform: scale(1.05); }\r\n\r\n.mtt-tour__badge{ position:absolute; top:12px; left:12px; z-index:2; padding:6px 10px; font:800 12px\/1 system-ui; border-radius:16px; display:inline-flex; align-items:center; gap:6px; }\r\n.mtt-tour__badge--orange{ background:var(--mtt-orange); color:#fff; }\r\n.mtt-tour__badge--blue{ background:var(--mtt-blue); color:#fff; }\r\n\r\n.mtt-tour__ribbon{ position:absolute; right:-42px; top:14px; background: var(--mtt-red); color:#fff; font:900 11px\/1 system-ui; padding:7px 60px; transform: rotate(30deg); border:1px solid rgba(255,255,255,.15); border-radius:6px; text-transform:uppercase; letter-spacing:.6px; }\r\n\r\n\/* Body *\/\r\n.mtt-tour__body{ padding:16px; display:grid; gap:10px; }\r\n.mtt-tour__name{ margin:0; font:800 18px\/1.3 system-ui; color:#1e293b; }\r\n.mtt-tour__loc{ margin:0; color:var(--mtt-muted); font-weight:700; display:flex; align-items:center; gap:8px; }\r\n.mtt-tour__features{ margin:4px 0 0; padding:0; list-style:none; display:flex; gap:12px; flex-wrap:wrap; color:var(--mtt-muted); font-weight:700; }\r\n.mtt-tour__features li{ display:inline-flex; gap:8px; align-items:center; }\r\n\r\n\/* Meta (rating only) *\/\r\n.mtt-tour__meta{ display:flex; justify-content:flex-start; align-items:center; margin-top:2px; }\r\n.mtt-tour__rating{ color:#d97706; font-weight:900; display:flex; align-items:center; gap:6px; }\r\n.mtt-tour__rating .fa-star{ font-size:14px; }\r\n\r\n\/* CTA buttons with extra space between *\/\r\n.mtt-tour__cta{ display:flex; gap:14px; margin-top:10px; justify-content:space-between; }\r\n.mtt-tour__btn{ appearance:none; border:0; text-decoration:none; cursor:pointer; padding:12px 16px; border-radius:12px; font:900 14px\/1 system-ui; flex:1; text-align:center; }\r\n.mtt-tour__btn--primary{ background:var(--mtt-orange); color:#fff; box-shadow:0 10px 24px rgba(255,123,0,.35); }\r\n.mtt-tour__btn--primary:hover{ background:var(--mtt-orange-700); }\r\n.mtt-tour__btn--wa{ background:var(--mtt-blue); color:#fff; }\r\n.mtt-tour__btn--wa:hover{ background:var(--mtt-blue-700); }\r\n\r\n\/* See more *\/\r\n.mtt-tour__more{ display:grid; place-items:center; margin-top:18px; }\r\n.mtt-tour__morebtn{ \r\n  background: transparent; \r\n  border: 1px solid #cbd5e1; \r\n  color: #000000; \/* CHANGED TO BLACK *\/\r\n  padding: 12px 24px; \r\n  border-radius: 12px; \r\n  font-weight: 900; \r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  transition: all 0.3s ease;\r\n}\r\n.mtt-tour__morebtn:hover{ \r\n  background: #f1f5f9; \r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n  border-color: #94a3b8;\r\n}\r\n\r\n\/* Utilities *\/\r\n.is-hidden{ display:none; }\r\n\r\n\/* Mobile polish *\/\r\n@media (max-width: 680px){\r\n  .mtt-tour__pill{ padding:10px 14px; font-size:14px; }\r\n  .mtt-tour__media{ height: 220px; }\r\n  .mtt-tour__name{ font-size:17px; }\r\n  .mtt-tour__features{ gap:10px; }\r\n  .mtt-tour__btn{ padding:12px 14px; }\r\n}\r\n@media (max-width: 420px){\r\n  .mtt-tour__cta{ gap:10px; }\r\n  .mtt-tour__btn{ padding:12px 12px; font-size:13px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.currentScript.closest('.mtt-tour');\r\n  const grid = root.querySelector('#mttTourGrid');\r\n\r\n  \/\/ Init - show all cards since we removed the filter functionality\r\n  root.querySelectorAll('.mtt-tour__card').forEach(card=>{\r\n    card.classList.remove('is-hidden');\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db9cb47 e-con-full e-flex e-con e-parent\" data-id=\"db9cb47\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78e201e elementor-widget elementor-widget-html\" data-id=\"78e201e\" data-element_type=\"widget\" data-e-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\">\r\n    <title>Morocco Top Tour - Why Choose Us<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<\/head>\r\n<body>\r\n<!-- Morocco Top Tour \u2013 Why Choose Us (3 icon boxes, theme-safe) -->\r\n<section class=\"mtt-why3\" aria-label=\"Why Choose Us\">\r\n  <div class=\"mtt-why3__wrap\">\r\n    <header class=\"mtt-why3__header\">\r\n      <p class=\"mtt-why3__eyebrow\">Why Choose Us<\/p>\r\n      <h2 class=\"mtt-why3__title\">Travel with <strong>confidence<\/strong><\/h2>\r\n      <p class=\"mtt-why3__lead\">Premium service, trusted experts, and clear value on every journey.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"mtt-why3__grid\" role=\"list\">\r\n      <!-- Box 1 -->\r\n      <article class=\"mtt-why3__card\" role=\"listitem\">\r\n        <div class=\"mtt-why3__icon\">\r\n          <i class=\"fa-solid fa-user-tie\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"mtt-why3__card-title\">Expert Local Guides<\/h3>\r\n        <p class=\"mtt-why3__card-text\">\r\n          Certified, English-speaking professionals who know Morocco's hidden gems.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- Box 2 -->\r\n      <article class=\"mtt-why3__card\" role=\"listitem\">\r\n        <div class=\"mtt-why3__icon mtt-why3__icon--blue\">\r\n          <i class=\"fa-solid fa-shield-heart\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"mtt-why3__card-title\">Licensed & Insured Transport<\/h3>\r\n        <p class=\"mtt-why3__card-text\">\r\n          Comfort & safety first\u2014modern vehicles, full insurance, and door-to-door pick-up.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- Box 3 -->\r\n      <article class=\"mtt-why3__card\" role=\"listitem\">\r\n        <div class=\"mtt-why3__icon\">\r\n          <i class=\"fa-solid fa-tags\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"mtt-why3__card-title\">Transparent Pricing & Support<\/h3>\r\n        <p class=\"mtt-why3__card-text\">\r\n          Clear inclusions, fair rates, and friendly assistance\u2014before and during your tour.\r\n        <\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Theme-safe, scoped styles ===== *\/\r\n.mtt-why3, .mtt-why3 * { box-sizing: border-box; }\r\n.mtt-why3{\r\n  --mtt-bg:#ffffff;\r\n  --mtt-ink:#0f172a;\r\n  --mtt-muted:#64748b;\r\n  --mtt-border:#e2e8f0;\r\n  --mtt-orange:#ff7b00;\r\n  --mtt-orange-700:#e66a00;\r\n  --mtt-blue:#3b82f6;\r\n\r\n  background: #ffffff; \/* ADDED WHITE BACKGROUND *\/\r\n  padding: clamp(28px,6vw,72px) 0;\r\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;\r\n  color: var(--mtt-ink);\r\n  isolation:isolate;\r\n}\r\n.mtt-why3__wrap{ width:min(1100px,92%); margin-inline:auto; }\r\n\r\n\/* Header *\/\r\n.mtt-why3__header{ text-align:center; margin-bottom: clamp(16px,3.5vw,30px); }\r\n.mtt-why3__eyebrow{\r\n  display:inline-block; padding:6px 12px; border-radius:999px;\r\n  background: rgba(0,0,0,.04); border:1px solid rgba(0,0,0,.08);\r\n  color:#7c8796; font:800 11px\/1 system-ui; letter-spacing:.35px; text-transform:uppercase;\r\n}\r\n.mtt-why3__title{\r\n  margin:10px 0 6px; font:900 clamp(24px,4.5vw,40px)\/1.08 system-ui; letter-spacing:-.02em;\r\n  color: #000000 !important; text-align:center; \/* CHANGED TO BLACK FOR \"Travel with\" *\/\r\n}\r\n.mtt-why3__title strong{ color: var(--mtt-orange) !important; }\r\n.mtt-why3__lead{\r\n  margin:0; color: var(--mtt-muted); font:500 clamp(14px,1.8vw,17px)\/1.55 system-ui;\r\n}\r\n\r\n\/* Grid of 3 *\/\r\n.mtt-why3__grid{\r\n  display:grid; gap: clamp(14px,2.2vw,18px);\r\n  grid-template-columns: repeat(3, 1fr);\r\n  margin-top: clamp(16px,3vw,24px);\r\n}\r\n@media (max-width: 900px){ .mtt-why3__grid{ grid-template-columns: 1fr 1fr; } }\r\n@media (max-width: 560px){ .mtt-why3__grid{ grid-template-columns: 1fr; } }\r\n\r\n\/* Cards *\/\r\n.mtt-why3__card{\r\n  background:#fff; border:1px solid var(--mtt-border); border-radius:16px;\r\n  padding:18px; text-align:center;\r\n  box-shadow: 0 8px 22px rgba(2,6,23,.06);\r\n  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\r\n}\r\n.mtt-why3__card:hover{\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 14px 36px rgba(2,6,23,.12);\r\n  border-color: rgba(255,123,0,.45);\r\n}\r\n\r\n\/* Icon badge *\/\r\n.mtt-why3__icon{\r\n  width:56px; height:56px; border-radius:16px; margin:2px auto 10px;\r\n  display:grid; place-items:center; color:#fff; font-size:22px;\r\n  background: linear-gradient(135deg, var(--mtt-orange), var(--mtt-orange-700));\r\n  box-shadow: 0 8px 22px rgba(255,123,0,.25);\r\n}\r\n.mtt-why3__icon--blue{\r\n  background: linear-gradient(135deg, var(--mtt-blue), #1e3a8a);\r\n  box-shadow: 0 8px 22px rgba(59,130,246,.25);\r\n}\r\n\r\n.mtt-why3__card-title{\r\n  margin:6px 0 6px; font:900 18px\/1.25 system-ui; letter-spacing:-.01em; color:var(--mtt-ink);\r\n}\r\n.mtt-why3__card-text{\r\n  margin:0; color: var(--mtt-muted); font:600 14px\/1.55 system-ui;\r\n}\r\n<\/style>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bed7d21 e-con-full e-flex e-con e-parent\" data-id=\"bed7d21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d34c8b6 elementor-widget elementor-widget-html\" data-id=\"d34c8b6\" data-element_type=\"widget\" data-e-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\">\r\n    <title>Morocco Top Tour - Activities Container<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<\/head>\r\n<body>\r\n<!-- Morocco Top Tour \u2013 Activities Container (3-up grid + mobile carousel, isolated) -->\r\n<section class=\"mtt-activity\" aria-label=\"Featured Activities\">\r\n  <div class=\"mtt-activity__wrap\">\r\n    <!-- Header -->\r\n    <header class=\"mtt-activity__head\">\r\n      <div class=\"mtt-activity__titles\">\r\n        <p class=\"mtt-activity__eyebrow\">Signature Experiences<\/p>\r\n        <h2 class=\"mtt-activity__title\">Top <strong>activities<\/strong> to try<\/h2>\r\n        <p class=\"mtt-activity__sub\">Safe, guided & unforgettable \u2022 Door-to-door pick-up<\/p>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <!-- Grid \/ Track -->\r\n    <div class=\"mtt-activity__grid\" id=\"mttActivityGrid\">\r\n      <!-- SANDBOARDING -->\r\n      <article class=\"mtt-activity__card\" data-cat=\"sahara\" data-rating=\"4.8\">\r\n        <figure class=\"mtt-activity__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/USO_Sandboard_DVIDS72781.jpg\" alt=\"Sandboarding in the Sahara\" title=\"\">\r\n          <span class=\"mtt-activity__badge mtt-activity__badge--orange\"><i class=\"fa-regular fa-clock\"><\/i> 2-3 Hours<\/span>\r\n          <span class=\"mtt-activity__ribbon\">Adventure<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-activity__body\">\r\n          <h3 class=\"mtt-activity__name\">Sandboarding in the Sahara<\/h3>\r\n          <p class=\"mtt-activity__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Sahara Desert, Merzouga<\/p>\r\n          <ul class=\"mtt-activity__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-person-snowboarding\"><\/i>Sandboard included<\/li>\r\n            <li><i class=\"fa-solid fa-user-shield\"><\/i>Professional guide<\/li>\r\n            <li><i class=\"fa-solid fa-van-shuttle\"><\/i>Transport included<\/li>\r\n          <\/ul>\r\n          <div class=\"mtt-activity__meta\">\r\n            <div class=\"mtt-activity__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.8<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-activity__cta\">\r\n            <a class=\"mtt-activity__btn mtt-activity__btn--primary\" href=\"https:\/\/moroccotoptour.com\/sandboarding-in-the-sahara\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Details<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- QUAD BIKING -->\r\n      <article class=\"mtt-activity__card\" data-cat=\"sahara\" data-rating=\"4.9\">\r\n        <figure class=\"mtt-activity__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/13.jpg\" alt=\"Quad Biking in the Sahara\" title=\"\">\r\n          <span class=\"mtt-activity__badge mtt-activity__badge--blue\"><i class=\"fa-regular fa-clock\"><\/i> 2-3 Hours<\/span>\r\n          <span class=\"mtt-activity__ribbon\">Popular<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-activity__body\">\r\n          <h3 class=\"mtt-activity__name\">Quad Biking in the Sahara<\/h3>\r\n          <p class=\"mtt-activity__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Sahara Desert, Merzouga<\/p>\r\n          <ul class=\"mtt-activity__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-helmet-safety\"><\/i>Safety gear included<\/li>\r\n            <li><i class=\"fa-solid fa-route\"><\/i>Guided desert route<\/li>\r\n            <li><i class=\"fa-solid fa-van-shuttle\"><\/i>Transport included<\/li>\r\n          <\/ul>\r\n          <div class=\"mtt-activity__meta\">\r\n            <div class=\"mtt-activity__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.9<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-activity__cta\">\r\n            <a class=\"mtt-activity__btn mtt-activity__btn--primary\" href=\"https:\/\/moroccotoptour.com\/quad-biking-in-the-sahara\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Details<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- CAMEL RIDE -->\r\n      <article class=\"mtt-activity__card\" data-cat=\"sahara\" data-rating=\"4.7\">\r\n        <figure class=\"mtt-activity__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/moroccotoptour.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-19-at-14.59.59_047075b3.jpg\" alt=\"Camel Ride in the Sahara\" title=\"\">\r\n          <span class=\"mtt-activity__badge mtt-activity__badge--orange\"><i class=\"fa-regular fa-clock\"><\/i> Sunset \u2022 1-2 Hours<\/span>\r\n          <span class=\"mtt-activity__ribbon\">Classic<\/span>\r\n        <\/figure>\r\n        <div class=\"mtt-activity__body\">\r\n          <h3 class=\"mtt-activity__name\">Camel Ride in the Sahara<\/h3>\r\n          <p class=\"mtt-activity__loc\"><i class=\"fa-solid fa-location-dot\"><\/i> Sahara Desert, Merzouga<\/p>\r\n          <ul class=\"mtt-activity__features\" role=\"list\">\r\n            <li><i class=\"fa-solid fa-horse\"><\/i>Traditional camel trek<\/li>\r\n            <li><i class=\"fa-solid fa-sun\"><\/i>Sunset experience<\/li>\r\n            <li><i class=\"fa-solid fa-camera\"><\/i>Photo opportunities<\/li>\r\n          <\/ul>\r\n          <div class=\"mtt-activity__meta\">\r\n            <div class=\"mtt-activity__rating\"><i class=\"fa-solid fa-star\"><\/i> 4.7<\/div>\r\n          <\/div>\r\n          <div class=\"mtt-activity__cta\">\r\n            <a class=\"mtt-activity__btn mtt-activity__btn--primary\" href=\"https:\/\/moroccotoptour.com\/camel-ride-in-the-sahara\/\"><i class=\"fa-solid fa-circle-info\"><\/i> Details<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <!-- Dots (mobile carousel) -->\r\n    <div class=\"mtt-activity__dots\" role=\"tablist\" aria-label=\"Slide navigation\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ========== Theme-safe, scoped styles for .mtt-activity ========== *\/\r\n.mtt-activity, .mtt-activity * { box-sizing: border-box; }\r\n.mtt-activity{\r\n  --mtt-bg:#ffffff; \/* CHANGED FROM #0b1220 TO #ffffff *\/\r\n  --mtt-card:#f8fafc; \/* LIGHTER CARD BACKGROUND *\/\r\n  --mtt-muted:#64748b; \/* DARKER TEXT FOR BETTER CONTRAST ON WHITE *\/\r\n  --mtt-border:#e2e8f0; \/* LIGHTER BORDER *\/\r\n  --mtt-white:#1e293b; \/* DARK TEXT COLOR *\/\r\n  --mtt-orange:#ff7b00;\r\n  --mtt-orange-700:#e66a00;\r\n  --mtt-blue:#3b82f6;\r\n  --mtt-blue-700:#2563eb;\r\n  --mtt-red:#ef4444;\r\n\r\n  position:relative; background:var(--mtt-bg); color:var(--mtt-white); isolation:isolate;\r\n  padding: clamp(28px,6vw,64px) 0;\r\n  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\r\n}\r\n.mtt-activity__wrap{ width:min(1200px,92%); margin-inline:auto; }\r\n\r\n\/* Header *\/\r\n.mtt-activity__titles{ text-align:center; }\r\n.mtt-activity__eyebrow{\r\n  display:inline-block; padding:6px 12px; border-radius:999px;\r\n  background: #f1f5f9; border:1px solid #cbd5e1; color:#475569; \/* LIGHTER STYLE *\/\r\n  font:700 11px\/1 system-ui; letter-spacing:.35px; text-transform:uppercase; margin-bottom:8px;\r\n}\r\n.mtt-activity__title{ \r\n  margin:0; \r\n  font:800 clamp(24px,4vw,40px)\/1.1 system-ui; \r\n  letter-spacing:-.02em; \r\n  color: #000000 !important; \/* CHANGED TO BLACK FOR \"Top\" *\/\r\n}\r\n.mtt-activity__title strong{ color:var(--mtt-orange) !important; }\r\n.mtt-activity__sub{ color:var(--mtt-muted); margin:6px 0 0; }\r\n\r\n\/* Grid (desktop) \/ Track (mobile) *\/\r\n.mtt-activity__grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:22px; margin-top:18px; }\r\n@media (max-width: 1020px){ .mtt-activity__grid{ grid-template-columns: repeat(2,1fr);} }\r\n@media (max-width: 680px){\r\n  .mtt-activity__grid{\r\n    display:flex; overflow-x:auto; gap:12px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;\r\n    padding-bottom:10px; scrollbar-width:none;\r\n  }\r\n  .mtt-activity__grid::-webkit-scrollbar{ display:none; }\r\n}\r\n\r\n\/* Card *\/\r\n.mtt-activity__card{\r\n  background: var(--mtt-card); \/* SOLID LIGHT BACKGROUND *\/\r\n  border:1px solid var(--mtt-border); border-radius:16px; overflow:hidden;\r\n  display:grid; grid-template-rows:auto 1fr;\r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08);\r\n}\r\n.mtt-activity__card:hover{ transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.15); }\r\n@media (max-width:680px){ .mtt-activity__card{ min-width:88%; scroll-snap-align:center; } }\r\n\r\n.mtt-activity__media{ position:relative; height: 240px; overflow:hidden; }\r\n.mtt-activity__media img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; transition: transform .6s ease; }\r\n.mtt-activity__card:hover .mtt-activity__media img{ transform: scale(1.05); }\r\n\r\n.mtt-activity__badge{\r\n  position:absolute; top:12px; left:12px; z-index:2; padding:6px 10px;\r\n  font:800 12px\/1 system-ui; border-radius:16px; display:inline-flex; align-items:center; gap:6px; color:#fff;\r\n}\r\n.mtt-activity__badge--orange{ background:var(--mtt-orange); }\r\n.mtt-activity__badge--blue{ background:var(--mtt-blue); }\r\n\r\n.mtt-activity__ribbon{\r\n  position:absolute; right:-42px; top:14px; background: var(--mtt-red); color:#fff;\r\n  font:900 11px\/1 system-ui; padding:7px 60px; transform: rotate(30deg);\r\n  border:1px solid rgba(255,255,255,.15); border-radius:6px; text-transform:uppercase; letter-spacing:.6px;\r\n}\r\n\r\n\/* Body *\/\r\n.mtt-activity__body{ padding:16px; display:grid; gap:10px; }\r\n.mtt-activity__name{ margin:0; font:800 18px\/1.3 system-ui; color:#1e293b; }\r\n.mtt-activity__loc{ margin:0; color:var(--mtt-muted); font-weight:700; display:flex; align-items:center; gap:8px; }\r\n.mtt-activity__features{ margin:4px 0 0; padding:0; list-style:none; display:flex; gap:12px; flex-wrap:wrap; color:var(--mtt-muted); font-weight:700; }\r\n.mtt-activity__features li{ display:inline-flex; gap:8px; align-items:center; }\r\n\r\n\/* Meta (rating only) *\/\r\n.mtt-activity__meta{ display:flex; justify-content:flex-start; align-items:center; margin-top:2px; }\r\n.mtt-activity__rating{ color:#d97706; font-weight:900; display:flex; align-items:center; gap:6px; }\r\n.mtt-activity__rating .fa-star{ font-size:14px; }\r\n\r\n\/* CTA: single button *\/\r\n.mtt-activity__cta{ display:flex; margin-top:8px; }\r\n.mtt-activity__btn{\r\n  appearance:none; border:0; text-decoration:none; cursor:pointer; padding:12px 16px; border-radius:12px;\r\n  font:900 14px\/1 system-ui; text-align:center; background:var(--mtt-orange); color:#fff;\r\n  box-shadow:0 10px 24px rgba(255,123,0,.35); width:100%;\r\n}\r\n.mtt-activity__btn:hover{ background:var(--mtt-orange-700); }\r\n\r\n\/* Dots (mobile) *\/\r\n.mtt-activity__dots{ display:none; }\r\n@media (max-width:680px){\r\n  .mtt-activity__dots{\r\n    display:flex; justify-content:center; gap:10px; align-items:center; margin-top:10px;\r\n  }\r\n  .mtt-activity__dots button{\r\n    width:12px; height:12px; border-radius:50%; border:0; cursor:pointer;\r\n    background:#cbd5e1; opacity:.85; transition:transform .15s ease, opacity .15s ease, box-shadow .15s ease;\r\n  }\r\n  .mtt-activity__dots button[aria-selected=\"true\"]{\r\n    background:#ff7b00; opacity:1; transform:scale(1.12);\r\n    box-shadow:0 0 0 4px rgba(255,123,0,.25);\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const root = document.currentScript.closest('.mtt-activity');\r\n  const grid  = root.querySelector('#mttActivityGrid');\r\n  const dotsWrap = root.querySelector('.mtt-activity__dots');\r\n\r\n  \/\/ Build dots for visible cards\r\n  function buildDots(){\r\n    dotsWrap.innerHTML = '';\r\n    const visible = Array.from(grid.querySelectorAll('.mtt-activity__card'));\r\n    visible.forEach((_, i)=>{\r\n      const b = document.createElement('button');\r\n      b.type = 'button';\r\n      b.setAttribute('role','tab');\r\n      b.setAttribute('aria-label', `Go to slide ${i+1}`);\r\n      b.addEventListener('click', ()=> go(i, visible));\r\n      dotsWrap.appendChild(b);\r\n    });\r\n    updateDots(0);\r\n    \/\/ IntersectionObserver to track active slide on mobile\r\n    io?.disconnect();\r\n    io = new IntersectionObserver((entries)=>{\r\n      entries.forEach(entry=>{\r\n        if(entry.isIntersecting){\r\n          const i = visible.indexOf(entry.target);\r\n          if(i!==-1) updateDots(i);\r\n        }\r\n      });\r\n    }, { root: grid, threshold: 0.6 });\r\n    visible.forEach(s => io.observe(s));\r\n  }\r\n\r\n  function updateDots(i){\r\n    dotsWrap.querySelectorAll('button').forEach((d,di)=> d.setAttribute('aria-selected', di===i ? 'true' : 'false'));\r\n  }\r\n\r\n  function go(i, list){\r\n    const slides = list || Array.from(grid.querySelectorAll('.mtt-activity__card'));\r\n    const idx = Math.max(0, Math.min(i, slides.length-1));\r\n    slides[idx].scrollIntoView({behavior:'smooth', inline:'center', block:'nearest'});\r\n    updateDots(idx);\r\n  }\r\n\r\n  \/\/ Init\r\n  let io; \/\/ observer for mobile active dot\r\n  buildDots();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0ec3cdb e-con-full e-flex e-con e-parent\" data-id=\"0ec3cdb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-548fc38 elementor-widget elementor-widget-html\" data-id=\"548fc38\" data-element_type=\"widget\" data-e-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\" \/>\r\n  <title>Custom Tour Request<\/title>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" integrity=\"sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9\/2PkfG3j3u2KSB4z9YhiJjkxFv1Jd5rhlWST\/dpD0iC5V7Q8YxcpTM1H6mQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n  <style>\r\n    \/* ============ Reset & root ============ *\/\r\n    .tour-popup * { box-sizing: border-box; margin: 0; padding: 0; }\r\n    .tour-popup {\r\n      --orange: #f59e0b; \/* orange button *\/\r\n      --orange-dark: #d97706;\r\n      --bg-dark: #0f172a;\r\n      --text: #0f172a;\r\n      --subtext: #475569;\r\n      --muted: #e2e8f0;\r\n      --ring: rgba(245, 158, 11, 0.2);\r\n      --ok: #10b981;\r\n      --error: #ef4444;\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Apple Color Emoji\", \"Segoe UI Emoji\";\r\n    }\r\n\r\n    \/* ============ Floating button ============ *\/\r\n    .tour-popup .floating-btn {\r\n      position: fixed; right: 24px; bottom: 24px; width: 68px; height: 68px;\r\n      border-radius: 999px; border: 0; cursor: pointer; z-index: 9998;\r\n      background: var(--orange); color: #fff; box-shadow: 0 12px 24px rgba(245, 158, 11, .35);\r\n      display: grid; place-items: center; font-size: 1.6rem; transition: .2s ease;\r\n    }\r\n    .tour-popup .floating-btn:hover { transform: translateY(-3px); background: var(--orange-dark); }\r\n\r\n    \/* ============ Overlay & container ============ *\/\r\n    .tour-popup .overlay { position: fixed; inset: 0; background: rgba(2,6,23,.65); backdrop-filter: blur(4px); display: none; z-index: 9999; }\r\n    .tour-popup .overlay.active { display: grid; place-items: center; }\r\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; }\r\n    @keyframes pop { from { transform: scale(.96); opacity: 0 } to { transform: scale(1); opacity: 1 } }\r\n\r\n    \/* ============ Header ============ *\/\r\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; }\r\n    .tour-popup .header h2 { font-size: 1.2rem; font-weight: 700; letter-spacing: .2px; }\r\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; }\r\n\r\n    \/* ============ Steps ============ *\/\r\n    .tour-popup .content { padding: 22px; }\r\n    .tour-popup .steps { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }\r\n    .tour-popup .step { height: 6px; background: #f1f5f9; border-radius: 999px; position: relative; overflow: hidden; }\r\n    .tour-popup .step::after { content: \"\"; position: absolute; inset: 0; width: 0%; background: var(--orange); transition: width .25s ease; }\r\n    .tour-popup .step.active::after { width: 100%; }\r\n\r\n    \/* ============ Form ============ *\/\r\n    .tour-popup .form-step { display: none; }\r\n    .tour-popup .form-step.active { display: block; }\r\n\r\n    .tour-popup .group { margin-bottom: 16px; }\r\n    .tour-popup label { display: block; font-weight: 600; color: var(--text); margin-bottom: 8px; }\r\n    .tour-popup .hint { font-size: .9rem; color: var(--subtext); margin-top: 6px; }\r\n    .tour-popup input[type=\"text\"],\r\n    .tour-popup input[type=\"email\"],\r\n    .tour-popup input[type=\"tel\"],\r\n    .tour-popup input[type=\"number\"],\r\n    .tour-popup select,\r\n    .tour-popup textarea {\r\n      width: 100%; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 10px; font-size: 1rem; color: var(--text);\r\n      transition: border-color .15s ease, box-shadow .15s ease;\r\n    }\r\n    .tour-popup textarea { min-height: 110px; resize: vertical; }\r\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); }\r\n\r\n    .tour-popup .row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n    @media (max-width: 640px) { .tour-popup .row { grid-template-columns: 1fr; } }\r\n\r\n    .tour-popup .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }\r\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; }\r\n    .tour-popup .chip button { border: 0; background: transparent; cursor: pointer; color: inherit; }\r\n\r\n    .tour-popup .activities { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }\r\n    .tour-popup .activity { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 12px; display: flex; align-items: center; gap: 10px; }\r\n    .tour-popup .activity input { width: 18px; height: 18px; }\r\n\r\n    .tour-popup .error { color: var(--error); font-size: .9rem; margin-top: 6px; display: none; }\r\n\r\n    .tour-popup .actions { display: flex; gap: 10px; margin-top: 16px; }\r\n    .tour-popup .btn { appearance: none; border: 0; border-radius: 10px; padding: 12px 16px; font-weight: 700; cursor: pointer; }\r\n    .tour-popup .btn.primary { background: var(--orange); color: #fff; }\r\n    .tour-popup .btn.primary:hover { background: var(--orange-dark); }\r\n    .tour-popup .btn.ghost { background: #fff; border: 1px solid #e5e7eb; color: var(--text); }\r\n\r\n    \/* ============ Success ============ *\/\r\n    .tour-popup .success { text-align: center; padding: 36px 20px; display: none; }\r\n    .tour-popup .success i { font-size: 3rem; color: var(--ok); margin-bottom: 12px; }\r\n    .tour-popup .success h3 { font-size: 1.4rem; margin-bottom: 8px; }\r\n    .tour-popup .success p { color: var(--subtext); }\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"tour-popup\">\r\n    <!-- Floating action button (orange) -->\r\n    <button id=\"openTourPopup\" class=\"floating-btn\" aria-label=\"Request a custom tour\">\r\n      <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n    <\/button>\r\n\r\n    <!-- Overlay \/ Modal -->\r\n    <div id=\"tourOverlay\" class=\"overlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"tourTitle\">\r\n      <div class=\"card\">\r\n        <div class=\"header\">\r\n          <h2 id=\"tourTitle\">Plan Your Custom Morocco Tour<\/h2>\r\n          <button class=\"close\" id=\"closeTourPopup\" aria-label=\"Close\">\r\n            <i class=\"fa-solid fa-xmark\"><\/i>\r\n          <\/button>\r\n        <\/div>\r\n        <div class=\"content\">\r\n          <!-- progress -->\r\n          <div class=\"steps\">\r\n            <div id=\"bar1\" class=\"step active\"><\/div>\r\n            <div id=\"bar2\" class=\"step\"><\/div>\r\n          <\/div>\r\n\r\n          <!-- Success screen -->\r\n          <div id=\"successScreen\" class=\"success\">\r\n            <i class=\"fa-solid fa-circle-check\"><\/i>\r\n            <h3>Thank you! Your request was sent.<\/h3>\r\n            <p>We\u2019ll get back to you shortly to confirm the details.<\/p>\r\n            <div class=\"actions\" style=\"justify-content:center; margin-top:18px\">\r\n              <button class=\"btn primary\" id=\"successClose\">Close<\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Form -->\r\n          <form id=\"tourForm\">\r\n            <!-- STEP 1: Contact + Tour name + Cities -->\r\n            <section id=\"step1\" class=\"form-step active\">\r\n              <div class=\"group\">\r\n                <label for=\"tour_name\">Tour name *<\/label>\r\n                <input id=\"tour_name\" name=\"tour_name\" type=\"text\" placeholder=\"e.g., Sahara & Imperial Cities\" required \/>\r\n                <div class=\"error\" id=\"tour_name_err\">Please enter a tour name.<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"row\">\r\n                <div class=\"group\">\r\n                  <label for=\"full_name\">Full name *<\/label>\r\n                  <input id=\"full_name\" name=\"full_name\" type=\"text\" placeholder=\"Your name\" required \/>\r\n                  <div class=\"error\" id=\"full_name_err\">Please enter your name.<\/div>\r\n                <\/div>\r\n                <div class=\"group\">\r\n                  <label for=\"email\">Email *<\/label>\r\n                  <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" required \/>\r\n                  <div class=\"error\" id=\"email_err\">Enter a valid email.<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"group\">\r\n                <label for=\"phone\">Phone *<\/label>\r\n                <input id=\"phone\" name=\"phone\" type=\"tel\" placeholder=\"+212 6 00 00 00 00\" required \/>\r\n                <div class=\"error\" id=\"phone_err\">Please enter your phone number.<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"group\">\r\n                <label>Cities to visit (add up to 30) *<\/label>\r\n                <div class=\"row\">\r\n                  <select id=\"citySelect\">\r\n                    <!-- options injected by JS -->\r\n                  <\/select>\r\n                  <button type=\"button\" class=\"btn ghost\" id=\"addCityBtn\"><i class=\"fa-solid fa-plus\"><\/i>&nbsp;Add city<\/button>\r\n                <\/div>\r\n                <div id=\"cityChips\" class=\"chips\" aria-live=\"polite\"><\/div>\r\n                <div class=\"hint\">Popular: Marrakech, Fes, Chefchaouen, Merzouga (Sahara), Ouarzazate, Essaouira, Agadir, Atlas Mountains, Tangier, Rabat, Casablanca, Meknes, A\u00eft Benhaddou, Dades\/Todra Gorges, Dakhla, Oualidia\u2026<\/div>\r\n                <div class=\"error\" id=\"cities_err\">Add at least one city.<\/div>\r\n              <\/div>\r\n\r\n              <div class=\"actions\">\r\n                <button type=\"button\" id=\"toStep2\" class=\"btn primary\">Continue<\/button>\r\n              <\/div>\r\n            <\/section>\r\n\r\n            <!-- STEP 2: Trip details + Activities + Message & Submit -->\r\n            <section id=\"step2\" class=\"form-step\">\r\n              <div class=\"row\">\r\n                <div class=\"group\">\r\n                  <label for=\"days\">How many days? *<\/label>\r\n                  <input id=\"days\" name=\"days\" type=\"number\" min=\"1\" step=\"1\" placeholder=\"e.g., 7\" required \/>\r\n                  <div class=\"error\" id=\"days_err\">Enter at least 1 day.<\/div>\r\n                <\/div>\r\n                <div class=\"group\">\r\n                  <label for=\"people\">How many people? (min 2) *<\/label>\r\n                  <input id=\"people\" name=\"people\" type=\"number\" min=\"2\" step=\"1\" placeholder=\"2\" required \/>\r\n                  <div class=\"error\" id=\"people_err\">At least 2 people.<\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"group\">\r\n                <label>Activities (optional)<\/label>\r\n                <div class=\"activities\">\r\n                  <label class=\"activity\"><input type=\"checkbox\" value=\"Camel Trek\" class=\"act\"> <span>\r\n                    <i class=\"fa-solid fa-camel\"><\/i> Camel trek<\/span><\/label>\r\n                  <label class=\"activity\"><input type=\"checkbox\" value=\"Quad Biking\" class=\"act\"> <span>\r\n                    <i class=\"fa-solid fa-motorcycle\"><\/i> Quad biking<\/span><\/label>\r\n                  <label class=\"activity\"><input type=\"checkbox\" value=\"Sandboarding\" class=\"act\"> <span>\r\n                    <i class=\"fa-solid fa-person-skiing\"><\/i> Sandboarding<\/span><\/label>\r\n                  <label class=\"activity\"><input type=\"checkbox\" value=\"Air Balloon\" class=\"act\"> <span>\r\n                    <i class=\"fa-solid fa-hot-tub-person\"><\/i><\/span> Air balloon<\/label>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"group\">\r\n                <label for=\"message\">Message (optional)<\/label>\r\n                <textarea id=\"message\" name=\"message\" placeholder=\"Tell us anything else\u2026\"><\/textarea>\r\n              <\/div>\r\n\r\n              <div class=\"actions\">\r\n                <button type=\"button\" class=\"btn ghost\" id=\"backTo1\">Back<\/button>\r\n                <button type=\"submit\" class=\"btn primary\" id=\"submitBtn\"><i class=\"fa-solid fa-paper-plane\"><\/i>&nbsp;Send request<\/button>\r\n              <\/div>\r\n            <\/section>\r\n\r\n            <!-- hidden field to store cities -->\r\n            <input type=\"hidden\" id=\"cities\" name=\"cities\" \/>\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ ---------- EmailJS init (Public Key) ----------\r\n    (function() { emailjs.init(\"UlHaF0FvVmgEUyv26\"); })();\r\n\r\n    \/\/ ---------- Elements ----------\r\n    const overlay = document.getElementById('tourOverlay');\r\n    const openBtn = document.getElementById('openTourPopup');\r\n    const closeBtn = document.getElementById('closeTourPopup');\r\n    const successClose = document.getElementById('successClose');\r\n\r\n    const step1 = document.getElementById('step1');\r\n    const step2 = document.getElementById('step2');\r\n    const bar1 = document.getElementById('bar1');\r\n    const bar2 = document.getElementById('bar2');\r\n\r\n    const toStep2Btn = document.getElementById('toStep2');\r\n    const backTo1Btn = document.getElementById('backTo1');\r\n\r\n    const citySelect = document.getElementById('citySelect');\r\n    const addCityBtn = document.getElementById('addCityBtn');\r\n    const cityChips = document.getElementById('cityChips');\r\n    const citiesHidden = document.getElementById('cities');\r\n    const successScreen = document.getElementById('successScreen');\r\n    const form = document.getElementById('tourForm');\r\n\r\n    const fields = {\r\n      tour_name: document.getElementById('tour_name'),\r\n      full_name: document.getElementById('full_name'),\r\n      email: document.getElementById('email'),\r\n      phone: document.getElementById('phone'),\r\n      days: document.getElementById('days'),\r\n      people: document.getElementById('people'),\r\n      message: document.getElementById('message')\r\n    };\r\n\r\n    const errs = {\r\n      tour_name: document.getElementById('tour_name_err'),\r\n      full_name: document.getElementById('full_name_err'),\r\n      email: document.getElementById('email_err'),\r\n      phone: document.getElementById('phone_err'),\r\n      days: document.getElementById('days_err'),\r\n      people: document.getElementById('people_err'),\r\n      cities: document.getElementById('cities_err')\r\n    };\r\n\r\n    \/\/ ---------- City list (popular Morocco tour stops) ----------\r\n    const MOROCCO_CITIES = [\r\n      'Marrakech','Fes','Casablanca','Rabat','Chefchaouen','Tangier','Tetouan','Meknes','Essaouira','Agadir',\r\n      'Ouarzazate','Merzouga (Sahara)','Zagora','Ait Benhaddou','Ifrane','Atlas Mountains','Dades Gorges','Todra Gorge',\r\n      'Asilah','Taroudant','Oualidia','Dakhla','Laayoune','El Jadida','Oujda','Nador','Tinghir','Midelt','Erfoud','Taza'\r\n    ];\r\n\r\n    function populateCitySelect() {\r\n      MOROCCO_CITIES.forEach(c => {\r\n        const opt = document.createElement('option');\r\n        opt.value = c; opt.textContent = c; citySelect.appendChild(opt);\r\n      });\r\n    }\r\n\r\n    const selectedCities = new Set();\r\n\r\n    function renderChips() {\r\n      cityChips.innerHTML = '';\r\n      selectedCities.forEach(city => {\r\n        const chip = document.createElement('span');\r\n        chip.className = 'chip';\r\n        chip.innerHTML = `${city} <button type=\"button\" aria-label=\"Remove ${city}\" data-city=\"${city}\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>`;\r\n        cityChips.appendChild(chip);\r\n      });\r\n      citiesHidden.value = Array.from(selectedCities).join(', ');\r\n    }\r\n\r\n    function addCity(city) {\r\n      if (!city) return;\r\n      if (selectedCities.size >= 30) return; \/\/ hard cap (user asked: more than 10 allowed)\r\n      selectedCities.add(city);\r\n      renderChips();\r\n    }\r\n\r\n    \/\/ ---------- Open\/close popup ----------\r\n    openBtn.addEventListener('click', () => { overlay.classList.add('active'); document.body.style.overflow = 'hidden'; });\r\n    function closePopup() { overlay.classList.remove('active'); document.body.style.overflow = ''; resetAll(); }\r\n    closeBtn.addEventListener('click', closePopup);\r\n    overlay.addEventListener('click', (e) => { if (e.target === overlay) closePopup(); });\r\n    successClose.addEventListener('click', closePopup);\r\n\r\n    \/\/ ---------- Step navigation ----------\r\n    toStep2Btn.addEventListener('click', () => {\r\n      const ok = validateStep1();\r\n      if (!ok) return;\r\n      step1.classList.remove('active'); bar1.classList.remove('active');\r\n      step2.classList.add('active'); bar2.classList.add('active');\r\n    });\r\n    backTo1Btn.addEventListener('click', () => {\r\n      step2.classList.remove('active'); bar2.classList.remove('active');\r\n      step1.classList.add('active'); bar1.classList.add('active');\r\n    });\r\n\r\n    \/\/ ---------- Add\/Remove cities ----------\r\n    addCityBtn.addEventListener('click', () => addCity(citySelect.value));\r\n    cityChips.addEventListener('click', (e) => {\r\n      const btn = e.target.closest('button[data-city]');\r\n      if (!btn) return;\r\n      selectedCities.delete(btn.getAttribute('data-city'));\r\n      renderChips();\r\n    });\r\n\r\n    \/\/ ---------- Validation ----------\r\n    function show(el) { el.style.display = 'block'; }\r\n    function hide(el) { el.style.display = 'none'; }\r\n\r\n    function validEmail(v) { return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(String(v).toLowerCase()); }\r\n\r\n    function validateStep1() {\r\n      let ok = true;\r\n      \/\/ tour name\r\n      if (!fields.tour_name.value.trim()) { show(errs.tour_name); ok = false; } else hide(errs.tour_name);\r\n      \/\/ name\r\n      if (!fields.full_name.value.trim()) { show(errs.full_name); ok = false; } else hide(errs.full_name);\r\n      \/\/ email\r\n      if (!fields.email.value.trim() || !validEmail(fields.email.value)) { show(errs.email); ok = false; } else hide(errs.email);\r\n      \/\/ phone\r\n      if (!fields.phone.value.trim()) { show(errs.phone); ok = false; } else hide(errs.phone);\r\n      \/\/ cities\r\n      if (selectedCities.size === 0) { show(errs.cities); ok = false; } else hide(errs.cities);\r\n      return ok;\r\n    }\r\n\r\n    function validateStep2() {\r\n      let ok = true;\r\n      if (!fields.days.value || Number(fields.days.value) < 1) { show(errs.days); ok = false; } else hide(errs.days);\r\n      if (!fields.people.value || Number(fields.people.value) < 2) { show(errs.people); ok = false; } else hide(errs.people);\r\n      return ok;\r\n    }\r\n\r\n    \/\/ ---------- Submit ----------\r\n    form.addEventListener('submit', function(e) {\r\n      e.preventDefault();\r\n      if (!validateStep2()) return;\r\n\r\n      \/\/ collect activities\r\n      const acts = Array.from(document.querySelectorAll('.act:checked')).map(i => i.value);\r\n\r\n      const templateParams = {\r\n        tour_name: fields.tour_name.value.trim(),\r\n        full_name: fields.full_name.value.trim(),\r\n        email: fields.email.value.trim(),\r\n        phone: fields.phone.value.trim(),\r\n        cities: Array.from(selectedCities).join(', '),\r\n        days: String(fields.days.value),\r\n        people: String(fields.people.value),\r\n        activities: acts.length ? acts.join(', ') : 'None',\r\n        message: fields.message.value.trim() || '\u2014',\r\n        created_at: new Date().toLocaleString()\r\n      };\r\n\r\n      const submitBtn = document.getElementById('submitBtn');\r\n      const oldHtml = submitBtn.innerHTML; submitBtn.disabled = true; submitBtn.innerHTML = '<i class=\"fa-solid fa-spinner fa-spin\"><\/i>&nbsp;Sending...';\r\n\r\n      \/\/ Service & Template from user request\r\n      emailjs.send('service_z8490d1', 'template_a758c81', templateParams)\r\n        .then(() => {\r\n          \/\/ show success page inside modal\r\n          form.style.display = 'none';\r\n          successScreen.style.display = 'block';\r\n          document.querySelector('.content').scrollTo({ top: 0, behavior: 'smooth' });\r\n        })\r\n        .catch(err => {\r\n          alert('There was an error submitting your request. Please try again.');\r\n          console.error('EmailJS error:', err);\r\n        })\r\n        .finally(() => { submitBtn.disabled = false; submitBtn.innerHTML = oldHtml; });\r\n    });\r\n\r\n    \/\/ ---------- Helpers ----------\r\n    function resetAll() {\r\n      \/\/ reset UI\r\n      successScreen.style.display = 'none';\r\n      form.style.display = 'block';\r\n      step2.classList.remove('active'); bar2.classList.remove('active');\r\n      step1.classList.add('active'); bar1.classList.add('active');\r\n\r\n      \/\/ reset data\r\n      form.reset();\r\n      selectedCities.clear();\r\n      renderChips();\r\n\r\n      \/\/ hide errors\r\n      Object.values(errs).forEach(hide);\r\n    }\r\n\r\n    \/\/ ---------- Init ----------\r\n    populateCitySelect();\r\n    renderChips();\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Adventure Awaits Welcome to Morocco Top Tour, your gateway to the &#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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotoptour.com\/zh\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotoptour.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotoptour.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotoptour.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotoptour.com\/zh\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":180,"href":"https:\/\/moroccotoptour.com\/zh\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":834,"href":"https:\/\/moroccotoptour.com\/zh\/wp-json\/wp\/v2\/pages\/12\/revisions\/834"}],"wp:attachment":[{"href":"https:\/\/moroccotoptour.com\/zh\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}