Marrakech Day Trips & Tours | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Book Marrakech day trips & Morocco tours with MoroQuest Adventures: Agafay Desert, Atlas Mountains, Essaouira, A\u00eft Benhaddou, Ouzoud & more. Local guides, clear pricing, free cancellation.\" \/>\r\n <meta name=\"keywords\" content=\"Marrakech day trips, Morocco tours, Atlas Mountains tour, Agafay Desert sunset, Essaouira day trip from Marrakech, A\u00eft Benhaddou tour, Ouzoud Waterfalls tour, Ourika Valley day trip, Sahara desert tour Morocco, camel ride Marrakech, quad biking Agafay, private Morocco tours, Marrakech excursions, Morocco travel agency, airport transfer Marrakech, best tour operator Marrakech, family friendly tours Morocco, group tours Marrakech, 4x4 desert tour Morocco\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/moroquestadventures.com\/\" \/>\r\n <meta name=\"theme-color\" content=\"#ff7b00\" \/>\r\n <meta name=\"application-name\" content=\"MoroQuest Adventures\" \/>\r\n\r\n \r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta property=\"og:title\" content=\"Marrakech Day Trips & Tours | MoroQuest Adventures\" \/>\r\n <meta property=\"og:description\" content=\"Agafay sunsets, Atlas hikes, Essaouira breezes & A\u00eft Benhaddou. Local guides, flexible schedules, clear pricing.\" \/>\r\n <meta property=\"og:url\" content=\"https:\/\/moroquestadventures.com\/\" \/>\r\n <meta property=\"og:site_name\" content=\"MoroQuest Adventures\" \/>\r\n <meta property=\"og:image\" content=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/desert.jpg\" \/>\r\n <meta property=\"og:image:alt\" content=\"Sunset over Marrakech desert and Atlas Mountains\" \/>\r\n\r\n \r\n <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n <meta name=\"twitter:title\" content=\"Marrakech Day Trips & Tours | MoroQuest Adventures\" \/>\r\n <meta name=\"twitter:description\" content=\"Top-rated Marrakech day trips with local experts. Free cancellation.\" \/>\r\n <meta name=\"twitter:image\" content=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/desert.jpg\" \/>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"TravelAgency\",\r\n \"name\": \"MoroQuest Adventures\",\r\n \"url\": \"https:\/\/moroquestadventures.com\",\r\n \"areaServed\": \"MA\",\r\n \"sameAs\": []\r\n },\r\n {\r\n \"@type\": \"WebSite\",\r\n \"url\": \"https:\/\/moroquestadventures.com\",\r\n \"name\": \"MoroQuest Adventures\",\r\n \"potentialAction\": {\r\n \"@type\": \"SearchAction\",\r\n \"target\": \"https:\/\/moroquestadventures.com\/?s={search_term_string}\",\r\n \"query-input\": \"required name=search_term_string\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/cdnjs.cloudflare.com\" crossorigin>\r\n <link rel=\"dns-prefetch\" href=\"\/\/cdnjs.cloudflare.com\">\r\n\r\n \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 <style>\r\n \/* ===== Hero Banner (Professional Orange theme) ===== *\/\r\n .hero, .hero * { box-sizing: border-box; }\r\n .hero{\r\n --ink:#1f1e1c;\r\n --muted:#6b6862;\r\n --o1:#ff7b00;\r\n --o2:#ff3c00;\r\n --glass: rgba(255,255,255,.12);\r\n position:relative; isolation:isolate; color:#fff;\r\n min-height: 85vh;\r\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n display:flex; \r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n @media (min-width: 992px) and (max-width: 1440px){ .hero{ min-height: 90vh; } }\r\n @media (min-width: 1441px){ .hero{ min-height: 88vh; } }\r\n\r\n .hero__media{ position:absolute; inset:0; z-index:-2; overflow:hidden; }\r\n .hero__media img{\r\n width:100%; height:100%; object-fit:cover; object-position:center;\r\n transform: scale(1.04); filter: saturate(1.05) contrast(1.03);\r\n transition: transform 8s ease;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n opacity: 0;\r\n }\r\n .hero__media img.active {\r\n opacity: 1;\r\n z-index: 1;\r\n }\r\n .hero:hover .hero__media img.active { transform: scale(1.08); }\r\n .hero__overlay{\r\n position:absolute; inset:0; z-index:2;\r\n background:\r\n radial-gradient(80% 60% at 70% 30%, rgba(0,0,0,.35), transparent 60%),\r\n linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.55));\r\n }\r\n\r\n .hero__wrap{ width:min(1200px,92%); margin-inline:auto; padding: clamp(28px,6vw,64px) 0; display:flex; flex-direction:column; align-items:center; justify-content:center; position: relative; z-index: 3; }\r\n .hero__head{ max-width: 820px; display:flex; flex-direction:column; align-items:center; }\r\n .hero__brand{\r\n display:inline-block; margin:0 0 10px; padding:6px 14px; border-radius:999px;\r\n background: rgba(255,255,255,.12); backdrop-filter: blur(6px); border:1px solid rgba(255,255,255,.18);\r\n font:800 12px\/1 system-ui; letter-spacing:.4px; text-transform:uppercase;\r\n opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards .15s;\r\n }\r\n .hero__eyebrow{\r\n display:inline-block; margin:0 0 12px; padding:7px 16px; border-radius:999px;\r\n background: rgba(255,255,255,.12); backdrop-filter: blur(6px); border:1px solid rgba(255,255,255,.18);\r\n font:800 12px\/1 system-ui; letter-spacing:.4px; text-transform:uppercase;\r\n opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards .2s;\r\n }\r\n .hero__title{\r\n margin:0 0 14px; line-height:1.08; font-weight:900; letter-spacing:-.02em;\r\n font-size: clamp(32px, 6vw, 60px);\r\n opacity:0; transform:translateY(30px); animation: slideUpFade .8s ease forwards .4s;\r\n }\r\n .hero__accent{\r\n background: linear-gradient(135deg, var(--o1), var(--o2));\r\n -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\r\n }\r\n .hero__sub{\r\n margin:16px 0 24px; color:#f4f2ef; opacity:.95; font-weight:500;\r\n font-size: clamp(16px, 2.2vw, 19px); line-height:1.6; max-width: 95%;\r\n opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards .6s;\r\n }\r\n\r\n .hero__trust{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:16px 0 24px; justify-content:center; opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards .8s; }\r\n .hero__rating{ display:inline-flex; align-items:center; gap:8px; background: rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); padding:10px 16px; border-radius:999px; font-weight:800; font-size:14px; }\r\n .hero__star{ width:16px; height:16px; color:#ffcc33; flex:0 0 16px; }\r\n .hero__badge{ display:inline-block; padding:10px 16px; border-radius:999px; font-weight:800; background: rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); font-size:14px; }\r\n\r\n .hero__cta{ display:flex; gap:16px; flex-wrap:wrap; justify-content:center; opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards 1s; }\r\n .btn{ display:inline-flex; align-items:center; justify-content:center; padding:14px 24px; border-radius:14px; font:900 15px\/1 system-ui; text-decoration:none; transition: all .3s cubic-bezier(.25,.46,.45,.94); will-change: transform; position:relative; overflow:hidden; }\r\n .btn--primary{ background: linear-gradient(180deg, var(--o1), var(--o2)); color:#fff; box-shadow: 0 14px 26px rgba(255,123,0,.28), inset 0 0 0 1px rgba(255,255,255,.12); }\r\n .btn--primary:hover{ transform: translateY(-3px); box-shadow: 0 18px 30px rgba(255,123,0,.35), inset 0 0 0 1px rgba(255,255,255,.2); }\r\n .btn--ghost{ background: transparent; color:#fff; border:1.5px solid rgba(255,255,255,.7); }\r\n .btn--ghost:hover{ transform: translateY(-3px); background: rgba(255,255,255,.1); box-shadow: 0 8px 20px rgba(0,0,0,.15); }\r\n\r\n \/* Image slider controls *\/\r\n .hero__slider-controls {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 10;\r\n display: flex;\r\n gap: 10px;\r\n }\r\n .hero__slider-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.4);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n .hero__slider-dot.active {\r\n background: #fff;\r\n transform: scale(1.2);\r\n }\r\n\r\n @keyframes slideUpFade { from {opacity:0; transform:translateY(30px);} to {opacity:1; transform:translateY(0);} }\r\n @keyframes fadeInScale { from {opacity:0; transform:scale(.9);} to {opacity:1; transform:scale(1);} }\r\n @keyframes slideInLeft { from {opacity:0; transform:translateX(-30px);} to {opacity:1; transform:translateX(0);} }\r\n @keyframes slideInRight { from {opacity:0; transform:translateX(30px);} to {opacity:1; transform:translateX(0);} }\r\n @keyframes bounceIn { 0%{opacity:0; transform:scale(.3);} 50%{opacity:1; transform:scale(1.05);} 70%{transform:scale(.9);} 100%{opacity:1; transform:scale(1);} }\r\n\r\n \/* ===== Mobile ===== *\/\r\n @media (max-width: 720px){\r\n .hero{ min-height: 75vh; }\r\n .hero__wrap{ padding: 22px 0; }\r\n .hero__head{ max-width: 100%; }\r\n .hero__title{ font-size: clamp(28px, 8vw, 38px); line-height: 1.12; }\r\n .hero__sub{ font-size: 15px; line-height: 1.6; margin-top: 10px; max-width: 100%; }\r\n .hero__trust{ gap:8px; margin: 16px 0 20px; }\r\n .hero__rating{ padding:8px 12px; font-size: 13px; }\r\n .hero__badge{ padding:8px 12px; font-size: 13px; }\r\n .btn{ padding: 12px 18px; border-radius: 12px; font-size: 14px; }\r\n .hero__cta { gap: 12px; }\r\n .hero__slider-controls { bottom: 15px; }\r\n }\r\n @media (max-width: 380px){ .hero{ min-height: 80vh; } .hero__rating{ display:none; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"hero\" aria-labelledby=\"hero-title\">\r\n <div class=\"hero__media\" aria-hidden=\"true\">\r\n \r\n <img\r\n src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-05-at-22.33.08_5008dcfd.jpg\"\r\n alt=\"Moroccan desert landscape\"\r\n class=\"active\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n \/>\r\n <img\r\n src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-05-at-22.33.07_ff90fd27.jpg\"\r\n alt=\"Ait Bouguemez valley in the Atlas Mountains\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <img\r\n src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-05-at-22.33.07_d8b41eaa.jpg\"\r\n alt=\"Traditional Moroccan architecture\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <img\r\n src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-05-at-22.33.08_90516db2.jpg\"\r\n alt=\"Moroccan cultural experience\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <span class=\"hero__overlay\"><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__slider-controls\">\r\n <div class=\"hero__slider-dot active\" data-index=\"0\"><\/div>\r\n <div class=\"hero__slider-dot\" data-index=\"1\"><\/div>\r\n <div class=\"hero__slider-dot\" data-index=\"2\"><\/div>\r\n <div class=\"hero__slider-dot\" data-index=\"3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__wrap\">\r\n <header class=\"hero__head\">\r\n \r\n <p class=\"hero__brand\" aria-label=\"Website name\">MoroQuest Adventures<\/p>\r\n\r\n \r\n <h1 class=\"hero__title\" id=\"hero-title\">\r\n Marrakech Day Trips & Tours <span class=\"hero__accent\">by MoroQuest Adventures<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero__sub\">\r\n Trekking in Morocco, customized hiking vacations in Morocco, including Mount Toubkal ascent, Berber villages hikes, day treks & Sahara Desert tours.\r\n <\/p>\r\n\r\n <div class=\"hero__trust\">\r\n <span class=\"hero__rating\" aria-label=\"4.9 out of 5\">\r\n <svg class=\"hero__star\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.9 \"Excellent\" \u2022 1,200+ reviews\r\n <\/span>\r\n <span class=\"hero__badge\">Local Guides<\/span>\r\n <span class=\"hero__badge\">Free Cancellation<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero__cta\">\r\n \r\n <a class=\"btn btn--primary\"\r\n href=\"https:\/\/moroquestadventures.com\/tours\/\"\r\n aria-label=\"Book tours with MoroQuest Adventures\">\r\n Book Now\r\n <\/a>\r\n <a class=\"btn btn--ghost\"\r\n href=\"https:\/\/moroquestadventures.com\/day-trips\/\"\r\n aria-label=\"View all Marrakech day trips\">\r\n View All Trips\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n <\/div>\r\n <\/section>\r\n \r\n <script>\r\n \/\/ Image slider functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const images = document.querySelectorAll('.hero__media img');\r\n const dots = document.querySelectorAll('.hero__slider-dot');\r\n let currentIndex = 0;\r\n const intervalTime = 5000; \/\/ 5 seconds between transitions\r\n \r\n \/\/ Function to show a specific slide\r\n function showSlide(index) {\r\n \/\/ Remove active class from all images and dots\r\n images.forEach(img => img.classList.remove('active'));\r\n dots.forEach(dot => dot.classList.remove('active'));\r\n \r\n \/\/ Add active class to current image and dot\r\n images[index].classList.add('active');\r\n dots[index].classList.add('active');\r\n \r\n currentIndex = index;\r\n }\r\n \r\n \/\/ Function to show next slide\r\n function nextSlide() {\r\n let nextIndex = (currentIndex + 1) % images.length;\r\n showSlide(nextIndex);\r\n }\r\n \r\n \/\/ Set up automatic slideshow\r\n let slideInterval = setInterval(nextSlide, intervalTime);\r\n \r\n \/\/ Add click events to dots\r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const index = parseInt(this.getAttribute('data-index'));\r\n showSlide(index);\r\n \r\n \/\/ Reset the interval when user manually changes slide\r\n clearInterval(slideInterval);\r\n slideInterval = setInterval(nextSlide, intervalTime);\r\n });\r\n });\r\n \r\n \/\/ Pause slideshow on hover\r\n const hero = document.querySelector('.hero');\r\n hero.addEventListener('mouseenter', () => {\r\n clearInterval(slideInterval);\r\n });\r\n \r\n hero.addEventListener('mouseleave', () => {\r\n slideInterval = setInterval(nextSlide, intervalTime);\r\n });\r\n\r\n \/\/ Entrance effects\r\n const brand = document.querySelector('.hero__brand');\r\n const eyebrow = document.querySelector('.hero__eyebrow');\r\n const title = document.querySelector('.hero__title');\r\n const subtitle = document.querySelector('.hero__sub');\r\n const trust = document.querySelector('.hero__trust');\r\n const cta = document.querySelector('.hero__cta');\r\n\r\n [brand, eyebrow, title, subtitle, trust, cta].forEach(el => { el.style.animation = 'none'; void el.offsetWidth; });\r\n\r\n brand.style.animation = 'slideInLeft 0.8s ease forwards 0.15s';\r\n eyebrow.style.animation = 'slideInLeft 0.8s ease forwards 0.2s';\r\n title.style.animation = 'bounceIn 1s ease forwards 0.4s';\r\n subtitle.style.animation = 'fadeInScale 0.8s ease forwards 0.6s';\r\n trust.style.animation = 'slideInRight 0.8s ease forwards 0.8s';\r\n cta.style.animation = 'slideUpFade 0.8s ease forwards 1s';\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-abde578 e-con-full e-flex e-con e-parent\" data-id=\"abde578\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4c1238 elementor-widget elementor-widget-html\" data-id=\"b4c1238\" 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\r\n \r\n <title>About Us - MoroQuest Adventures | Morocco Tours & Marrakech Day Trips<\/title>\r\n <meta name=\"description\" content=\"Learn about MoroQuest Adventures \u2014 a Morocco-based tour operator crafting authentic Marrakech day trips and multi-day tours across the Atlas Mountains, Sahara Desert, and coastal gems like Essaouira. Local guides, fair pricing, and flexible cancellations.\" \/>\r\n \r\n <meta name=\"keywords\" content=\"MoroQuest Adventures, about MoroQuest, Morocco tour operator, Marrakech day trips, Atlas Mountains tours, Agafay Desert, Sahara desert tour, Essaouira day trip, A\u00eft Benhaddou tour, Ouzoud waterfalls, private tours Morocco, group tours Morocco, local guides Morocco, Morocco travel agency\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/moroquestadventures.com\/about\/\" \/>\r\n <meta name=\"theme-color\" content=\"#E67E22\" \/>\r\n <meta name=\"application-name\" content=\"MoroQuest Adventures\" \/>\r\n\r\n \r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta property=\"og:title\" content=\"About MoroQuest Adventures | Morocco Tours & Day Trips\" \/>\r\n <meta property=\"og:description\" content=\"Meet the team behind MoroQuest Adventures and discover our mission to deliver authentic Moroccan experiences with expert local guides.\" \/>\r\n <meta property=\"og:url\" content=\"https:\/\/moroquestadventures.com\/about\/\" \/>\r\n <meta property=\"og:site_name\" content=\"MoroQuest Adventures\" \/>\r\n <meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1582719478250-c89cae4dc85b?q=80&w=1600&auto=format&fit=crop\" \/>\r\n <meta property=\"og:image:alt\" content=\"Golden dunes and Atlas Mountains in Morocco\" \/>\r\n\r\n \r\n <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n <meta name=\"twitter:title\" content=\"About MoroQuest Adventures | Morocco Tours & Day Trips\" \/>\r\n <meta name=\"twitter:description\" content=\"Authentic Moroccan adventures led by local experts. Learn more about us.\" \/>\r\n <meta name=\"twitter:image\" content=\"https:\/\/images.unsplash.com\/photo-1582719478250-c89cae4dc85b?q=80&w=1600&auto=format&fit=crop\" \/>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"AboutPage\",\r\n \"name\": \"About MoroQuest Adventures\",\r\n \"url\": \"https:\/\/moroquestadventures.com\/about\/\",\r\n \"description\": \"Learn about MoroQuest Adventures, a Morocco tour operator for Marrakech day trips and multi-day tours.\"\r\n },\r\n {\r\n \"@type\": \"BreadcrumbList\",\r\n \"itemListElement\": [\r\n { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\/\/moroquestadventures.com\/\" },\r\n { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"About\", \"item\": \"https:\/\/moroquestadventures.com\/about\/\" }\r\n ]\r\n },\r\n {\r\n \"@type\": \"TravelAgency\",\r\n \"name\": \"MoroQuest Adventures\",\r\n \"url\": \"https:\/\/moroquestadventures.com\",\r\n \"areaServed\": \"MA\",\r\n \"sameAs\": []\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/cdnjs.cloudflare.com\" crossorigin>\r\n <link rel=\"dns-prefetch\" href=\"\/\/cdnjs.cloudflare.com\">\r\n\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 <style>\r\n \/* ===== MoroQuest Adventures - About Section ===== *\/\r\n :root {\r\n --primary: #E67E22; \/* Orange - Adventure & Energy *\/\r\n --secondary: #2980B9; \/* Blue - Trust & Reliability *\/\r\n --accent: #C0392B; \/* Red - Passion & Morocco *\/\r\n --light: #FDF6EC; \/* Light sand color *\/\r\n --dark: #2C3E50; \/* Dark blue for text *\/\r\n --gray: #7F8C8D; \/* Medium gray *\/\r\n }\r\n\r\n .mq-about {\r\n position: relative;\r\n padding: clamp(40px, 8vw, 100px) 0;\r\n color: var(--dark);\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, #f8f9fa 0%, var(--light) 100%);\r\n isolation: isolate;\r\n overflow: hidden;\r\n }\r\n\r\n .mq-about * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n \/* Background decorative elements *\/\r\n .mq-about::before {\r\n content: '';\r\n position: absolute;\r\n top: -10%;\r\n right: -5%;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(41, 128, 185, 0.1) 0%, transparent 70%);\r\n z-index: 0;\r\n }\r\n .mq-about::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10%;\r\n left: -5%;\r\n width: 400px;\r\n height: 400px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(230, 126, 34, 0.08) 0%, transparent 70%);\r\n z-index: 0;\r\n }\r\n\r\n .mq-container {\r\n position: relative;\r\n z-index: 1;\r\n width: min(1200px, 92%);\r\n margin-inline: auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(30px, 5vw, 60px);\r\n align-items: center;\r\n }\r\n\r\n \/* Content Styling *\/\r\n .mq-content { padding-right: 20px; }\r\n\r\n .mq-subtitle {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--primary);\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 15px;\r\n position: relative;\r\n padding-left: 20px;\r\n }\r\n .mq-subtitle::before {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 50%;\r\n transform: translateY(-50%);\r\n width: 12px; height: 2px;\r\n background: var(--accent);\r\n }\r\n\r\n .mq-title {\r\n font-size: clamp(28px, 4vw, 42px);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin: 0 0 20px;\r\n color: var(--dark);\r\n }\r\n .mq-title span { color: var(--primary); position: relative; }\r\n .mq-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 5px; left: 0;\r\n width: 100%; height: 8px;\r\n background: rgba(230, 126, 34, 0.2);\r\n z-index: -1;\r\n }\r\n\r\n .mq-description {\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n color: var(--gray);\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Stats Section *\/\r\n .mq-stats {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-bottom: 30px;\r\n }\r\n .mq-stat {\r\n text-align: center;\r\n padding: 15px;\r\n border-radius: 10px;\r\n background: white;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n border-top: 3px solid var(--primary);\r\n }\r\n .mq-stat:nth-child(2) { border-top-color: var(--secondary); }\r\n .mq-stat:nth-child(3) { border-top-color: var(--accent); }\r\n .mq-stat:nth-child(4) { border-top-color: #27ae60; }\r\n\r\n .mq-stat-number {\r\n display: block;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n line-height: 1;\r\n }\r\n .mq-stat-text {\r\n font-size: 0.85rem;\r\n color: var(--gray);\r\n margin-top: 5px;\r\n }\r\n\r\n \/* CTA Button *\/\r\n .mq-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 28px;\r\n background: var(--primary);\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 600;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(230, 126, 34, 0.3);\r\n margin-bottom: 30px;\r\n }\r\n .mq-btn:hover {\r\n background: var(--accent);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(230, 126, 34, 0.4);\r\n }\r\n\r\n \/* Image Gallery *\/\r\n .mq-gallery {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n }\r\n .mq-image {\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n aspect-ratio: 1\/1;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n border: 3px solid transparent;\r\n background: linear-gradient(white, white) padding-box,\r\n linear-gradient(135deg, var(--primary), var(--secondary)) border-box;\r\n }\r\n .mq-image::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(230,126,34,.1), rgba(41,128,185,.1));\r\n opacity: 0; transition: opacity .4s ease; z-index: 1; pointer-events: none;\r\n }\r\n .mq-image img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n transition: all .5s ease; filter: brightness(.95);\r\n }\r\n .mq-image:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); }\r\n .mq-image:hover::before { opacity: 1; }\r\n .mq-image:hover img { transform: scale(1.08); filter: brightness(1.05); }\r\n\r\n .mq-image-large {\r\n grid-column: span 2;\r\n aspect-ratio: 16\/9;\r\n border: 4px solid transparent;\r\n background: linear-gradient(white, white) padding-box,\r\n linear-gradient(135deg, var(--accent), var(--primary)) border-box;\r\n }\r\n\r\n \/* Polaroid & frame *\/\r\n .mq-image:nth-child(1) { position: relative; }\r\n .mq-image:nth-child(1)::after {\r\n content: ''; position: absolute; left:0; right:0; bottom:0; height:25%;\r\n background: linear-gradient(to top, rgba(255,255,255,0.9), transparent);\r\n pointer-events: none; border-radius: 0 0 10px 10px;\r\n }\r\n .mq-image:nth-child(2) { position: relative; padding: 8px; background: white; }\r\n .mq-image:nth-child(2)::before {\r\n content: ''; position: absolute; top:4px; left:4px; right:4px; bottom:4px;\r\n border: 2px solid var(--primary); border-radius: 8px; z-index: 1; pointer-events: none;\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n @media (max-width: 992px) {\r\n .mq-container { grid-template-columns: 1fr; gap: 40px; }\r\n .mq-content { padding-right: 0; text-align: center; order: 1; }\r\n .mq-gallery { order: 2; }\r\n .mq-stats {\r\n grid-template-columns: repeat(2, 1fr);\r\n max-width: 500px; margin-left: auto; margin-right: auto;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n .mq-gallery { grid-template-columns: repeat(2, 1fr); }\r\n .mq-image-large { grid-column: span 2; }\r\n }\r\n @media (max-width: 480px) {\r\n .mq-about { padding: 60px 0; }\r\n .mq-title { font-size: 28px; }\r\n .mq-description { font-size: 1rem; }\r\n .mq-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n .mq-stat { padding: 12px 8px; }\r\n .mq-stat-number { font-size: 1.5rem; }\r\n .mq-stat-text { font-size: 0.75rem; }\r\n .mq-gallery { grid-template-columns: repeat(2, 1fr); }\r\n .mq-image-large { grid-column: span 2; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"mq-about\" aria-label=\"About MoroQuest Adventures\">\r\n <div class=\"mq-container\">\r\n \r\n <div class=\"mq-content\">\r\n <span class=\"mq-subtitle\">\r\n <i class=\"fas fa-compass\" aria-hidden=\"true\"><\/i> Discover Morocco\r\n <\/span>\r\n\r\n \r\n <h1 class=\"mq-title\">Experience <span>Authentic Moroccan Adventures<\/span> with MoroQuest<\/h1>\r\n\r\n <p class=\"mq-description\">\r\n At <strong>MoroQuest Adventures<\/strong>, we craft unforgettable journeys through Morocco \u2014 from the golden dunes of the Sahara to the vibrant souks of Marrakech.\r\n Travel with expert local guides, fair pricing, and flexible cancellations. Explore our\r\n <a href=\"https:\/\/moroquestadventures.com\/day-trips\/\" rel=\"noopener\">Marrakech day trips<\/a> or plan a multi-day\r\n <a href=\"https:\/\/moroquestadventures.com\/tours\/\" rel=\"noopener\">Morocco tour<\/a> across the Atlas Mountains and beyond.\r\n <\/p>\r\n\r\n <div class=\"mq-stats\" aria-label=\"Company statistics\">\r\n <div class=\"mq-stat\">\r\n <span class=\"mq-stat-number\">10+<\/span>\r\n <span class=\"mq-stat-text\">Years Experience<\/span>\r\n <\/div>\r\n <div class=\"mq-stat\">\r\n <span class=\"mq-stat-number\">5000+<\/span>\r\n <span class=\"mq-stat-text\">Happy Travelers<\/span>\r\n <\/div>\r\n <div class=\"mq-stat\">\r\n <span class=\"mq-stat-number\">50+<\/span>\r\n <span class=\"mq-stat-text\">Unique Tours<\/span>\r\n <\/div>\r\n <div class=\"mq-stat\">\r\n <span class=\"mq-stat-number\">24\/7<\/span>\r\n <span class=\"mq-stat-text\">Customer Support<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <a href=\"https:\/\/moroquestadventures.com\/tours\/\" class=\"mq-btn\" aria-label=\"Explore tours by MoroQuest Adventures\">\r\n Explore Our Tours <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"mq-gallery\">\r\n <div class=\"mq-image\">\r\n <img src=\"https:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-20.06.39_19861a2c.jpg\"\r\n alt=\"Camel caravan at sunset in Moroccan desert\"\r\n loading=\"lazy\" decoding=\"async\" \/>\r\n <\/div>\r\n <div class=\"mq-image\">\r\n <img src=\"https:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_8fffc5d6.jpg\"\r\n alt=\"Traditional Moroccan architecture and arches\"\r\n loading=\"lazy\" decoding=\"async\" \/>\r\n <\/div>\r\n <div class=\"mq-image mq-image-large\">\r\n <img src=\"https:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_3becafcb.jpg\"\r\n alt=\"Vibrant Moroccan market scene in Marrakech\"\r\n loading=\"lazy\" decoding=\"async\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d2b6f9 e-flex e-con-boxed e-con e-parent\" data-id=\"2d2b6f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151c615 elementor-widget elementor-widget-html\" data-id=\"151c615\" 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>Premium Tours | Agadir Desert Tours<\/title>\r\n <meta name=\"description\" content=\"Discover Morocco's hidden treasures with our premium desert tours. Experience luxury camps, sunset views, camel treks and authentic Moroccan adventures.\">\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 .tura-tour-cards-container {\r\n max-width: 100% !important;\r\n width: 100% !important;\r\n margin: 0 auto !important;\r\n font-family: 'Segoe UI', system-ui, sans-serif !important;\r\n box-sizing: border-box !important;\r\n padding: 5px !important; \/* Added 5px padding for mobile *\/\r\n }\r\n\r\n .tura-tour-cards-container * {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Header Styles *\/\r\n .tura-header {\r\n text-align: center;\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-badge {\r\n display: inline-block;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n margin-bottom: 0.8rem;\r\n box-shadow: 0 4px 15px rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-title {\r\n font-size: clamp(1.8rem, 5vw, 3.5rem);\r\n font-weight: 800;\r\n margin-bottom: 0.8rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n line-height: 1.1;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-description {\r\n font-size: 0.95rem;\r\n color: #666;\r\n max-width: 700px;\r\n margin: 0 auto 1.5rem;\r\n line-height: 1.5;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n \/* Cards Grid - Responsive with exact column counts *\/\r\n .tura-cards-grid {\r\n display: grid;\r\n gap: 1.2rem;\r\n width: 100%;\r\n \r\n \/* Mobile: 1 column *\/\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n \/* Tablet: 2 columns *\/\r\n @media (min-width: 768px) {\r\n .tura-cards-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.8rem;\r\n }\r\n \r\n .tura-header {\r\n margin-bottom: 2.5rem;\r\n padding: 0 1rem;\r\n }\r\n \r\n .tura-tour-cards-container {\r\n padding: 1.5rem 1rem !important;\r\n }\r\n \r\n .tura-badge {\r\n padding: 0.5rem 1.5rem;\r\n font-size: 0.9rem;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .tura-title {\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .tura-description {\r\n font-size: 1.1rem;\r\n margin-bottom: 2rem;\r\n line-height: 1.6;\r\n }\r\n }\r\n\r\n \/* Laptop: 3 columns *\/\r\n @media (min-width: 1024px) {\r\n .tura-cards-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2.2rem;\r\n }\r\n \r\n .tura-tour-cards-container {\r\n padding: 2.5rem 2rem !important;\r\n }\r\n \r\n .tura-header {\r\n margin-bottom: 3.5rem;\r\n }\r\n }\r\n\r\n \/* Card Styles *\/\r\n .tura-card {\r\n background: #fff;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s ease;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n position: relative;\r\n max-width: 100%;\r\n }\r\n\r\n .tura-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n z-index: 2;\r\n }\r\n\r\n .tura-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .tura-card-image {\r\n height: 280px; \/* Fixed height as requested *\/\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .tura-card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .tura-card:hover .tura-card-image img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .tura-card-badge {\r\n position: absolute;\r\n top: 0.7rem;\r\n left: 0.7rem;\r\n background: rgba(0, 0, 0, 0.75);\r\n color: #fff;\r\n padding: 0.35rem 0.7rem;\r\n border-radius: 50px;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .tura-card-price {\r\n position: absolute;\r\n top: 0.7rem;\r\n right: 0.7rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: #fff;\r\n padding: 0.35rem 0.7rem;\r\n border-radius: 50px;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n box-shadow: 0 4px 15px rgba(255, 123, 0, 0.4);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .tura-card-content {\r\n padding: 1.1rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .tura-card-content::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n right: -12px;\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(255, 123, 0, 0.05), rgba(255, 60, 0, 0.05));\r\n border-radius: 50%;\r\n z-index: -1;\r\n }\r\n\r\n .tura-card-content::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -15px;\r\n left: -15px;\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, rgba(255, 123, 0, 0.03), rgba(255, 60, 0, 0.03));\r\n border-radius: 50%;\r\n z-index: -1;\r\n }\r\n\r\n .tura-card-title {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n margin-bottom: 0.4rem;\r\n color: #222;\r\n line-height: 1.3;\r\n }\r\n\r\n .tura-card-location {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n color: #ff7b00;\r\n font-size: 0.8rem;\r\n margin-bottom: 0.7rem;\r\n font-weight: 600;\r\n }\r\n\r\n .tura-card-location i {\r\n color: #ff7b00;\r\n }\r\n\r\n \/* Added single star in location *\/\r\n .tura-location-star {\r\n color: #ffb224;\r\n margin-left: 0.3rem;\r\n }\r\n\r\n .tura-card-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.7rem;\r\n margin-bottom: 1rem;\r\n padding-bottom: 0.9rem;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .tura-meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n color: #666;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .tura-meta-item i {\r\n color: #ff7b00;\r\n }\r\n\r\n .tura-stars {\r\n color: #ffb224;\r\n display: flex;\r\n gap: 0.1rem;\r\n }\r\n\r\n .tura-stars i {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .tura-card-features {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.4rem;\r\n margin-bottom: 1.1rem;\r\n }\r\n\r\n .tura-feature {\r\n background: rgba(255, 123, 0, 0.1);\r\n color: #ff7b00;\r\n padding: 0.3rem 0.6rem;\r\n border-radius: 50px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n border: 1px solid rgba(255, 123, 0, 0.2);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .tura-card-actions {\r\n display: flex;\r\n gap: 0.7rem;\r\n margin-top: auto;\r\n }\r\n\r\n .tura-btn {\r\n flex: 1;\r\n padding: 0.6rem 0.8rem;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n text-align: center;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.3rem;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .tura-btn-primary {\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(255, 123, 0, 0.4);\r\n }\r\n\r\n .tura-btn-secondary {\r\n background: rgba(255, 123, 0, 0.1);\r\n color: #ff7b00;\r\n border: 1px solid rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-btn-secondary:hover {\r\n background: rgba(255, 123, 0, 0.2);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .tura-btn-whatsapp {\r\n background: linear-gradient(90deg, #25D366, #128C7E);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n .tura-btn-whatsapp:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);\r\n }\r\n\r\n .tura-see-more-container {\r\n text-align: center;\r\n margin-top: 2rem;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-btn-see-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 20px rgba(255, 123, 0, 0.3);\r\n font-size: 0.95rem;\r\n }\r\n\r\n .tura-btn-see-more:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(255, 123, 0, 0.4);\r\n }\r\n\r\n \/* Tablet Optimizations *\/\r\n @media (min-width: 768px) {\r\n .tura-card {\r\n border-radius: 16px;\r\n }\r\n \r\n .tura-card-image {\r\n height: 270px; \/* Fixed height as requested *\/\r\n }\r\n \r\n .tura-card-content {\r\n padding: 1.4rem;\r\n }\r\n \r\n .tura-card-title {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .tura-card-location {\r\n font-size: 0.85rem;\r\n }\r\n \r\n .tura-meta-item {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .tura-feature {\r\n font-size: 0.75rem;\r\n padding: 0.35rem 0.7rem;\r\n }\r\n \r\n .tura-btn {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.85rem;\r\n }\r\n \r\n .tura-btn-see-more {\r\n padding: 1rem 2.2rem;\r\n font-size: 1.05rem;\r\n }\r\n }\r\n\r\n \/* Laptop\/Desktop Optimizations *\/\r\n @media (min-width: 1024px) {\r\n .tura-card {\r\n border-radius: 18px;\r\n }\r\n \r\n .tura-card-image {\r\n height: 270px; \/* Fixed height as requested *\/\r\n }\r\n \r\n .tura-card-content {\r\n padding: 1.6rem;\r\n }\r\n \r\n .tura-card-title {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .tura-btn {\r\n padding: 0.85rem 1.2rem;\r\n }\r\n \r\n .tura-btn-see-more {\r\n padding: 1.1rem 2.5rem;\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n \/* Animation for cards *\/\r\n @keyframes turaFadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .tura-card {\r\n animation: turaFadeIn 0.6s ease forwards;\r\n }\r\n\r\n .tura-card:nth-child(2) { animation-delay: 0.1s; }\r\n .tura-card:nth-child(3) { animation-delay: 0.2s; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"tura-tour-cards-container\">\r\n <header class=\"tura-header\">\r\n <div class=\"tura-badge\">PREMIUM EXPERIENCES<\/div>\r\n <h1 class=\"tura-title\">Discover Morocco's<br>Hidden Treasures<\/h1>\r\n <p class=\"tura-description\">Experience the magic of Morocco with our premium desert tours. From luxury camps under starlit skies to camel treks across golden dunes, discover authentic adventures in the heart of the Sahara.<\/p>\r\n <\/header>\r\n \r\n <main>\r\n <div class=\"tura-cards-grid\">\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.47.47_fb84db37.jpg\" alt=\"Berber Villages Trek\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 2 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $150\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">Berber Villages Trek: 2 Days<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> Azzaden Valley & Waterfalls\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <\/div>\r\n <span>4.7<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-hiking\"><\/i> Mountain Trek\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-water\"><\/i> Waterfalls<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-home\"><\/i> Berber Villages<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/2-day-discovery-of-the-ighouliden-valley-and-azzaden-waterfalls\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_18f191d5-1.jpg\" alt=\"Mount Toubkal Trek\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 2 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $170\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">Mount Toubkal Trek: 2 Days & 1 Night<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> High Atlas Mountains\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-mountain\"><\/i> Summit Climb\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-mountain\"><\/i> Highest Peak<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-campground\"><\/i> Mountain Refuge<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/mount-toubkal-trek-2-days-and-1-night\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.41.43_9abf2159.jpg\" alt=\"Berber Villages Trek 4 Days\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 4 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $200\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">Berber Villages Trek: 4 Days<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> Atlas Mountains\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <\/div>\r\n <span>4.8<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-hiking\"><\/i> Cultural Trek\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-home\"><\/i> Berber Villages<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-users\"><\/i> Cultural Immersion<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/berber-villages-trek-4-days\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"tura-see-more-container\">\r\n <a href=\"https:\/\/moroquestadventures.com\/tours\/\" class=\"tura-btn-see-more\">\r\n <i class=\"fas fa-compass\"><\/i> Explore All Tours\r\n <\/a>\r\n <\/div>\r\n <\/main>\r\n <\/div>\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-c4cbb41 e-con-full e-flex e-con e-parent\" data-id=\"c4cbb41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd7339 elementor-widget elementor-widget-html\" data-id=\"2cd7339\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dest\" aria-labelledby=\"dest-title\">\r\n <div class=\"dest__wrap\">\r\n <header class=\"dest__head\">\r\n <h2 class=\"dest__title\" id=\"dest-title\">\r\n <span class=\"dest__script\">Top-Rated<\/span> Marrakech Day Trips\r\n <\/h2>\r\n <p class=\"dest__desc\">\r\n Book trusted <strong>Marrakech day trips<\/strong> to the Agafay Desert, Atlas Mountains, Ouarzazate & A\u00eft Benhaddou,\r\n Essaouira & Sekkala, and the Ourika Valley. Small groups, flexible schedules, and transparent prices\u2014perfect for\r\n first-time visitors and repeat travelers looking to maximize a single day in Morocco.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"dest__viewport\">\r\n <div class=\"dest__track\" id=\"destTrack\" role=\"list\">\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/agafay-desert-adventure-from-marrakech\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg\" alt=\"Agafay Desert Adventure from Marrakech\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Agafay Desert Adventure<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.9 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.9\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$40<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/atlas-mountains-day-trip-from-marrakech-hike-in-imlil-berber-lunch\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.40_62f77218.jpg\" alt=\"Atlas Mountains Day Trip \u2013 Imlil & Berber Lunch\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Atlas Mountains \u2013 Imlil & Berber Lunch<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.8 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.8\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$40<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/mhamid-chegaga-trek-6-days\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_c5ec7a1c.jpg\" alt=\"Day Hike in the Atlas Mountain\">\r\n <span class=\"badge\">Guided Hike<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Day Hike in the Atlas Mountain<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.7 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.7\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$40<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/day-trip-to-ouarzazate-and-ait-benhaddou\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/b2-2.jpg\" alt=\"Day trip to Ouarzazate and A\u00eft Benhaddou\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Ouarzazate & A\u00eft Benhaddou<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.8 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.8\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$35<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/essaouira-sekkala-day-trip\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-29-at-00.15.07_f120e904.jpg\" alt=\"Essaouira & Sekkala Day Trip\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Essaouira & Sekkala<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.8 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.8\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$35<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/ourika-valley-day-trip\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/11.png\" alt=\"Ourika Valley Day Trip\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Ourika Valley<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.7 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.7\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$40<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dest__indicators\" id=\"destIndicators\" aria-label=\"Slides navigation\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Explore Day Trips (title rating, SEO text, no loop) ===== *\/\r\n.dest, .dest * { box-sizing: border-box; }\r\n.dest{\r\n padding:clamp(24px,5vw,44px) 0;\r\n font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n background:#fff; position:relative; overflow:hidden; width:100%;\r\n}\r\n.dest__wrap{\r\n \/* bigger container on large screens *\/\r\n width:min(1300px,96%); \/* was 1200\/92 *\/\r\n margin:0 auto;\r\n}\r\n\r\n\/* Header + SEO description *\/\r\n.dest__head{ text-align:center; margin-bottom:clamp(16px,3vw,24px); padding:0 12px; }\r\n.dest__title{\r\n margin:0; font-weight:800; letter-spacing:-.02em;\r\n font-size:clamp(22px,4vw,34px); \/* bigger title *\/\r\n color:#2d2a26; line-height:1.15;\r\n}\r\n.dest__script{\r\n font-style:italic; font-weight:800; margin-right:.35ch;\r\n background:linear-gradient(135deg,#ff7b00,#ff3c00);\r\n -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n}\r\n.dest__desc{\r\n max-width:940px; \/* a bit wider *\/\r\n margin:8px auto 0; color:#585550;\r\n font-weight:600; font-size:clamp(14px,2.6vw,16px); \/* slightly larger *\/\r\n line-height:1.7;\r\n}\r\n\r\n\/* Viewport *\/\r\n.dest__viewport{ position:relative; width:100%; }\r\n.dest__track{\r\n display:grid; grid-auto-flow:column;\r\n grid-auto-columns:minmax(360px,1fr); \/* was 280px \u2014 bigger cards on desktop *\/\r\n gap:clamp(16px,2.4vw,22px);\r\n overflow-x:auto; scroll-snap-type:x mandatory;\r\n padding:14px 6px 6px; scrollbar-width:none; scroll-behavior:smooth; width:100%;\r\n -webkit-overflow-scrolling:touch; cursor:grab;\r\n}\r\n.dest__track::-webkit-scrollbar{ display:none; }\r\n.card{ scroll-snap-align:start; text-decoration:none; }\r\n\r\n\/* Card *\/\r\n.card{\r\n background:#fff; border-radius:20px; \/* a touch bigger *\/\r\n overflow:hidden;\r\n box-shadow:0 12px 28px rgba(0,0,0,.10); border:1px solid rgba(0,0,0,.04);\r\n transition:transform .25s ease, box-shadow .25s ease; color:inherit;\r\n}\r\n.card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,.14); }\r\n.card__media{\r\n aspect-ratio:16\/9; \/* taller media = bigger cards *\/\r\n background:#f3f3f3; overflow:hidden; position:relative;\r\n}\r\n.card__media img{ width:100%; height:100%; object-fit:cover; }\r\n.badge{\r\n position:absolute; left:10px; top:10px;\r\n padding:6px 10px; border-radius:999px;\r\n background:rgba(255,255,255,.9); color:#ff6500; font:800 11.5px\/1 system-ui;\r\n border:1px solid rgba(0,0,0,.06); backdrop-filter: blur(4px);\r\n}\r\n\r\n.card__panel{ position:relative; margin:-18px 14px 14px; background:#fff; border-radius:16px;\r\n padding:16px 18px; box-shadow:0 10px 24px rgba(0,0,0,.08); }\r\n\r\n.title-row{\r\n display:flex; align-items:center; justify-content:space-between; gap:10px;\r\n margin-bottom:10px;\r\n}\r\n.card__title{ margin:0; font:800 18px\/1.3 system-ui; color:#2d2a26; } \/* bigger text *\/\r\n.title-rating{\r\n display:inline-flex; align-items:center; gap:5px; font-weight:900;\r\n font-size:13.5px; color:#f2b300; white-space:nowrap; flex-shrink:0;\r\n}\r\n.star{ width:14px; height:14px; flex:0 0 14px; }\r\n\r\n.card__bar{\r\n display:flex; align-items:center; justify-content:space-between; gap:10px;\r\n border-top:1px solid rgba(0,0,0,.05); padding-top:12px;\r\n}\r\n.price{ color:#ff7b00; font-weight:900; font-size:15px; letter-spacing:.3px; }\r\n.price strong{ color:#ff3c00; font-size:17px; }\r\n\r\n.cta{\r\n display:inline-flex; align-items:center; justify-content:center;\r\n padding:11px 16px; \/* slightly bigger *\/\r\n border-radius:999px;\r\n background:linear-gradient(180deg,#ff7b00,#ff3c00); color:#fff;\r\n font:900 13px\/1 system-ui; box-shadow:0 10px 22px rgba(255,123,0,.25);\r\n white-space:nowrap;\r\n}\r\n.card:hover .cta{ filter:saturate(1.05); }\r\n\r\n\/* Dots \u2014 WP-safe fixed size *\/\r\n.dest__indicators{ --dot:10px; display:flex; justify-content:center; gap:10px; margin:16px 0 0; }\r\n.dest__indicator{\r\n -webkit-appearance:none; appearance:none; padding:0!important; margin:0;\r\n border:none!important; outline:0; background:rgba(255,123,0,.3);\r\n width:var(--dot); height:var(--dot); border-radius:50%; display:inline-block;\r\n line-height:0; font-size:0; box-shadow:none; cursor:pointer; flex:0 0 auto;\r\n transition:background .2s ease, box-shadow .2s ease;\r\n}\r\n.dest__indicator:hover{ background:#ff7b00; }\r\n.dest__indicator.active{ background:#ff7b00; box-shadow:0 0 0 4px rgba(255,123,0,.15); }\r\n\r\n\/* Tablet: make slides wider (bigger cards) *\/\r\n@media (max-width:900px){\r\n .dest__track{ grid-auto-columns:85%; } \/* was 70% *\/\r\n}\r\n\r\n\/* Mobile: full-width + taller media + bigger text *\/\r\n@media (max-width: 640px){\r\n .dest__wrap{ width:100%; }\r\n .dest__track{ grid-auto-columns:100%; gap:14px; padding:0; }\r\n .card__media{ aspect-ratio:3\/2; } \/* taller on phones *\/\r\n .card__panel{ margin:-14px 12px 12px; padding:16px; }\r\n .title-row{ align-items:flex-start; }\r\n .card__title{ font-size:18px; }\r\n .cta{ font-size:13px; padding:12px 18px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* Finite carousel (no jump back). Dots navigate; no auto-loop. *\/\r\n(function(){\r\n const track = document.getElementById('destTrack');\r\n const dotsWrap = document.getElementById('destIndicators');\r\n\r\n const cards = Array.from(track.querySelectorAll('.card'));\r\n dotsWrap.innerHTML = '';\r\n cards.forEach((_, idx) => {\r\n const b = document.createElement('button');\r\n b.className = 'dest__indicator';\r\n b.type = 'button';\r\n b.setAttribute('aria-label', 'Go to slide ' + (idx+1));\r\n b.addEventListener('click', () => {\r\n const gap = parseInt(getComputedStyle(track).gap) || 0;\r\n const slot = cards[0].offsetWidth + gap;\r\n track.scrollTo({ left: idx * slot, behavior: 'smooth' });\r\n setActive(idx);\r\n });\r\n dotsWrap.appendChild(b);\r\n });\r\n\r\n const dots = Array.from(dotsWrap.querySelectorAll('.dest__indicator'));\r\n function setActive(i){ dots.forEach((d,k)=>d.classList.toggle('active',k===i)); }\r\n setActive(0);\r\n\r\n \/\/ Update active dot on scroll\r\n let raf;\r\n track.addEventListener('scroll', () => {\r\n cancelAnimationFrame(raf);\r\n raf = requestAnimationFrame(() => {\r\n const gap = parseInt(getComputedStyle(track).gap) || 0;\r\n const slot = cards[0].offsetWidth + gap;\r\n const idx = Math.round(track.scrollLeft \/ slot);\r\n setActive(Math.max(0, Math.min(idx, cards.length - 1)));\r\n });\r\n });\r\n\r\n \/\/ Drag support (desktop)\r\n let dragging=false, startX=0, startLeft=0;\r\n track.addEventListener('mousedown', (e)=>{ dragging=true; startX=e.pageX-track.offsetLeft; startLeft=track.scrollLeft; track.style.cursor='grabbing'; });\r\n document.addEventListener('mouseup', ()=>{ dragging=false; track.style.cursor='grab'; });\r\n track.addEventListener('mousemove', (e)=>{ if(!dragging) return; e.preventDefault(); const x=e.pageX-track.offsetLeft; track.scrollLeft = startLeft - (x-startX)*2; });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50980ca e-con-full e-flex e-con e-parent\" data-id=\"50980ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2646834 elementor-widget elementor-widget-html\" data-id=\"2646834\" 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>30% Discount Banner<\/title>\r\n <style>\r\n \/* ========= Promo 30% Banner with Image Background ========= *\/\r\n .promo30, .promo30 * { \r\n box-sizing: border-box; \r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .promo30 {\r\n padding: clamp(16px, 4vw, 32px);\r\n font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: linear-gradient(rgba(255, 107, 53, 0.85), rgba(194, 59, 34, 0.8)), \r\n url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n min-height: 60vh;\r\n position: relative;\r\n }\r\n\r\n \/* Card container with semi-transparent background *\/\r\n .promo30__card {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 24px;\r\n padding: clamp(28px, 5vw, 52px);\r\n min-height: 280px;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n align-items: center;\r\n justify-items: center;\r\n text-align: center;\r\n color: #ffffff;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(15px);\r\n -webkit-backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: \r\n 0 20px 50px rgba(0, 0, 0, 0.3),\r\n 0 5px 15px rgba(0, 0, 0, 0.2);\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n \/* Subtle world map overlay *\/\r\n .promo30__card::before {\r\n content: \"\";\r\n position: absolute; \r\n inset: -10% -4% -10% -4%;\r\n background-image:\r\n url(\"data:image\/svg+xml;utf8,\\\r\n <svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 400' opacity='0.15'>\\\r\n <path fill='white' d='M80 120c30-20 60-25 100-10 40 15 70 5 95-8 24-13 50-15 95-5s70 35 105 35 65-15 95-15 55 12 85 31 55 46 60 57-20 10-40 7-40-8-65-8-50 8-78 18-63 14-98 10-68-10-98-8-58 16-88 16-60-12-88-27-52-33-80-43-55-11-65-14 10-16 25-26z'\/>\\\r\n <\/svg>\");\r\n background-repeat: no-repeat;\r\n background-size: 120% auto;\r\n background-position: center;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Content *\/\r\n .promo30__content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 760px;\r\n }\r\n\r\n \/* Offer tag *\/\r\n .promo30__offer-tag {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.25);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n border-radius: 20px;\r\n padding: 6px 16px;\r\n margin-bottom: 16px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n }\r\n\r\n \/* Title *\/\r\n .promo30__title {\r\n margin: 0 0 16px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n font-size: clamp(24px, 3.5vw, 40px);\r\n letter-spacing: -0.02em;\r\n color: #ffffff;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .promo30__title strong { \r\n color: #FFE8A3; \r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n \/* Subtitle *\/\r\n .promo30__sub {\r\n margin: 16px auto 24px;\r\n max-width: 680px;\r\n color: rgba(255, 255, 255, 0.95);\r\n font-weight: 500;\r\n font-size: clamp(14px, 1.6vw, 17px);\r\n line-height: 1.6;\r\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* CTA container *\/\r\n .promo30__cta-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n \/* CTA button *\/\r\n .promo30__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 32px;\r\n border-radius: 50px;\r\n background: #ffffff;\r\n color: #C23B22;\r\n font-weight: 700;\r\n font-size: 16px;\r\n text-decoration: none;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n position: relative;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n }\r\n\r\n .promo30__btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\r\n transition: left 0.7s ease;\r\n }\r\n\r\n .promo30__btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n background: #FF6B35;\r\n color: white;\r\n border-color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .promo30__btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .promo30__btn:active {\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Urgency text *\/\r\n .promo30__urgency {\r\n font-size: 13px;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 500;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .promo30__countdown {\r\n font-weight: 700;\r\n color: #FFE8A3;\r\n }\r\n\r\n \/* Heart badge on right edge *\/\r\n .promo30__badge {\r\n position: absolute;\r\n right: 20px;\r\n top: 20px;\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n border-radius: 20px;\r\n padding: 8px 12px;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n z-index: 3;\r\n animation: float 3s ease-in-out infinite;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .promo30__badge-text {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #C23B22;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .promo30__heart {\r\n display: inline-grid;\r\n place-items: center;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n background: #fff;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* Floating animation for badge *\/\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-5px); }\r\n }\r\n\r\n \/* Pulse animation for heart *\/\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.1); }\r\n }\r\n\r\n \/* Polaroid photo stack *\/\r\n .promo30__polaroids {\r\n position: absolute;\r\n left: 30px;\r\n bottom: -20px;\r\n z-index: 2;\r\n width: 240px;\r\n height: 180px;\r\n pointer-events: none;\r\n }\r\n\r\n .pol {\r\n position: absolute;\r\n width: 120px;\r\n height: 96px;\r\n object-fit: cover;\r\n background: #fff;\r\n padding: 8px 8px 22px; \/* polaroid bottom edge *\/\r\n border-radius: 8px;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\r\n transition: transform 0.5s ease;\r\n border: 2px solid white;\r\n }\r\n\r\n .pol--a { \r\n left: 0; \r\n bottom: 30px; \r\n transform: rotate(-12deg); \r\n }\r\n\r\n .pol--b { \r\n left: 70px; \r\n bottom: 10px; \r\n transform: rotate(5deg); \r\n }\r\n\r\n .pol--c { \r\n left: 130px; \r\n bottom: 40px; \r\n transform: rotate(-5deg); \r\n }\r\n\r\n \/* Hover effects for polaroids *\/\r\n .promo30__polaroids:hover .pol--a {\r\n transform: rotate(-12deg) translateY(-5px);\r\n }\r\n\r\n .promo30__polaroids:hover .pol--b {\r\n transform: rotate(5deg) translateY(-5px);\r\n }\r\n\r\n .promo30__polaroids:hover .pol--c {\r\n transform: rotate(-5deg) translateY(-5px);\r\n }\r\n\r\n \/* Mobile Optimizations *\/\r\n @media (max-width: 900px) {\r\n .promo30__card {\r\n padding: 32px 24px;\r\n }\r\n \r\n .promo30__polaroids {\r\n left: 15px;\r\n bottom: -15px;\r\n transform: scale(0.85);\r\n }\r\n \r\n .promo30 {\r\n background-attachment: scroll;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .promo30__card {\r\n text-align: center;\r\n padding: 28px 20px;\r\n }\r\n \r\n .promo30__polaroids {\r\n left: 10px;\r\n bottom: -20px;\r\n transform: scale(0.75);\r\n }\r\n \r\n .promo30__badge {\r\n right: 15px;\r\n top: 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .promo30__polaroids {\r\n display: none;\r\n }\r\n \r\n .promo30__card {\r\n padding: 24px 18px;\r\n }\r\n \r\n .promo30__btn {\r\n padding: 14px 28px;\r\n font-size: 15px;\r\n width: 100%;\r\n max-width: 280px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .promo30 {\r\n padding: 12px;\r\n min-height: 50vh;\r\n }\r\n \r\n .promo30__card {\r\n padding: 22px 16px;\r\n border-radius: 20px;\r\n }\r\n \r\n .promo30__badge {\r\n right: 10px;\r\n top: 10px;\r\n padding: 6px 10px;\r\n }\r\n \r\n .promo30__badge-text {\r\n font-size: 10px;\r\n }\r\n \r\n .promo30__offer-tag {\r\n font-size: 12px;\r\n padding: 5px 14px;\r\n }\r\n \r\n .promo30__title {\r\n font-size: 22px;\r\n }\r\n \r\n .promo30__sub {\r\n font-size: 14px;\r\n }\r\n \r\n .promo30__urgency {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .promo30__card {\r\n padding: 20px 14px;\r\n }\r\n \r\n .promo30__btn {\r\n padding: 12px 24px;\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"promo30\" aria-label=\"Limited offer: 30% discount\">\r\n <div class=\"promo30__card\">\r\n \r\n <div class=\"promo30__badge\" aria-hidden=\"true\">\r\n <span class=\"promo30__heart\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" aria-hidden=\"true\">\r\n <path d=\"M12 21s-7-4.5-7-10a4.5 4.5 0 018-2 4.5 4.5 0 018 2c0 5.5-7 10-7 10z\" fill=\"#C23B22\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"promo30__badge-text\">Limited Time<\/span>\r\n <\/div>\r\n\r\n \r\n <figure class=\"promo30__polaroids\" aria-hidden=\"true\">\r\n <img class=\"pol pol--a\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n <img class=\"pol pol--b\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/07.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n <img class=\"pol pol--c\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/e6-1.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n\r\n \r\n <div class=\"promo30__content\">\r\n <div class=\"promo30__offer-tag\">Special Offer<\/div>\r\n <h2 class=\"promo30__title\">\r\n Don't Miss The <strong>30% Discount<\/strong> When You Register Today\r\n <\/h2>\r\n <p class=\"promo30__sub\">\r\n Book now\u2014flexible dates, friendly guides, and a smooth check-in experience.\r\n Limited availability and this launch offer ends soon. Secure your spot in minutes.\r\n <\/p>\r\n\r\n <div class=\"promo30__cta-container\">\r\n \r\n <a class=\"promo30__btn\" href=\"https:\/\/moroquestadventures.com\/contact\/\">\r\n <span>Secure Your Discount<\/span>\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/a>\r\n <div class=\"promo30__urgency\">Offer expires in <span class=\"promo30__countdown\">3 days<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8ceac0 e-flex e-con-boxed e-con e-parent\" data-id=\"a8ceac0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-236ba7d elementor-widget elementor-widget-html\" data-id=\"236ba7d\" 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>Premium Tours | Agadir Desert Tours<\/title>\r\n <meta name=\"description\" content=\"Discover Morocco's hidden treasures with our premium desert tours. Experience luxury camps, sunset views, camel treks and authentic Moroccan adventures.\">\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 .tura-tour-cards-container {\r\n max-width: 100% !important;\r\n width: 100% !important;\r\n margin: 0 auto !important;\r\n font-family: 'Segoe UI', system-ui, sans-serif !important;\r\n box-sizing: border-box !important;\r\n padding: 5px !important; \/* Added 5px padding for mobile *\/\r\n }\r\n\r\n .tura-tour-cards-container * {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Header Styles *\/\r\n .tura-header {\r\n text-align: center;\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-badge {\r\n display: inline-block;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n margin-bottom: 0.8rem;\r\n box-shadow: 0 4px 15px rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-title {\r\n font-size: clamp(1.8rem, 5vw, 3.5rem);\r\n font-weight: 800;\r\n margin-bottom: 0.8rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n line-height: 1.1;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-description {\r\n font-size: 0.95rem;\r\n color: #666;\r\n max-width: 700px;\r\n margin: 0 auto 1.5rem;\r\n line-height: 1.5;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n \/* Cards Grid - Responsive with exact column counts *\/\r\n .tura-cards-grid {\r\n display: grid;\r\n gap: 1.2rem;\r\n width: 100%;\r\n \r\n \/* Mobile: 1 column *\/\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n \/* Tablet: 2 columns *\/\r\n @media (min-width: 768px) {\r\n .tura-cards-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.8rem;\r\n }\r\n \r\n .tura-header {\r\n margin-bottom: 2.5rem;\r\n padding: 0 1rem;\r\n }\r\n \r\n .tura-tour-cards-container {\r\n padding: 1.5rem 1rem !important;\r\n }\r\n \r\n .tura-badge {\r\n padding: 0.5rem 1.5rem;\r\n font-size: 0.9rem;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .tura-title {\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .tura-description {\r\n font-size: 1.1rem;\r\n margin-bottom: 2rem;\r\n line-height: 1.6;\r\n }\r\n }\r\n\r\n \/* Laptop: 3 columns *\/\r\n @media (min-width: 1024px) {\r\n .tura-cards-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2.2rem;\r\n }\r\n \r\n .tura-tour-cards-container {\r\n padding: 2.5rem 2rem !important;\r\n }\r\n \r\n .tura-header {\r\n margin-bottom: 3.5rem;\r\n }\r\n }\r\n\r\n \/* Card Styles *\/\r\n .tura-card {\r\n background: #fff;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s ease;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n position: relative;\r\n max-width: 100%;\r\n }\r\n\r\n .tura-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n z-index: 2;\r\n }\r\n\r\n .tura-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .tura-card-image {\r\n height: 280px; \/* Fixed height as requested *\/\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .tura-card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .tura-card:hover .tura-card-image img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .tura-card-badge {\r\n position: absolute;\r\n top: 0.7rem;\r\n left: 0.7rem;\r\n background: rgba(0, 0, 0, 0.75);\r\n color: #fff;\r\n padding: 0.35rem 0.7rem;\r\n border-radius: 50px;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .tura-card-price {\r\n position: absolute;\r\n top: 0.7rem;\r\n right: 0.7rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: #fff;\r\n padding: 0.35rem 0.7rem;\r\n border-radius: 50px;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n box-shadow: 0 4px 15px rgba(255, 123, 0, 0.4);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .tura-card-content {\r\n padding: 1.1rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .tura-card-content::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n right: -12px;\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(255, 123, 0, 0.05), rgba(255, 60, 0, 0.05));\r\n border-radius: 50%;\r\n z-index: -1;\r\n }\r\n\r\n .tura-card-content::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -15px;\r\n left: -15px;\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, rgba(255, 123, 0, 0.03), rgba(255, 60, 0, 0.03));\r\n border-radius: 50%;\r\n z-index: -1;\r\n }\r\n\r\n .tura-card-title {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n margin-bottom: 0.4rem;\r\n color: #222;\r\n line-height: 1.3;\r\n }\r\n\r\n .tura-card-location {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n color: #ff7b00;\r\n font-size: 0.8rem;\r\n margin-bottom: 0.7rem;\r\n font-weight: 600;\r\n }\r\n\r\n .tura-card-location i {\r\n color: #ff7b00;\r\n }\r\n\r\n \/* Added single star in location *\/\r\n .tura-location-star {\r\n color: #ffb224;\r\n margin-left: 0.3rem;\r\n }\r\n\r\n .tura-card-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.7rem;\r\n margin-bottom: 1rem;\r\n padding-bottom: 0.9rem;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .tura-meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n color: #666;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .tura-meta-item i {\r\n color: #ff7b00;\r\n }\r\n\r\n .tura-stars {\r\n color: #ffb224;\r\n display: flex;\r\n gap: 0.1rem;\r\n }\r\n\r\n .tura-stars i {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .tura-card-features {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.4rem;\r\n margin-bottom: 1.1rem;\r\n }\r\n\r\n .tura-feature {\r\n background: rgba(255, 123, 0, 0.1);\r\n color: #ff7b00;\r\n padding: 0.3rem 0.6rem;\r\n border-radius: 50px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n border: 1px solid rgba(255, 123, 0, 0.2);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .tura-card-actions {\r\n display: flex;\r\n gap: 0.7rem;\r\n margin-top: auto;\r\n }\r\n\r\n .tura-btn {\r\n flex: 1;\r\n padding: 0.6rem 0.8rem;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n text-align: center;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.3rem;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .tura-btn-primary {\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(255, 123, 0, 0.4);\r\n }\r\n\r\n .tura-btn-secondary {\r\n background: rgba(255, 123, 0, 0.1);\r\n color: #ff7b00;\r\n border: 1px solid rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-btn-secondary:hover {\r\n background: rgba(255, 123, 0, 0.2);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .tura-btn-whatsapp {\r\n background: linear-gradient(90deg, #25D366, #128C7E);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n .tura-btn-whatsapp:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);\r\n }\r\n\r\n .tura-see-more-container {\r\n text-align: center;\r\n margin-top: 2rem;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-btn-see-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 20px rgba(255, 123, 0, 0.3);\r\n font-size: 0.95rem;\r\n }\r\n\r\n .tura-btn-see-more:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(255, 123, 0, 0.4);\r\n }\r\n\r\n \/* Tablet Optimizations *\/\r\n @media (min-width: 768px) {\r\n .tura-card {\r\n border-radius: 16px;\r\n }\r\n \r\n .tura-card-image {\r\n height: 270px; \/* Fixed height as requested *\/\r\n }\r\n \r\n .tura-card-content {\r\n padding: 1.4rem;\r\n }\r\n \r\n .tura-card-title {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .tura-card-location {\r\n font-size: 0.85rem;\r\n }\r\n \r\n .tura-meta-item {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .tura-feature {\r\n font-size: 0.75rem;\r\n padding: 0.35rem 0.7rem;\r\n }\r\n \r\n .tura-btn {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.85rem;\r\n }\r\n \r\n .tura-btn-see-more {\r\n padding: 1rem 2.2rem;\r\n font-size: 1.05rem;\r\n }\r\n }\r\n\r\n \/* Laptop\/Desktop Optimizations *\/\r\n @media (min-width: 1024px) {\r\n .tura-card {\r\n border-radius: 18px;\r\n }\r\n \r\n .tura-card-image {\r\n height: 270px; \/* Fixed height as requested *\/\r\n }\r\n \r\n .tura-card-content {\r\n padding: 1.6rem;\r\n }\r\n \r\n .tura-card-title {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .tura-btn {\r\n padding: 0.85rem 1.2rem;\r\n }\r\n \r\n .tura-btn-see-more {\r\n padding: 1.1rem 2.5rem;\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n \/* Animation for cards *\/\r\n @keyframes turaFadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .tura-card {\r\n animation: turaFadeIn 0.6s ease forwards;\r\n }\r\n\r\n .tura-card:nth-child(2) { animation-delay: 0.1s; }\r\n .tura-card:nth-child(3) { animation-delay: 0.2s; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"tura-tour-cards-container\">\r\n <header class=\"tura-header\">\r\n <div class=\"tura-badge\">PREMIUM EXPERIENCES<\/div>\r\n <h1 class=\"tura-title\">Discover Morocco's<br>Hidden Treasures<\/h1>\r\n <p class=\"tura-description\">Experience the magic of Morocco with our premium desert tours. From luxury camps under starlit skies to camel treks across golden dunes, discover authentic adventures in the heart of the Sahara.<\/p>\r\n <\/header>\r\n \r\n <main>\r\n <div class=\"tura-cards-grid\">\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/desert.jpg\" alt=\"Ait Bougmez Valley\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 6 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $300\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">6 Days Ait Bougmez Valley Tour<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> Atlas Mountains\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <\/div>\r\n <span>4.8<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-hiking\"><\/i> Mountain Trek\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-campground\"><\/i> Luxury Camp<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-sun\"><\/i> Sunset Views<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/6-days-ait-bougmez-valley-tours\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/74-2.jpg\" alt=\"Mont Toubkal & Sahara\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 5 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $450\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">5 Days Mont Toubkal & Sahara Trip<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> High Atlas & Desert\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-camel\"><\/i> Desert Safari\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-campground\"><\/i> Luxury Camp<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-sun\"><\/i> Sunset Views<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/5-days-mont-toubkal-sahara-trip\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_37c630d6.jpg\" alt=\"Merzouga Desert\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 3 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $200\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">3 Days Merzouga Desert Excursion<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> Merzouga Dunes\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <\/div>\r\n <span>4.7<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-camel\"><\/i> Camel Trek\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-campground\"><\/i> Luxury Camp<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-sun\"><\/i> Sunset Views<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/3-days-excursion-to-the-merzouga-desert\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"tura-see-more-container\">\r\n <a href=\"https:\/\/moroquestadventures.com\/tours\/\" class=\"tura-btn-see-more\">\r\n <i class=\"fas fa-compass\"><\/i> Explore All Tours\r\n <\/a>\r\n <\/div>\r\n <\/main>\r\n <\/div>\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-0e81fd5 e-con-full e-flex e-con e-parent\" data-id=\"0e81fd5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-405fa2b elementor-widget elementor-widget-html\" data-id=\"405fa2b\" 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>Professional About Us - Dream Vacation<\/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 \/* =========== Professional About Us (Orange\/Red theme) =========== *\/\r\n .about-vac, .about-vac * { box-sizing: border-box; }\r\n .about-vac{\r\n --ink:#2d2a26;\r\n --muted:#6e6a66;\r\n --bg:#ffffff;\r\n --card:#ffffff;\r\n --ring: rgba(255,123,0,.15);\r\n --o1:#ff7b00; \/* orange *\/\r\n --o2:#ff3c00; \/* red\/orange *\/\r\n --o-light: rgba(255,123,0,0.08);\r\n background: \r\n linear-gradient(135deg, #fefefe 0%, #fafafa 50%, #f5f5f5 100%),\r\n radial-gradient(circle at 20% 80%, rgba(255,123,0,0.03) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(255,60,0,0.02) 0%, transparent 50%);\r\n color: var(--ink);\r\n padding: clamp(60px,8vw,100px) 0;\r\n font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-vac::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--o1), transparent);\r\n opacity: 0.1;\r\n }\r\n\r\n .about-vac__wrap{ \r\n width:min(1200px,92%); \r\n margin-inline:auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Grid *\/\r\n .about-vac__grid{\r\n display:grid; \r\n gap: clamp(20px,3vw,30px);\r\n grid-template-columns: 1fr 1fr;\r\n grid-auto-rows: 280px;\r\n margin: 0 auto;\r\n max-width: 900px;\r\n }\r\n @media (max-width:900px){\r\n .about-vac__grid{ \r\n grid-template-columns: 1fr; \r\n grid-auto-rows: 250px; \r\n }\r\n }\r\n\r\n \/* Tiles *\/\r\n .tile{\r\n background: var(--card);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: \r\n 0 10px 30px rgba(0,0,0,.08),\r\n 0 1px 0 rgba(255,255,255,0.8) inset;\r\n border: 1px solid rgba(255,255,255,0.8);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .tile:hover {\r\n transform: translateY(-5px);\r\n box-shadow: \r\n 0 20px 40px rgba(0,0,0,.12),\r\n 0 1px 0 rgba(255,255,255,0.8) inset;\r\n }\r\n\r\n .tile--photo {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .tile--photo::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, rgba(255,123,0,0.1), rgba(255,60,0,0.1));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: 1;\r\n }\r\n\r\n .tile--photo:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .tile--photo img{\r\n width:100%; \r\n height:100%; \r\n object-fit:cover; \r\n display:block;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .tile--photo:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Stat cards *\/\r\n .tile--stat{\r\n display:grid; \r\n place-items:center;\r\n background: linear-gradient(135deg, var(--o1), var(--o2));\r\n color:#fff;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .tile--stat::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);\r\n transform: rotate(45deg);\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .tile--stat:hover::before {\r\n left: 50%;\r\n }\r\n\r\n .stat{ \r\n text-align:center; \r\n padding: 40px; \r\n position: relative;\r\n z-index: 1;\r\n }\r\n .stat__num{\r\n font-weight: 900;\r\n font-size: clamp(36px, 8vw, 60px);\r\n line-height: 1; \r\n letter-spacing: .5px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n margin-bottom: 8px;\r\n }\r\n .stat__label{\r\n font-weight: 700; \r\n letter-spacing:.4px;\r\n font-size: 16px; \r\n text-transform: uppercase;\r\n opacity: .95;\r\n }\r\n\r\n \/* Professional enhancements *\/\r\n .tile:focus-visible{ \r\n outline: 3px solid var(--ring); \r\n outline-offset: 3px; \r\n }\r\n\r\n \/* Animation for tiles *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .tile {\r\n animation: fadeInUp 0.6s ease forwards;\r\n }\r\n\r\n .tile:nth-child(1) { animation-delay: 0.1s; }\r\n .tile:nth-child(2) { animation-delay: 0.2s; }\r\n .tile:nth-child(3) { animation-delay: 0.3s; }\r\n .tile:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n \/* Responsive improvements *\/\r\n @media (max-width: 768px) {\r\n .about-vac__grid {\r\n grid-auto-rows: 220px;\r\n }\r\n \r\n .stat {\r\n padding: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-vac {\r\n padding: 50px 0;\r\n }\r\n \r\n .about-vac__grid {\r\n grid-auto-rows: 200px;\r\n gap: 15px;\r\n }\r\n \r\n .stat__num {\r\n font-size: 32px;\r\n }\r\n \r\n .stat__label {\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n \/* Professional hover states *\/\r\n .tile--stat:hover {\r\n box-shadow: \r\n 0 15px 35px rgba(255,123,0,0.25),\r\n 0 1px 0 rgba(255,255,255,0.3) inset;\r\n }\r\n\r\n \/* Subtle background pattern *\/\r\n .about-vac::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image: \r\n radial-gradient(circle at 25% 25%, rgba(255,123,0,0.03) 0%, transparent 50%),\r\n radial-gradient(circle at 75% 75%, rgba(255,60,0,0.02) 0%, transparent 50%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* Center alignment *\/\r\n .about-vac__grid {\r\n display: grid;\r\n gap: clamp(20px, 3vw, 30px);\r\n grid-template-columns: repeat(2, 1fr);\r\n grid-auto-rows: 280px;\r\n }\r\n\r\n \/* Make all tiles the same size *\/\r\n .tile--photo, .tile--stat {\r\n grid-column: span 1;\r\n grid-row: span 1;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"about-vac\" aria-label=\"Company Statistics\">\r\n <div class=\"about-vac__wrap\">\r\n \r\n <div class=\"about-vac__grid\">\r\n \r\n <figure class=\"tile tile--photo\">\r\n <img src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_dab20e6c.jpg\"\r\n alt=\"Turquoise bay and boats\" loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n\r\n \r\n <article class=\"tile tile--stat\">\r\n <div class=\"stat\">\r\n <div class=\"stat__num\">120M<\/div>\r\n <div class=\"stat__label\">Satisfied Travelers<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"tile tile--stat\">\r\n <div class=\"stat\">\r\n <div class=\"stat__num\">150+<\/div>\r\n <div class=\"stat__label\">Holiday Packages<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <figure class=\"tile tile--photo\">\r\n <img src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/desert.jpg\"\r\n alt=\"Coastal road above clear water\" loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n <\/div>\r\n <\/div>\r\n <\/section>\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-cdf7dc2 e-con-full e-flex e-con e-parent\" data-id=\"cdf7dc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99e5f38 elementor-widget elementor-widget-html\" data-id=\"99e5f38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"why-choose\" style=\"--bg:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20221106-35-58jr52-1.jpg')\" aria-labelledby=\"why-title\">\r\n <div class=\"why-choose__wrap\">\r\n \r\n <div class=\"why-choose__left\">\r\n <p class=\"why-choose__eyebrow\"><span class=\"dot\"><\/span> Why Choose Us<\/p>\r\n <h2 class=\"why-choose__title\" id=\"why-title\">\r\n Discover Morocco with <span class=\"hl\">local experts<\/span>\r\n <\/h2>\r\n <p class=\"why-choose__sub\">\r\n Hand-picked day trips from Marrakech with trusted guides, flexible departures, and clear pricing.\r\n Travel easy\u2014we handle every detail from pickup to drop-off.\r\n <\/p>\r\n\r\n <ul class=\"reasons\" role=\"list\">\r\n <li class=\"reason\">\r\n <span class=\"reason__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <div class=\"reason__text\">\r\n <h3 class=\"reason__title\">Licensed Local Guides<\/h3>\r\n <p class=\"reason__sub\">Authentic stories, safe routes, and insider access at every stop.<\/p>\r\n <\/div>\r\n <span class=\"reason__chev\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <\/li>\r\n\r\n <li class=\"reason\">\r\n <span class=\"reason__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <div class=\"reason__text\">\r\n <h3 class=\"reason__title\">Small Groups & Private<\/h3>\r\n <p class=\"reason__sub\">More time at highlights, less waiting\u2014tailored to your pace.<\/p>\r\n <\/div>\r\n <span class=\"reason__chev\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <\/li>\r\n\r\n <li class=\"reason\">\r\n <span class=\"reason__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <div class=\"reason__text\">\r\n <h3 class=\"reason__title\">Hotel Pickup & Flexible Times<\/h3>\r\n <p class=\"reason__sub\">Door-to-door comfort with departures that fit your schedule.<\/p>\r\n <\/div>\r\n <span class=\"reason__chev\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <\/li>\r\n\r\n <li class=\"reason\">\r\n <span class=\"reason__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <div class=\"reason__text\">\r\n <h3 class=\"reason__title\">Transparent Prices<\/h3>\r\n <p class=\"reason__sub\">No hidden fees. Free cancellation window on most trips.<\/p>\r\n <\/div>\r\n <span class=\"reason__chev\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <aside class=\"why-choose__right\" aria-hidden=\"true\">\r\n <figure class=\"frame\">\r\n <span class=\"frame__accent\"><\/span>\r\n <img src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_dc83febc.jpg\" alt=\"Guests enjoying a Morocco day trip\" loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n <\/aside>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Why Choose Us (overlay #694a31 + new bg) ===== *\/\r\n.why-choose, .why-choose * { box-sizing: border-box; }\r\n.why-choose{\r\n --ink:#fffaf2; \/* main text *\/\r\n --muted:#ffe9d6; \/* softer text *\/\r\n --panel:rgba(24,17,12,.55); \/* inner glass tint *\/\r\n --card:rgba(30,20,12,.65); \/* reason card bg *\/\r\n --o1:#ff7b00; --o2:#ff3c00; \/* accent gradient *\/\r\n --ring:rgba(255,123,0,.22);\r\n\r\n position:relative; isolation:isolate;\r\n color:var(--ink);\r\n font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n padding: clamp(32px, 6vw, 90px) 0;\r\n\r\n \/* Background image + custom brown overlay (#694a31) *\/\r\n background-image:\r\n linear-gradient(180deg, rgba(105,74,49,.62), rgba(105,74,49,.62)),\r\n var(--bg); \/* your photo (set inline) *\/\r\n background-size: 100% 100%, cover;\r\n background-position: center, center;\r\n background-attachment: fixed;\r\n}\r\n\r\n\/* Inner container *\/\r\n.why-choose__wrap{\r\n width:min(1200px,92%); margin-inline:auto;\r\n background: var(--panel);\r\n border:1px solid rgba(255,255,255,.10);\r\n border-radius:18px;\r\n box-shadow: 0 24px 60px rgba(0,0,0,.45);\r\n padding: clamp(20px,3.5vw,28px);\r\n display:grid; gap: clamp(18px,3.6vw,36px);\r\n grid-template-columns: 1.15fr .85fr;\r\n align-items:center;\r\n overflow:hidden;\r\n}\r\n\r\n\/* Left copy *\/\r\n.why-choose__eyebrow{\r\n margin:0 0 10px; color:var(--muted); display:flex; align-items:center; gap:8px;\r\n font:800 12px\/1 system-ui; letter-spacing:.4px; text-transform:uppercase;\r\n}\r\n.why-choose__eyebrow .dot{ width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,var(--o1),var(--o2)); display:inline-block; }\r\n.why-choose__title{\r\n margin:0 0 10px; line-height:1.08; letter-spacing:-.02em; font-weight:900;\r\n font-size: clamp(26px,4.6vw,40px);\r\n}\r\n.why-choose__title .hl{\r\n color:transparent;\r\n background:linear-gradient(135deg,var(--o1),var(--o2));\r\n -webkit-background-clip:text; background-clip:text;\r\n}\r\n.why-choose__sub{\r\n margin:0 0 16px; color:var(--muted); font-weight:600; line-height:1.55;\r\n}\r\n\r\n\/* Reasons *\/\r\n.reasons{\r\n margin:0; padding:0; list-style:none;\r\n display:grid; gap:12px 16px;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n}\r\n.reason{\r\n display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px;\r\n background: var(--card);\r\n border: 1px solid rgba(255,255,255,.12);\r\n border-radius:14px;\r\n padding:12px;\r\n box-shadow: 0 14px 30px rgba(0,0,0,.35);\r\n position:relative;\r\n}\r\n.reason::after{\r\n content:\"\"; position:absolute; inset:0; border-radius:14px; pointer-events:none;\r\n box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 4px transparent;\r\n transition: box-shadow .25s ease;\r\n}\r\n.reason:hover::after{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 4px var(--ring); }\r\n\r\n.reason__icon{\r\n width:38px; height:38px; border-radius:12px; display:grid; place-items:center;\r\n color:#fff; background: linear-gradient(135deg,var(--o1),var(--o2));\r\n box-shadow: 0 10px 24px rgba(255,123,0,.28);\r\n flex:0 0 38px;\r\n}\r\n.reason__icon svg{ width:22px; height:22px; }\r\n\r\n.reason__title{ margin:0 0 2px; font:800 15.5px\/1.25 system-ui; color:#fff; }\r\n.reason__sub{ margin:0; color:#ffe9d6; font-weight:600; font-size:13px; line-height:1.45; }\r\n\r\n.reason__chev{\r\n width:34px; height:34px; border-radius:10px; display:grid; place-items:center;\r\n background:rgba(255,255,255,.10); color:#fff; border:1px solid rgba(255,255,255,.18);\r\n}\r\n.reason__chev svg{ width:18px; height:18px; }\r\n\r\n\/* Right framed image *\/\r\n.frame{ position:relative; border-radius:16px; overflow:hidden; }\r\n.frame img{ width:100%; height:auto; display:block; border-radius:14px; }\r\n.frame__accent{\r\n position:absolute; inset:-12px -12px auto auto; width:140px; height:38px;\r\n border-radius:999px; background: linear-gradient(135deg,var(--o1),var(--o2));\r\n box-shadow: 0 10px 24px rgba(255,123,0,.28);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 980px){\r\n .why-choose__wrap{ grid-template-columns: 1fr; }\r\n .frame__accent{ inset:-10px -10px auto auto; transform: scale(.9); }\r\n}\r\n@media (max-width: 640px){\r\n .reasons{ grid-template-columns: 1fr; }\r\n .reason{ padding:12px; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-933662f e-con-full e-flex e-con e-parent\" data-id=\"933662f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c4b883 elementor-widget elementor-widget-html\" data-id=\"5c4b883\" 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>Social Media & Contact 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 <style>\r\n \/* ========= Social Media Container ========= *\/\r\n .social-container, .social-container * { \r\n box-sizing: border-box; \r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .social-container {\r\n padding: clamp(16px, 4vw, 32px);\r\n font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: linear-gradient(rgba(255, 123, 0, 0.85), rgba(255, 60, 0, 0.8)), \r\n url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n min-height: 50vh;\r\n position: relative;\r\n }\r\n\r\n \/* Card container with semi-transparent background *\/\r\n .social-container__card {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 24px;\r\n padding: clamp(28px, 5vw, 52px);\r\n min-height: 280px;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n align-items: center;\r\n justify-items: center;\r\n text-align: center;\r\n color: #ffffff;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(15px);\r\n -webkit-backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: \r\n 0 20px 50px rgba(0, 0, 0, 0.3),\r\n 0 5px 15px rgba(0, 0, 0, 0.2);\r\n max-width: 1000px;\r\n width: 100%;\r\n }\r\n\r\n \/* Subtle world map overlay *\/\r\n .social-container__card::before {\r\n content: \"\";\r\n position: absolute; \r\n inset: -10% -4% -10% -4%;\r\n background-image:\r\n url(\"data:image\/svg+xml;utf8,\\\r\n <svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 400' opacity='0.15'>\\\r\n <path fill='white' d='M80 120c30-20 60-25 100-10 40 15 70 5 95-8 24-13 50-15 95-5s70 35 105 35 65-15 95-15 55 12 85 31 55 46 60 57-20 10-40 7-40-8-65-8-50 8-78 18-63 14-98 10-68-10-98-8-58 16-88 16-60-12-88-27-52-33-80-43-55-11-65-14 10-16 25-26z'\/>\\\r\n <\/svg>\");\r\n background-repeat: no-repeat;\r\n background-size: 120% auto;\r\n background-position: center;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Content *\/\r\n .social-container__content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 760px;\r\n width: 100%;\r\n }\r\n\r\n \/* Title *\/\r\n .social-container__title {\r\n margin: 0 0 24px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n font-size: clamp(24px, 3.5vw, 36px);\r\n letter-spacing: -0.02em;\r\n color: #ffffff;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .social-container__title strong { \r\n color: #FFE8A3; \r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n \/* Subtitle *\/\r\n .social-container__sub {\r\n margin: 0 auto 32px;\r\n max-width: 680px;\r\n color: rgba(255, 255, 255, 0.95);\r\n font-weight: 500;\r\n font-size: clamp(14px, 1.6vw, 17px);\r\n line-height: 1.6;\r\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Social Icons Container *\/\r\n .social-container__icons {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n \/* Social Icon Items *\/\r\n .social-icon {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n text-decoration: none;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .social-icon:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .social-icon__circle {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .social-icon:hover .social-icon__circle {\r\n background: rgba(255, 255, 255, 0.3);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .social-icon i {\r\n font-size: 28px;\r\n color: white;\r\n }\r\n\r\n .social-icon__name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: white;\r\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Custom TripAdvisor SVG styling - Updated color to #63c870 *\/\r\n .social-icon--tripadvisor .social-icon__circle {\r\n background: #63c870;\r\n padding: 8px;\r\n }\r\n\r\n .tripadvisor-logo {\r\n width: 32px;\r\n height: 32px;\r\n filter: brightness(0) invert(1);\r\n }\r\n\r\n .social-icon--whatsapp .social-icon__circle {\r\n background: rgba(37, 211, 102, 0.7);\r\n }\r\n\r\n .social-icon--instagram .social-icon__circle {\r\n background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\r\n }\r\n\r\n .social-icon--facebook .social-icon__circle {\r\n background: rgba(59, 89, 152, 0.7);\r\n }\r\n\r\n \/* Contact Info *\/\r\n .social-container__contact {\r\n margin-top: 24px;\r\n padding-top: 24px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .social-container__phone {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #FFE8A3;\r\n margin-bottom: 8px;\r\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .social-container__contact-text {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 500;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Mobile Optimizations *\/\r\n @media (max-width: 900px) {\r\n .social-container__card {\r\n padding: 32px 24px;\r\n }\r\n \r\n .social-container {\r\n background-attachment: scroll;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .social-container__card {\r\n text-align: center;\r\n padding: 28px 20px;\r\n }\r\n \r\n .social-container__icons {\r\n gap: 15px;\r\n }\r\n \r\n .social-icon__circle {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n \r\n .social-icon i {\r\n font-size: 24px;\r\n }\r\n \r\n .tripadvisor-logo {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .social-container__card {\r\n padding: 24px 18px;\r\n }\r\n \r\n .social-container__icons {\r\n gap: 12px;\r\n }\r\n \r\n .social-icon__circle {\r\n width: 55px;\r\n height: 55px;\r\n }\r\n \r\n .social-icon i {\r\n font-size: 22px;\r\n }\r\n \r\n .tripadvisor-logo {\r\n width: 26px;\r\n height: 26px;\r\n }\r\n \r\n .social-icon__name {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .social-container {\r\n padding: 12px;\r\n min-height: 50vh;\r\n }\r\n \r\n .social-container__card {\r\n padding: 22px 16px;\r\n border-radius: 20px;\r\n }\r\n \r\n .social-container__title {\r\n font-size: 22px;\r\n }\r\n \r\n .social-container__sub {\r\n font-size: 14px;\r\n }\r\n \r\n .social-container__phone {\r\n font-size: 16px;\r\n }\r\n \r\n .social-container__contact-text {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .social-container__card {\r\n padding: 20px 14px;\r\n }\r\n \r\n .social-container__icons {\r\n gap: 10px;\r\n }\r\n \r\n .social-icon__circle {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n \r\n .social-icon i {\r\n font-size: 20px;\r\n }\r\n \r\n .tripadvisor-logo {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"social-container\" aria-label=\"Connect with us on social media\">\r\n <div class=\"social-container__card\">\r\n \r\n <div class=\"social-container__content\">\r\n <h2 class=\"social-container__title\">\r\n Connect With <strong>MoroQuest<\/strong>\r\n <\/h2>\r\n <p class=\"social-container__sub\">\r\n Follow our adventures, get travel tips, and be the first to know about special offers and new tour experiences.\r\n <\/p>\r\n\r\n \r\n <div class=\"social-container__icons\">\r\n <a href=\"https:\/\/www.tripadvisor.com\/Attraction_Review-g488109-d33993347-Reviews-Moro_Quest_Adventures-Imlil_Marrakech_Safi.html\" class=\"social-icon social-icon--tripadvisor\" aria-label=\"Visit our TripAdvisor page\" target=\"_blank\" rel=\"noopener\">\r\n <div class=\"social-icon__circle\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/tripadvisor-logo-svgrepo-com.svg\" \r\n alt=\"TripAdvisor\" \r\n class=\"tripadvisor-logo\">\r\n <\/div>\r\n <span class=\"social-icon__name\">TripAdvisor<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.instagram.com\/moroquest_adventures\/\" class=\"social-icon social-icon--instagram\" aria-label=\"Follow us on Instagram\" target=\"_blank\" rel=\"noopener\">\r\n <div class=\"social-icon__circle\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/div>\r\n <span class=\"social-icon__name\">Instagram<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/web.facebook.com\/profile.php?id=61583163064946\" class=\"social-icon social-icon--facebook\" aria-label=\"Like us on Facebook\" target=\"_blank\" rel=\"noopener\">\r\n <div class=\"social-icon__circle\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/div>\r\n <span class=\"social-icon__name\">Facebook<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"social-icon social-icon--whatsapp\" aria-label=\"Message us on WhatsApp\" target=\"_blank\" rel=\"noopener\">\r\n <div class=\"social-icon__circle\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <span class=\"social-icon__name\">WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"social-container__contact\">\r\n <div class=\"social-container__phone\">\r\n <i class=\"fab fa-whatsapp\"><\/i> 0675747089\r\n <\/div>\r\n <div class=\"social-container__contact-text\">\r\n Available for questions, bookings, and travel advice\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Marrakech Day Trips & Tours | MoroQuest Adventures MoroQuest Adventures Marrakech … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-638","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/comments?post=638"}],"version-history":[{"count":249,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":1763,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/638\/revisions\/1763"}],"wp:attachment":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/media?parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n \r\n Marrakech Day Trips & Tours | MoroQuest Adventures<\/title>\r\n <meta name=\"description\" content=\"Book Marrakech day trips & Morocco tours with MoroQuest Adventures: Agafay Desert, Atlas Mountains, Essaouira, A\u00eft Benhaddou, Ouzoud & more. Local guides, clear pricing, free cancellation.\" \/>\r\n <meta name=\"keywords\" content=\"Marrakech day trips, Morocco tours, Atlas Mountains tour, Agafay Desert sunset, Essaouira day trip from Marrakech, A\u00eft Benhaddou tour, Ouzoud Waterfalls tour, Ourika Valley day trip, Sahara desert tour Morocco, camel ride Marrakech, quad biking Agafay, private Morocco tours, Marrakech excursions, Morocco travel agency, airport transfer Marrakech, best tour operator Marrakech, family friendly tours Morocco, group tours Marrakech, 4x4 desert tour Morocco\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/moroquestadventures.com\/\" \/>\r\n <meta name=\"theme-color\" content=\"#ff7b00\" \/>\r\n <meta name=\"application-name\" content=\"MoroQuest Adventures\" \/>\r\n\r\n \r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta property=\"og:title\" content=\"Marrakech Day Trips & Tours | MoroQuest Adventures\" \/>\r\n <meta property=\"og:description\" content=\"Agafay sunsets, Atlas hikes, Essaouira breezes & A\u00eft Benhaddou. Local guides, flexible schedules, clear pricing.\" \/>\r\n <meta property=\"og:url\" content=\"https:\/\/moroquestadventures.com\/\" \/>\r\n <meta property=\"og:site_name\" content=\"MoroQuest Adventures\" \/>\r\n <meta property=\"og:image\" content=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/desert.jpg\" \/>\r\n <meta property=\"og:image:alt\" content=\"Sunset over Marrakech desert and Atlas Mountains\" \/>\r\n\r\n \r\n <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n <meta name=\"twitter:title\" content=\"Marrakech Day Trips & Tours | MoroQuest Adventures\" \/>\r\n <meta name=\"twitter:description\" content=\"Top-rated Marrakech day trips with local experts. Free cancellation.\" \/>\r\n <meta name=\"twitter:image\" content=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/desert.jpg\" \/>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"TravelAgency\",\r\n \"name\": \"MoroQuest Adventures\",\r\n \"url\": \"https:\/\/moroquestadventures.com\",\r\n \"areaServed\": \"MA\",\r\n \"sameAs\": []\r\n },\r\n {\r\n \"@type\": \"WebSite\",\r\n \"url\": \"https:\/\/moroquestadventures.com\",\r\n \"name\": \"MoroQuest Adventures\",\r\n \"potentialAction\": {\r\n \"@type\": \"SearchAction\",\r\n \"target\": \"https:\/\/moroquestadventures.com\/?s={search_term_string}\",\r\n \"query-input\": \"required name=search_term_string\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/cdnjs.cloudflare.com\" crossorigin>\r\n <link rel=\"dns-prefetch\" href=\"\/\/cdnjs.cloudflare.com\">\r\n\r\n \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 <style>\r\n \/* ===== Hero Banner (Professional Orange theme) ===== *\/\r\n .hero, .hero * { box-sizing: border-box; }\r\n .hero{\r\n --ink:#1f1e1c;\r\n --muted:#6b6862;\r\n --o1:#ff7b00;\r\n --o2:#ff3c00;\r\n --glass: rgba(255,255,255,.12);\r\n position:relative; isolation:isolate; color:#fff;\r\n min-height: 85vh;\r\n font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n display:flex; \r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n overflow: hidden;\r\n }\r\n @media (min-width: 992px) and (max-width: 1440px){ .hero{ min-height: 90vh; } }\r\n @media (min-width: 1441px){ .hero{ min-height: 88vh; } }\r\n\r\n .hero__media{ position:absolute; inset:0; z-index:-2; overflow:hidden; }\r\n .hero__media img{\r\n width:100%; height:100%; object-fit:cover; object-position:center;\r\n transform: scale(1.04); filter: saturate(1.05) contrast(1.03);\r\n transition: transform 8s ease;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n opacity: 0;\r\n }\r\n .hero__media img.active {\r\n opacity: 1;\r\n z-index: 1;\r\n }\r\n .hero:hover .hero__media img.active { transform: scale(1.08); }\r\n .hero__overlay{\r\n position:absolute; inset:0; z-index:2;\r\n background:\r\n radial-gradient(80% 60% at 70% 30%, rgba(0,0,0,.35), transparent 60%),\r\n linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.55));\r\n }\r\n\r\n .hero__wrap{ width:min(1200px,92%); margin-inline:auto; padding: clamp(28px,6vw,64px) 0; display:flex; flex-direction:column; align-items:center; justify-content:center; position: relative; z-index: 3; }\r\n .hero__head{ max-width: 820px; display:flex; flex-direction:column; align-items:center; }\r\n .hero__brand{\r\n display:inline-block; margin:0 0 10px; padding:6px 14px; border-radius:999px;\r\n background: rgba(255,255,255,.12); backdrop-filter: blur(6px); border:1px solid rgba(255,255,255,.18);\r\n font:800 12px\/1 system-ui; letter-spacing:.4px; text-transform:uppercase;\r\n opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards .15s;\r\n }\r\n .hero__eyebrow{\r\n display:inline-block; margin:0 0 12px; padding:7px 16px; border-radius:999px;\r\n background: rgba(255,255,255,.12); backdrop-filter: blur(6px); border:1px solid rgba(255,255,255,.18);\r\n font:800 12px\/1 system-ui; letter-spacing:.4px; text-transform:uppercase;\r\n opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards .2s;\r\n }\r\n .hero__title{\r\n margin:0 0 14px; line-height:1.08; font-weight:900; letter-spacing:-.02em;\r\n font-size: clamp(32px, 6vw, 60px);\r\n opacity:0; transform:translateY(30px); animation: slideUpFade .8s ease forwards .4s;\r\n }\r\n .hero__accent{\r\n background: linear-gradient(135deg, var(--o1), var(--o2));\r\n -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\r\n }\r\n .hero__sub{\r\n margin:16px 0 24px; color:#f4f2ef; opacity:.95; font-weight:500;\r\n font-size: clamp(16px, 2.2vw, 19px); line-height:1.6; max-width: 95%;\r\n opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards .6s;\r\n }\r\n\r\n .hero__trust{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:16px 0 24px; justify-content:center; opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards .8s; }\r\n .hero__rating{ display:inline-flex; align-items:center; gap:8px; background: rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); padding:10px 16px; border-radius:999px; font-weight:800; font-size:14px; }\r\n .hero__star{ width:16px; height:16px; color:#ffcc33; flex:0 0 16px; }\r\n .hero__badge{ display:inline-block; padding:10px 16px; border-radius:999px; font-weight:800; background: rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); font-size:14px; }\r\n\r\n .hero__cta{ display:flex; gap:16px; flex-wrap:wrap; justify-content:center; opacity:0; transform:translateY(20px); animation: slideUpFade .8s ease forwards 1s; }\r\n .btn{ display:inline-flex; align-items:center; justify-content:center; padding:14px 24px; border-radius:14px; font:900 15px\/1 system-ui; text-decoration:none; transition: all .3s cubic-bezier(.25,.46,.45,.94); will-change: transform; position:relative; overflow:hidden; }\r\n .btn--primary{ background: linear-gradient(180deg, var(--o1), var(--o2)); color:#fff; box-shadow: 0 14px 26px rgba(255,123,0,.28), inset 0 0 0 1px rgba(255,255,255,.12); }\r\n .btn--primary:hover{ transform: translateY(-3px); box-shadow: 0 18px 30px rgba(255,123,0,.35), inset 0 0 0 1px rgba(255,255,255,.2); }\r\n .btn--ghost{ background: transparent; color:#fff; border:1.5px solid rgba(255,255,255,.7); }\r\n .btn--ghost:hover{ transform: translateY(-3px); background: rgba(255,255,255,.1); box-shadow: 0 8px 20px rgba(0,0,0,.15); }\r\n\r\n \/* Image slider controls *\/\r\n .hero__slider-controls {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 10;\r\n display: flex;\r\n gap: 10px;\r\n }\r\n .hero__slider-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.4);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n .hero__slider-dot.active {\r\n background: #fff;\r\n transform: scale(1.2);\r\n }\r\n\r\n @keyframes slideUpFade { from {opacity:0; transform:translateY(30px);} to {opacity:1; transform:translateY(0);} }\r\n @keyframes fadeInScale { from {opacity:0; transform:scale(.9);} to {opacity:1; transform:scale(1);} }\r\n @keyframes slideInLeft { from {opacity:0; transform:translateX(-30px);} to {opacity:1; transform:translateX(0);} }\r\n @keyframes slideInRight { from {opacity:0; transform:translateX(30px);} to {opacity:1; transform:translateX(0);} }\r\n @keyframes bounceIn { 0%{opacity:0; transform:scale(.3);} 50%{opacity:1; transform:scale(1.05);} 70%{transform:scale(.9);} 100%{opacity:1; transform:scale(1);} }\r\n\r\n \/* ===== Mobile ===== *\/\r\n @media (max-width: 720px){\r\n .hero{ min-height: 75vh; }\r\n .hero__wrap{ padding: 22px 0; }\r\n .hero__head{ max-width: 100%; }\r\n .hero__title{ font-size: clamp(28px, 8vw, 38px); line-height: 1.12; }\r\n .hero__sub{ font-size: 15px; line-height: 1.6; margin-top: 10px; max-width: 100%; }\r\n .hero__trust{ gap:8px; margin: 16px 0 20px; }\r\n .hero__rating{ padding:8px 12px; font-size: 13px; }\r\n .hero__badge{ padding:8px 12px; font-size: 13px; }\r\n .btn{ padding: 12px 18px; border-radius: 12px; font-size: 14px; }\r\n .hero__cta { gap: 12px; }\r\n .hero__slider-controls { bottom: 15px; }\r\n }\r\n @media (max-width: 380px){ .hero{ min-height: 80vh; } .hero__rating{ display:none; } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"hero\" aria-labelledby=\"hero-title\">\r\n <div class=\"hero__media\" aria-hidden=\"true\">\r\n \r\n <img\r\n src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-05-at-22.33.08_5008dcfd.jpg\"\r\n alt=\"Moroccan desert landscape\"\r\n class=\"active\"\r\n loading=\"eager\"\r\n decoding=\"async\"\r\n \/>\r\n <img\r\n src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-05-at-22.33.07_ff90fd27.jpg\"\r\n alt=\"Ait Bouguemez valley in the Atlas Mountains\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <img\r\n src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-05-at-22.33.07_d8b41eaa.jpg\"\r\n alt=\"Traditional Moroccan architecture\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <img\r\n src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-05-at-22.33.08_90516db2.jpg\"\r\n alt=\"Moroccan cultural experience\"\r\n loading=\"lazy\"\r\n decoding=\"async\"\r\n \/>\r\n <span class=\"hero__overlay\"><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero__slider-controls\">\r\n <div class=\"hero__slider-dot active\" data-index=\"0\"><\/div>\r\n <div class=\"hero__slider-dot\" data-index=\"1\"><\/div>\r\n <div class=\"hero__slider-dot\" data-index=\"2\"><\/div>\r\n <div class=\"hero__slider-dot\" data-index=\"3\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__wrap\">\r\n <header class=\"hero__head\">\r\n \r\n <p class=\"hero__brand\" aria-label=\"Website name\">MoroQuest Adventures<\/p>\r\n\r\n \r\n <h1 class=\"hero__title\" id=\"hero-title\">\r\n Marrakech Day Trips & Tours <span class=\"hero__accent\">by MoroQuest Adventures<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero__sub\">\r\n Trekking in Morocco, customized hiking vacations in Morocco, including Mount Toubkal ascent, Berber villages hikes, day treks & Sahara Desert tours.\r\n <\/p>\r\n\r\n <div class=\"hero__trust\">\r\n <span class=\"hero__rating\" aria-label=\"4.9 out of 5\">\r\n <svg class=\"hero__star\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.9 \"Excellent\" \u2022 1,200+ reviews\r\n <\/span>\r\n <span class=\"hero__badge\">Local Guides<\/span>\r\n <span class=\"hero__badge\">Free Cancellation<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero__cta\">\r\n \r\n <a class=\"btn btn--primary\"\r\n href=\"https:\/\/moroquestadventures.com\/tours\/\"\r\n aria-label=\"Book tours with MoroQuest Adventures\">\r\n Book Now\r\n <\/a>\r\n <a class=\"btn btn--ghost\"\r\n href=\"https:\/\/moroquestadventures.com\/day-trips\/\"\r\n aria-label=\"View all Marrakech day trips\">\r\n View All Trips\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n <\/div>\r\n <\/section>\r\n \r\n <script>\r\n \/\/ Image slider functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const images = document.querySelectorAll('.hero__media img');\r\n const dots = document.querySelectorAll('.hero__slider-dot');\r\n let currentIndex = 0;\r\n const intervalTime = 5000; \/\/ 5 seconds between transitions\r\n \r\n \/\/ Function to show a specific slide\r\n function showSlide(index) {\r\n \/\/ Remove active class from all images and dots\r\n images.forEach(img => img.classList.remove('active'));\r\n dots.forEach(dot => dot.classList.remove('active'));\r\n \r\n \/\/ Add active class to current image and dot\r\n images[index].classList.add('active');\r\n dots[index].classList.add('active');\r\n \r\n currentIndex = index;\r\n }\r\n \r\n \/\/ Function to show next slide\r\n function nextSlide() {\r\n let nextIndex = (currentIndex + 1) % images.length;\r\n showSlide(nextIndex);\r\n }\r\n \r\n \/\/ Set up automatic slideshow\r\n let slideInterval = setInterval(nextSlide, intervalTime);\r\n \r\n \/\/ Add click events to dots\r\n dots.forEach(dot => {\r\n dot.addEventListener('click', function() {\r\n const index = parseInt(this.getAttribute('data-index'));\r\n showSlide(index);\r\n \r\n \/\/ Reset the interval when user manually changes slide\r\n clearInterval(slideInterval);\r\n slideInterval = setInterval(nextSlide, intervalTime);\r\n });\r\n });\r\n \r\n \/\/ Pause slideshow on hover\r\n const hero = document.querySelector('.hero');\r\n hero.addEventListener('mouseenter', () => {\r\n clearInterval(slideInterval);\r\n });\r\n \r\n hero.addEventListener('mouseleave', () => {\r\n slideInterval = setInterval(nextSlide, intervalTime);\r\n });\r\n\r\n \/\/ Entrance effects\r\n const brand = document.querySelector('.hero__brand');\r\n const eyebrow = document.querySelector('.hero__eyebrow');\r\n const title = document.querySelector('.hero__title');\r\n const subtitle = document.querySelector('.hero__sub');\r\n const trust = document.querySelector('.hero__trust');\r\n const cta = document.querySelector('.hero__cta');\r\n\r\n [brand, eyebrow, title, subtitle, trust, cta].forEach(el => { el.style.animation = 'none'; void el.offsetWidth; });\r\n\r\n brand.style.animation = 'slideInLeft 0.8s ease forwards 0.15s';\r\n eyebrow.style.animation = 'slideInLeft 0.8s ease forwards 0.2s';\r\n title.style.animation = 'bounceIn 1s ease forwards 0.4s';\r\n subtitle.style.animation = 'fadeInScale 0.8s ease forwards 0.6s';\r\n trust.style.animation = 'slideInRight 0.8s ease forwards 0.8s';\r\n cta.style.animation = 'slideUpFade 0.8s ease forwards 1s';\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-abde578 e-con-full e-flex e-con e-parent\" data-id=\"abde578\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4c1238 elementor-widget elementor-widget-html\" data-id=\"b4c1238\" 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\r\n \r\n <title>About Us - MoroQuest Adventures | Morocco Tours & Marrakech Day Trips<\/title>\r\n <meta name=\"description\" content=\"Learn about MoroQuest Adventures \u2014 a Morocco-based tour operator crafting authentic Marrakech day trips and multi-day tours across the Atlas Mountains, Sahara Desert, and coastal gems like Essaouira. Local guides, fair pricing, and flexible cancellations.\" \/>\r\n \r\n <meta name=\"keywords\" content=\"MoroQuest Adventures, about MoroQuest, Morocco tour operator, Marrakech day trips, Atlas Mountains tours, Agafay Desert, Sahara desert tour, Essaouira day trip, A\u00eft Benhaddou tour, Ouzoud waterfalls, private tours Morocco, group tours Morocco, local guides Morocco, Morocco travel agency\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/moroquestadventures.com\/about\/\" \/>\r\n <meta name=\"theme-color\" content=\"#E67E22\" \/>\r\n <meta name=\"application-name\" content=\"MoroQuest Adventures\" \/>\r\n\r\n \r\n <meta property=\"og:type\" content=\"website\" \/>\r\n <meta property=\"og:title\" content=\"About MoroQuest Adventures | Morocco Tours & Day Trips\" \/>\r\n <meta property=\"og:description\" content=\"Meet the team behind MoroQuest Adventures and discover our mission to deliver authentic Moroccan experiences with expert local guides.\" \/>\r\n <meta property=\"og:url\" content=\"https:\/\/moroquestadventures.com\/about\/\" \/>\r\n <meta property=\"og:site_name\" content=\"MoroQuest Adventures\" \/>\r\n <meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1582719478250-c89cae4dc85b?q=80&w=1600&auto=format&fit=crop\" \/>\r\n <meta property=\"og:image:alt\" content=\"Golden dunes and Atlas Mountains in Morocco\" \/>\r\n\r\n \r\n <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n <meta name=\"twitter:title\" content=\"About MoroQuest Adventures | Morocco Tours & Day Trips\" \/>\r\n <meta name=\"twitter:description\" content=\"Authentic Moroccan adventures led by local experts. Learn more about us.\" \/>\r\n <meta name=\"twitter:image\" content=\"https:\/\/images.unsplash.com\/photo-1582719478250-c89cae4dc85b?q=80&w=1600&auto=format&fit=crop\" \/>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"AboutPage\",\r\n \"name\": \"About MoroQuest Adventures\",\r\n \"url\": \"https:\/\/moroquestadventures.com\/about\/\",\r\n \"description\": \"Learn about MoroQuest Adventures, a Morocco tour operator for Marrakech day trips and multi-day tours.\"\r\n },\r\n {\r\n \"@type\": \"BreadcrumbList\",\r\n \"itemListElement\": [\r\n { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\/\/moroquestadventures.com\/\" },\r\n { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"About\", \"item\": \"https:\/\/moroquestadventures.com\/about\/\" }\r\n ]\r\n },\r\n {\r\n \"@type\": \"TravelAgency\",\r\n \"name\": \"MoroQuest Adventures\",\r\n \"url\": \"https:\/\/moroquestadventures.com\",\r\n \"areaServed\": \"MA\",\r\n \"sameAs\": []\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/cdnjs.cloudflare.com\" crossorigin>\r\n <link rel=\"dns-prefetch\" href=\"\/\/cdnjs.cloudflare.com\">\r\n\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 <style>\r\n \/* ===== MoroQuest Adventures - About Section ===== *\/\r\n :root {\r\n --primary: #E67E22; \/* Orange - Adventure & Energy *\/\r\n --secondary: #2980B9; \/* Blue - Trust & Reliability *\/\r\n --accent: #C0392B; \/* Red - Passion & Morocco *\/\r\n --light: #FDF6EC; \/* Light sand color *\/\r\n --dark: #2C3E50; \/* Dark blue for text *\/\r\n --gray: #7F8C8D; \/* Medium gray *\/\r\n }\r\n\r\n .mq-about {\r\n position: relative;\r\n padding: clamp(40px, 8vw, 100px) 0;\r\n color: var(--dark);\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n background: linear-gradient(135deg, #f8f9fa 0%, var(--light) 100%);\r\n isolation: isolate;\r\n overflow: hidden;\r\n }\r\n\r\n .mq-about * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n \/* Background decorative elements *\/\r\n .mq-about::before {\r\n content: '';\r\n position: absolute;\r\n top: -10%;\r\n right: -5%;\r\n width: 300px;\r\n height: 300px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(41, 128, 185, 0.1) 0%, transparent 70%);\r\n z-index: 0;\r\n }\r\n .mq-about::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10%;\r\n left: -5%;\r\n width: 400px;\r\n height: 400px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(230, 126, 34, 0.08) 0%, transparent 70%);\r\n z-index: 0;\r\n }\r\n\r\n .mq-container {\r\n position: relative;\r\n z-index: 1;\r\n width: min(1200px, 92%);\r\n margin-inline: auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: clamp(30px, 5vw, 60px);\r\n align-items: center;\r\n }\r\n\r\n \/* Content Styling *\/\r\n .mq-content { padding-right: 20px; }\r\n\r\n .mq-subtitle {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--primary);\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 15px;\r\n position: relative;\r\n padding-left: 20px;\r\n }\r\n .mq-subtitle::before {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 50%;\r\n transform: translateY(-50%);\r\n width: 12px; height: 2px;\r\n background: var(--accent);\r\n }\r\n\r\n .mq-title {\r\n font-size: clamp(28px, 4vw, 42px);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin: 0 0 20px;\r\n color: var(--dark);\r\n }\r\n .mq-title span { color: var(--primary); position: relative; }\r\n .mq-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 5px; left: 0;\r\n width: 100%; height: 8px;\r\n background: rgba(230, 126, 34, 0.2);\r\n z-index: -1;\r\n }\r\n\r\n .mq-description {\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n color: var(--gray);\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Stats Section *\/\r\n .mq-stats {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n margin-bottom: 30px;\r\n }\r\n .mq-stat {\r\n text-align: center;\r\n padding: 15px;\r\n border-radius: 10px;\r\n background: white;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n border-top: 3px solid var(--primary);\r\n }\r\n .mq-stat:nth-child(2) { border-top-color: var(--secondary); }\r\n .mq-stat:nth-child(3) { border-top-color: var(--accent); }\r\n .mq-stat:nth-child(4) { border-top-color: #27ae60; }\r\n\r\n .mq-stat-number {\r\n display: block;\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n line-height: 1;\r\n }\r\n .mq-stat-text {\r\n font-size: 0.85rem;\r\n color: var(--gray);\r\n margin-top: 5px;\r\n }\r\n\r\n \/* CTA Button *\/\r\n .mq-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 14px 28px;\r\n background: var(--primary);\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 600;\r\n border-radius: 6px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(230, 126, 34, 0.3);\r\n margin-bottom: 30px;\r\n }\r\n .mq-btn:hover {\r\n background: var(--accent);\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(230, 126, 34, 0.4);\r\n }\r\n\r\n \/* Image Gallery *\/\r\n .mq-gallery {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 15px;\r\n }\r\n .mq-image {\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n aspect-ratio: 1\/1;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n border: 3px solid transparent;\r\n background: linear-gradient(white, white) padding-box,\r\n linear-gradient(135deg, var(--primary), var(--secondary)) border-box;\r\n }\r\n .mq-image::before {\r\n content: '';\r\n position: absolute; inset: 0;\r\n background: linear-gradient(135deg, rgba(230,126,34,.1), rgba(41,128,185,.1));\r\n opacity: 0; transition: opacity .4s ease; z-index: 1; pointer-events: none;\r\n }\r\n .mq-image img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n transition: all .5s ease; filter: brightness(.95);\r\n }\r\n .mq-image:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); }\r\n .mq-image:hover::before { opacity: 1; }\r\n .mq-image:hover img { transform: scale(1.08); filter: brightness(1.05); }\r\n\r\n .mq-image-large {\r\n grid-column: span 2;\r\n aspect-ratio: 16\/9;\r\n border: 4px solid transparent;\r\n background: linear-gradient(white, white) padding-box,\r\n linear-gradient(135deg, var(--accent), var(--primary)) border-box;\r\n }\r\n\r\n \/* Polaroid & frame *\/\r\n .mq-image:nth-child(1) { position: relative; }\r\n .mq-image:nth-child(1)::after {\r\n content: ''; position: absolute; left:0; right:0; bottom:0; height:25%;\r\n background: linear-gradient(to top, rgba(255,255,255,0.9), transparent);\r\n pointer-events: none; border-radius: 0 0 10px 10px;\r\n }\r\n .mq-image:nth-child(2) { position: relative; padding: 8px; background: white; }\r\n .mq-image:nth-child(2)::before {\r\n content: ''; position: absolute; top:4px; left:4px; right:4px; bottom:4px;\r\n border: 2px solid var(--primary); border-radius: 8px; z-index: 1; pointer-events: none;\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n @media (max-width: 992px) {\r\n .mq-container { grid-template-columns: 1fr; gap: 40px; }\r\n .mq-content { padding-right: 0; text-align: center; order: 1; }\r\n .mq-gallery { order: 2; }\r\n .mq-stats {\r\n grid-template-columns: repeat(2, 1fr);\r\n max-width: 500px; margin-left: auto; margin-right: auto;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n .mq-gallery { grid-template-columns: repeat(2, 1fr); }\r\n .mq-image-large { grid-column: span 2; }\r\n }\r\n @media (max-width: 480px) {\r\n .mq-about { padding: 60px 0; }\r\n .mq-title { font-size: 28px; }\r\n .mq-description { font-size: 1rem; }\r\n .mq-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; }\r\n .mq-stat { padding: 12px 8px; }\r\n .mq-stat-number { font-size: 1.5rem; }\r\n .mq-stat-text { font-size: 0.75rem; }\r\n .mq-gallery { grid-template-columns: repeat(2, 1fr); }\r\n .mq-image-large { grid-column: span 2; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"mq-about\" aria-label=\"About MoroQuest Adventures\">\r\n <div class=\"mq-container\">\r\n \r\n <div class=\"mq-content\">\r\n <span class=\"mq-subtitle\">\r\n <i class=\"fas fa-compass\" aria-hidden=\"true\"><\/i> Discover Morocco\r\n <\/span>\r\n\r\n \r\n <h1 class=\"mq-title\">Experience <span>Authentic Moroccan Adventures<\/span> with MoroQuest<\/h1>\r\n\r\n <p class=\"mq-description\">\r\n At <strong>MoroQuest Adventures<\/strong>, we craft unforgettable journeys through Morocco \u2014 from the golden dunes of the Sahara to the vibrant souks of Marrakech.\r\n Travel with expert local guides, fair pricing, and flexible cancellations. Explore our\r\n <a href=\"https:\/\/moroquestadventures.com\/day-trips\/\" rel=\"noopener\">Marrakech day trips<\/a> or plan a multi-day\r\n <a href=\"https:\/\/moroquestadventures.com\/tours\/\" rel=\"noopener\">Morocco tour<\/a> across the Atlas Mountains and beyond.\r\n <\/p>\r\n\r\n <div class=\"mq-stats\" aria-label=\"Company statistics\">\r\n <div class=\"mq-stat\">\r\n <span class=\"mq-stat-number\">10+<\/span>\r\n <span class=\"mq-stat-text\">Years Experience<\/span>\r\n <\/div>\r\n <div class=\"mq-stat\">\r\n <span class=\"mq-stat-number\">5000+<\/span>\r\n <span class=\"mq-stat-text\">Happy Travelers<\/span>\r\n <\/div>\r\n <div class=\"mq-stat\">\r\n <span class=\"mq-stat-number\">50+<\/span>\r\n <span class=\"mq-stat-text\">Unique Tours<\/span>\r\n <\/div>\r\n <div class=\"mq-stat\">\r\n <span class=\"mq-stat-number\">24\/7<\/span>\r\n <span class=\"mq-stat-text\">Customer Support<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <a href=\"https:\/\/moroquestadventures.com\/tours\/\" class=\"mq-btn\" aria-label=\"Explore tours by MoroQuest Adventures\">\r\n Explore Our Tours <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"mq-gallery\">\r\n <div class=\"mq-image\">\r\n <img src=\"https:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-20.06.39_19861a2c.jpg\"\r\n alt=\"Camel caravan at sunset in Moroccan desert\"\r\n loading=\"lazy\" decoding=\"async\" \/>\r\n <\/div>\r\n <div class=\"mq-image\">\r\n <img src=\"https:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_8fffc5d6.jpg\"\r\n alt=\"Traditional Moroccan architecture and arches\"\r\n loading=\"lazy\" decoding=\"async\" \/>\r\n <\/div>\r\n <div class=\"mq-image mq-image-large\">\r\n <img src=\"https:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_3becafcb.jpg\"\r\n alt=\"Vibrant Moroccan market scene in Marrakech\"\r\n loading=\"lazy\" decoding=\"async\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d2b6f9 e-flex e-con-boxed e-con e-parent\" data-id=\"2d2b6f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151c615 elementor-widget elementor-widget-html\" data-id=\"151c615\" 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>Premium Tours | Agadir Desert Tours<\/title>\r\n <meta name=\"description\" content=\"Discover Morocco's hidden treasures with our premium desert tours. Experience luxury camps, sunset views, camel treks and authentic Moroccan adventures.\">\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 .tura-tour-cards-container {\r\n max-width: 100% !important;\r\n width: 100% !important;\r\n margin: 0 auto !important;\r\n font-family: 'Segoe UI', system-ui, sans-serif !important;\r\n box-sizing: border-box !important;\r\n padding: 5px !important; \/* Added 5px padding for mobile *\/\r\n }\r\n\r\n .tura-tour-cards-container * {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Header Styles *\/\r\n .tura-header {\r\n text-align: center;\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-badge {\r\n display: inline-block;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n margin-bottom: 0.8rem;\r\n box-shadow: 0 4px 15px rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-title {\r\n font-size: clamp(1.8rem, 5vw, 3.5rem);\r\n font-weight: 800;\r\n margin-bottom: 0.8rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n line-height: 1.1;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-description {\r\n font-size: 0.95rem;\r\n color: #666;\r\n max-width: 700px;\r\n margin: 0 auto 1.5rem;\r\n line-height: 1.5;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n \/* Cards Grid - Responsive with exact column counts *\/\r\n .tura-cards-grid {\r\n display: grid;\r\n gap: 1.2rem;\r\n width: 100%;\r\n \r\n \/* Mobile: 1 column *\/\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n \/* Tablet: 2 columns *\/\r\n @media (min-width: 768px) {\r\n .tura-cards-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.8rem;\r\n }\r\n \r\n .tura-header {\r\n margin-bottom: 2.5rem;\r\n padding: 0 1rem;\r\n }\r\n \r\n .tura-tour-cards-container {\r\n padding: 1.5rem 1rem !important;\r\n }\r\n \r\n .tura-badge {\r\n padding: 0.5rem 1.5rem;\r\n font-size: 0.9rem;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .tura-title {\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .tura-description {\r\n font-size: 1.1rem;\r\n margin-bottom: 2rem;\r\n line-height: 1.6;\r\n }\r\n }\r\n\r\n \/* Laptop: 3 columns *\/\r\n @media (min-width: 1024px) {\r\n .tura-cards-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2.2rem;\r\n }\r\n \r\n .tura-tour-cards-container {\r\n padding: 2.5rem 2rem !important;\r\n }\r\n \r\n .tura-header {\r\n margin-bottom: 3.5rem;\r\n }\r\n }\r\n\r\n \/* Card Styles *\/\r\n .tura-card {\r\n background: #fff;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s ease;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n position: relative;\r\n max-width: 100%;\r\n }\r\n\r\n .tura-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n z-index: 2;\r\n }\r\n\r\n .tura-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .tura-card-image {\r\n height: 280px; \/* Fixed height as requested *\/\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .tura-card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .tura-card:hover .tura-card-image img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .tura-card-badge {\r\n position: absolute;\r\n top: 0.7rem;\r\n left: 0.7rem;\r\n background: rgba(0, 0, 0, 0.75);\r\n color: #fff;\r\n padding: 0.35rem 0.7rem;\r\n border-radius: 50px;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .tura-card-price {\r\n position: absolute;\r\n top: 0.7rem;\r\n right: 0.7rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: #fff;\r\n padding: 0.35rem 0.7rem;\r\n border-radius: 50px;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n box-shadow: 0 4px 15px rgba(255, 123, 0, 0.4);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .tura-card-content {\r\n padding: 1.1rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .tura-card-content::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n right: -12px;\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(255, 123, 0, 0.05), rgba(255, 60, 0, 0.05));\r\n border-radius: 50%;\r\n z-index: -1;\r\n }\r\n\r\n .tura-card-content::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -15px;\r\n left: -15px;\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, rgba(255, 123, 0, 0.03), rgba(255, 60, 0, 0.03));\r\n border-radius: 50%;\r\n z-index: -1;\r\n }\r\n\r\n .tura-card-title {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n margin-bottom: 0.4rem;\r\n color: #222;\r\n line-height: 1.3;\r\n }\r\n\r\n .tura-card-location {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n color: #ff7b00;\r\n font-size: 0.8rem;\r\n margin-bottom: 0.7rem;\r\n font-weight: 600;\r\n }\r\n\r\n .tura-card-location i {\r\n color: #ff7b00;\r\n }\r\n\r\n \/* Added single star in location *\/\r\n .tura-location-star {\r\n color: #ffb224;\r\n margin-left: 0.3rem;\r\n }\r\n\r\n .tura-card-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.7rem;\r\n margin-bottom: 1rem;\r\n padding-bottom: 0.9rem;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .tura-meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n color: #666;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .tura-meta-item i {\r\n color: #ff7b00;\r\n }\r\n\r\n .tura-stars {\r\n color: #ffb224;\r\n display: flex;\r\n gap: 0.1rem;\r\n }\r\n\r\n .tura-stars i {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .tura-card-features {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.4rem;\r\n margin-bottom: 1.1rem;\r\n }\r\n\r\n .tura-feature {\r\n background: rgba(255, 123, 0, 0.1);\r\n color: #ff7b00;\r\n padding: 0.3rem 0.6rem;\r\n border-radius: 50px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n border: 1px solid rgba(255, 123, 0, 0.2);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .tura-card-actions {\r\n display: flex;\r\n gap: 0.7rem;\r\n margin-top: auto;\r\n }\r\n\r\n .tura-btn {\r\n flex: 1;\r\n padding: 0.6rem 0.8rem;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n text-align: center;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.3rem;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .tura-btn-primary {\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(255, 123, 0, 0.4);\r\n }\r\n\r\n .tura-btn-secondary {\r\n background: rgba(255, 123, 0, 0.1);\r\n color: #ff7b00;\r\n border: 1px solid rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-btn-secondary:hover {\r\n background: rgba(255, 123, 0, 0.2);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .tura-btn-whatsapp {\r\n background: linear-gradient(90deg, #25D366, #128C7E);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n .tura-btn-whatsapp:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);\r\n }\r\n\r\n .tura-see-more-container {\r\n text-align: center;\r\n margin-top: 2rem;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-btn-see-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 20px rgba(255, 123, 0, 0.3);\r\n font-size: 0.95rem;\r\n }\r\n\r\n .tura-btn-see-more:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(255, 123, 0, 0.4);\r\n }\r\n\r\n \/* Tablet Optimizations *\/\r\n @media (min-width: 768px) {\r\n .tura-card {\r\n border-radius: 16px;\r\n }\r\n \r\n .tura-card-image {\r\n height: 270px; \/* Fixed height as requested *\/\r\n }\r\n \r\n .tura-card-content {\r\n padding: 1.4rem;\r\n }\r\n \r\n .tura-card-title {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .tura-card-location {\r\n font-size: 0.85rem;\r\n }\r\n \r\n .tura-meta-item {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .tura-feature {\r\n font-size: 0.75rem;\r\n padding: 0.35rem 0.7rem;\r\n }\r\n \r\n .tura-btn {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.85rem;\r\n }\r\n \r\n .tura-btn-see-more {\r\n padding: 1rem 2.2rem;\r\n font-size: 1.05rem;\r\n }\r\n }\r\n\r\n \/* Laptop\/Desktop Optimizations *\/\r\n @media (min-width: 1024px) {\r\n .tura-card {\r\n border-radius: 18px;\r\n }\r\n \r\n .tura-card-image {\r\n height: 270px; \/* Fixed height as requested *\/\r\n }\r\n \r\n .tura-card-content {\r\n padding: 1.6rem;\r\n }\r\n \r\n .tura-card-title {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .tura-btn {\r\n padding: 0.85rem 1.2rem;\r\n }\r\n \r\n .tura-btn-see-more {\r\n padding: 1.1rem 2.5rem;\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n \/* Animation for cards *\/\r\n @keyframes turaFadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .tura-card {\r\n animation: turaFadeIn 0.6s ease forwards;\r\n }\r\n\r\n .tura-card:nth-child(2) { animation-delay: 0.1s; }\r\n .tura-card:nth-child(3) { animation-delay: 0.2s; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"tura-tour-cards-container\">\r\n <header class=\"tura-header\">\r\n <div class=\"tura-badge\">PREMIUM EXPERIENCES<\/div>\r\n <h1 class=\"tura-title\">Discover Morocco's<br>Hidden Treasures<\/h1>\r\n <p class=\"tura-description\">Experience the magic of Morocco with our premium desert tours. From luxury camps under starlit skies to camel treks across golden dunes, discover authentic adventures in the heart of the Sahara.<\/p>\r\n <\/header>\r\n \r\n <main>\r\n <div class=\"tura-cards-grid\">\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.47.47_fb84db37.jpg\" alt=\"Berber Villages Trek\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 2 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $150\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">Berber Villages Trek: 2 Days<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> Azzaden Valley & Waterfalls\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <\/div>\r\n <span>4.7<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-hiking\"><\/i> Mountain Trek\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-water\"><\/i> Waterfalls<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-home\"><\/i> Berber Villages<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/2-day-discovery-of-the-ighouliden-valley-and-azzaden-waterfalls\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.07.33_18f191d5-1.jpg\" alt=\"Mount Toubkal Trek\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 2 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $170\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">Mount Toubkal Trek: 2 Days & 1 Night<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> High Atlas Mountains\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-mountain\"><\/i> Summit Climb\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-mountain\"><\/i> Highest Peak<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-campground\"><\/i> Mountain Refuge<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/mount-toubkal-trek-2-days-and-1-night\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-14.41.43_9abf2159.jpg\" alt=\"Berber Villages Trek 4 Days\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 4 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $200\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">Berber Villages Trek: 4 Days<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> Atlas Mountains\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <\/div>\r\n <span>4.8<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-hiking\"><\/i> Cultural Trek\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-home\"><\/i> Berber Villages<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-users\"><\/i> Cultural Immersion<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/berber-villages-trek-4-days\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"tura-see-more-container\">\r\n <a href=\"https:\/\/moroquestadventures.com\/tours\/\" class=\"tura-btn-see-more\">\r\n <i class=\"fas fa-compass\"><\/i> Explore All Tours\r\n <\/a>\r\n <\/div>\r\n <\/main>\r\n <\/div>\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-c4cbb41 e-con-full e-flex e-con e-parent\" data-id=\"c4cbb41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd7339 elementor-widget elementor-widget-html\" data-id=\"2cd7339\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dest\" aria-labelledby=\"dest-title\">\r\n <div class=\"dest__wrap\">\r\n <header class=\"dest__head\">\r\n <h2 class=\"dest__title\" id=\"dest-title\">\r\n <span class=\"dest__script\">Top-Rated<\/span> Marrakech Day Trips\r\n <\/h2>\r\n <p class=\"dest__desc\">\r\n Book trusted <strong>Marrakech day trips<\/strong> to the Agafay Desert, Atlas Mountains, Ouarzazate & A\u00eft Benhaddou,\r\n Essaouira & Sekkala, and the Ourika Valley. Small groups, flexible schedules, and transparent prices\u2014perfect for\r\n first-time visitors and repeat travelers looking to maximize a single day in Morocco.\r\n <\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"dest__viewport\">\r\n <div class=\"dest__track\" id=\"destTrack\" role=\"list\">\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/agafay-desert-adventure-from-marrakech\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg\" alt=\"Agafay Desert Adventure from Marrakech\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Agafay Desert Adventure<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.9 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.9\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$40<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/atlas-mountains-day-trip-from-marrakech-hike-in-imlil-berber-lunch\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.40_62f77218.jpg\" alt=\"Atlas Mountains Day Trip \u2013 Imlil & Berber Lunch\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Atlas Mountains \u2013 Imlil & Berber Lunch<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.8 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.8\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$40<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/mhamid-chegaga-trek-6-days\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.16_c5ec7a1c.jpg\" alt=\"Day Hike in the Atlas Mountain\">\r\n <span class=\"badge\">Guided Hike<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Day Hike in the Atlas Mountain<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.7 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.7\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$40<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/day-trip-to-ouarzazate-and-ait-benhaddou\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/b2-2.jpg\" alt=\"Day trip to Ouarzazate and A\u00eft Benhaddou\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Ouarzazate & A\u00eft Benhaddou<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.8 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.8\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$35<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/essaouira-sekkala-day-trip\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-29-at-00.15.07_f120e904.jpg\" alt=\"Essaouira & Sekkala Day Trip\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Essaouira & Sekkala<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.8 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.8\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$35<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <a class=\"card\" role=\"listitem\" href=\"https:\/\/moroquestadventures.com\/ourika-valley-day-trip\/\" target=\"_self\" rel=\"noopener\">\r\n <figure class=\"card__media\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/11.png\" alt=\"Ourika Valley Day Trip\">\r\n <span class=\"badge\">Day Trip<\/span>\r\n <\/figure>\r\n <div class=\"card__panel\">\r\n <div class=\"title-row\">\r\n <h3 class=\"card__title\">Ourika Valley<\/h3>\r\n <span class=\"title-rating\" aria-label=\"Rating 4.7 out of 5\">\r\n <svg viewBox=\"0 0 24 24\" class=\"star\"><path d=\"M12 3.3l2.6 5.3 5.8.8-4.2 4.1 1 5.9L12 16.9 6.8 19.4l1-5.9-4.2-4.1 5.8-.8L12 3.3z\" fill=\"currentColor\"\/><\/svg>\r\n 4.7\r\n <\/span>\r\n <\/div>\r\n <div class=\"card__bar\">\r\n <span class=\"price\">From <strong>$40<\/strong><\/span>\r\n <span class=\"cta\">View Details<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"dest__indicators\" id=\"destIndicators\" aria-label=\"Slides navigation\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Explore Day Trips (title rating, SEO text, no loop) ===== *\/\r\n.dest, .dest * { box-sizing: border-box; }\r\n.dest{\r\n padding:clamp(24px,5vw,44px) 0;\r\n font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n background:#fff; position:relative; overflow:hidden; width:100%;\r\n}\r\n.dest__wrap{\r\n \/* bigger container on large screens *\/\r\n width:min(1300px,96%); \/* was 1200\/92 *\/\r\n margin:0 auto;\r\n}\r\n\r\n\/* Header + SEO description *\/\r\n.dest__head{ text-align:center; margin-bottom:clamp(16px,3vw,24px); padding:0 12px; }\r\n.dest__title{\r\n margin:0; font-weight:800; letter-spacing:-.02em;\r\n font-size:clamp(22px,4vw,34px); \/* bigger title *\/\r\n color:#2d2a26; line-height:1.15;\r\n}\r\n.dest__script{\r\n font-style:italic; font-weight:800; margin-right:.35ch;\r\n background:linear-gradient(135deg,#ff7b00,#ff3c00);\r\n -webkit-background-clip:text; -webkit-text-fill-color:transparent;\r\n}\r\n.dest__desc{\r\n max-width:940px; \/* a bit wider *\/\r\n margin:8px auto 0; color:#585550;\r\n font-weight:600; font-size:clamp(14px,2.6vw,16px); \/* slightly larger *\/\r\n line-height:1.7;\r\n}\r\n\r\n\/* Viewport *\/\r\n.dest__viewport{ position:relative; width:100%; }\r\n.dest__track{\r\n display:grid; grid-auto-flow:column;\r\n grid-auto-columns:minmax(360px,1fr); \/* was 280px \u2014 bigger cards on desktop *\/\r\n gap:clamp(16px,2.4vw,22px);\r\n overflow-x:auto; scroll-snap-type:x mandatory;\r\n padding:14px 6px 6px; scrollbar-width:none; scroll-behavior:smooth; width:100%;\r\n -webkit-overflow-scrolling:touch; cursor:grab;\r\n}\r\n.dest__track::-webkit-scrollbar{ display:none; }\r\n.card{ scroll-snap-align:start; text-decoration:none; }\r\n\r\n\/* Card *\/\r\n.card{\r\n background:#fff; border-radius:20px; \/* a touch bigger *\/\r\n overflow:hidden;\r\n box-shadow:0 12px 28px rgba(0,0,0,.10); border:1px solid rgba(0,0,0,.04);\r\n transition:transform .25s ease, box-shadow .25s ease; color:inherit;\r\n}\r\n.card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,.14); }\r\n.card__media{\r\n aspect-ratio:16\/9; \/* taller media = bigger cards *\/\r\n background:#f3f3f3; overflow:hidden; position:relative;\r\n}\r\n.card__media img{ width:100%; height:100%; object-fit:cover; }\r\n.badge{\r\n position:absolute; left:10px; top:10px;\r\n padding:6px 10px; border-radius:999px;\r\n background:rgba(255,255,255,.9); color:#ff6500; font:800 11.5px\/1 system-ui;\r\n border:1px solid rgba(0,0,0,.06); backdrop-filter: blur(4px);\r\n}\r\n\r\n.card__panel{ position:relative; margin:-18px 14px 14px; background:#fff; border-radius:16px;\r\n padding:16px 18px; box-shadow:0 10px 24px rgba(0,0,0,.08); }\r\n\r\n.title-row{\r\n display:flex; align-items:center; justify-content:space-between; gap:10px;\r\n margin-bottom:10px;\r\n}\r\n.card__title{ margin:0; font:800 18px\/1.3 system-ui; color:#2d2a26; } \/* bigger text *\/\r\n.title-rating{\r\n display:inline-flex; align-items:center; gap:5px; font-weight:900;\r\n font-size:13.5px; color:#f2b300; white-space:nowrap; flex-shrink:0;\r\n}\r\n.star{ width:14px; height:14px; flex:0 0 14px; }\r\n\r\n.card__bar{\r\n display:flex; align-items:center; justify-content:space-between; gap:10px;\r\n border-top:1px solid rgba(0,0,0,.05); padding-top:12px;\r\n}\r\n.price{ color:#ff7b00; font-weight:900; font-size:15px; letter-spacing:.3px; }\r\n.price strong{ color:#ff3c00; font-size:17px; }\r\n\r\n.cta{\r\n display:inline-flex; align-items:center; justify-content:center;\r\n padding:11px 16px; \/* slightly bigger *\/\r\n border-radius:999px;\r\n background:linear-gradient(180deg,#ff7b00,#ff3c00); color:#fff;\r\n font:900 13px\/1 system-ui; box-shadow:0 10px 22px rgba(255,123,0,.25);\r\n white-space:nowrap;\r\n}\r\n.card:hover .cta{ filter:saturate(1.05); }\r\n\r\n\/* Dots \u2014 WP-safe fixed size *\/\r\n.dest__indicators{ --dot:10px; display:flex; justify-content:center; gap:10px; margin:16px 0 0; }\r\n.dest__indicator{\r\n -webkit-appearance:none; appearance:none; padding:0!important; margin:0;\r\n border:none!important; outline:0; background:rgba(255,123,0,.3);\r\n width:var(--dot); height:var(--dot); border-radius:50%; display:inline-block;\r\n line-height:0; font-size:0; box-shadow:none; cursor:pointer; flex:0 0 auto;\r\n transition:background .2s ease, box-shadow .2s ease;\r\n}\r\n.dest__indicator:hover{ background:#ff7b00; }\r\n.dest__indicator.active{ background:#ff7b00; box-shadow:0 0 0 4px rgba(255,123,0,.15); }\r\n\r\n\/* Tablet: make slides wider (bigger cards) *\/\r\n@media (max-width:900px){\r\n .dest__track{ grid-auto-columns:85%; } \/* was 70% *\/\r\n}\r\n\r\n\/* Mobile: full-width + taller media + bigger text *\/\r\n@media (max-width: 640px){\r\n .dest__wrap{ width:100%; }\r\n .dest__track{ grid-auto-columns:100%; gap:14px; padding:0; }\r\n .card__media{ aspect-ratio:3\/2; } \/* taller on phones *\/\r\n .card__panel{ margin:-14px 12px 12px; padding:16px; }\r\n .title-row{ align-items:flex-start; }\r\n .card__title{ font-size:18px; }\r\n .cta{ font-size:13px; padding:12px 18px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* Finite carousel (no jump back). Dots navigate; no auto-loop. *\/\r\n(function(){\r\n const track = document.getElementById('destTrack');\r\n const dotsWrap = document.getElementById('destIndicators');\r\n\r\n const cards = Array.from(track.querySelectorAll('.card'));\r\n dotsWrap.innerHTML = '';\r\n cards.forEach((_, idx) => {\r\n const b = document.createElement('button');\r\n b.className = 'dest__indicator';\r\n b.type = 'button';\r\n b.setAttribute('aria-label', 'Go to slide ' + (idx+1));\r\n b.addEventListener('click', () => {\r\n const gap = parseInt(getComputedStyle(track).gap) || 0;\r\n const slot = cards[0].offsetWidth + gap;\r\n track.scrollTo({ left: idx * slot, behavior: 'smooth' });\r\n setActive(idx);\r\n });\r\n dotsWrap.appendChild(b);\r\n });\r\n\r\n const dots = Array.from(dotsWrap.querySelectorAll('.dest__indicator'));\r\n function setActive(i){ dots.forEach((d,k)=>d.classList.toggle('active',k===i)); }\r\n setActive(0);\r\n\r\n \/\/ Update active dot on scroll\r\n let raf;\r\n track.addEventListener('scroll', () => {\r\n cancelAnimationFrame(raf);\r\n raf = requestAnimationFrame(() => {\r\n const gap = parseInt(getComputedStyle(track).gap) || 0;\r\n const slot = cards[0].offsetWidth + gap;\r\n const idx = Math.round(track.scrollLeft \/ slot);\r\n setActive(Math.max(0, Math.min(idx, cards.length - 1)));\r\n });\r\n });\r\n\r\n \/\/ Drag support (desktop)\r\n let dragging=false, startX=0, startLeft=0;\r\n track.addEventListener('mousedown', (e)=>{ dragging=true; startX=e.pageX-track.offsetLeft; startLeft=track.scrollLeft; track.style.cursor='grabbing'; });\r\n document.addEventListener('mouseup', ()=>{ dragging=false; track.style.cursor='grab'; });\r\n track.addEventListener('mousemove', (e)=>{ if(!dragging) return; e.preventDefault(); const x=e.pageX-track.offsetLeft; track.scrollLeft = startLeft - (x-startX)*2; });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50980ca e-con-full e-flex e-con e-parent\" data-id=\"50980ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2646834 elementor-widget elementor-widget-html\" data-id=\"2646834\" 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>30% Discount Banner<\/title>\r\n <style>\r\n \/* ========= Promo 30% Banner with Image Background ========= *\/\r\n .promo30, .promo30 * { \r\n box-sizing: border-box; \r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .promo30 {\r\n padding: clamp(16px, 4vw, 32px);\r\n font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: linear-gradient(rgba(255, 107, 53, 0.85), rgba(194, 59, 34, 0.8)), \r\n url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n min-height: 60vh;\r\n position: relative;\r\n }\r\n\r\n \/* Card container with semi-transparent background *\/\r\n .promo30__card {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 24px;\r\n padding: clamp(28px, 5vw, 52px);\r\n min-height: 280px;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n align-items: center;\r\n justify-items: center;\r\n text-align: center;\r\n color: #ffffff;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(15px);\r\n -webkit-backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: \r\n 0 20px 50px rgba(0, 0, 0, 0.3),\r\n 0 5px 15px rgba(0, 0, 0, 0.2);\r\n max-width: 1200px;\r\n width: 100%;\r\n }\r\n\r\n \/* Subtle world map overlay *\/\r\n .promo30__card::before {\r\n content: \"\";\r\n position: absolute; \r\n inset: -10% -4% -10% -4%;\r\n background-image:\r\n url(\"data:image\/svg+xml;utf8,\\\r\n <svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 400' opacity='0.15'>\\\r\n <path fill='white' d='M80 120c30-20 60-25 100-10 40 15 70 5 95-8 24-13 50-15 95-5s70 35 105 35 65-15 95-15 55 12 85 31 55 46 60 57-20 10-40 7-40-8-65-8-50 8-78 18-63 14-98 10-68-10-98-8-58 16-88 16-60-12-88-27-52-33-80-43-55-11-65-14 10-16 25-26z'\/>\\\r\n <\/svg>\");\r\n background-repeat: no-repeat;\r\n background-size: 120% auto;\r\n background-position: center;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Content *\/\r\n .promo30__content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 760px;\r\n }\r\n\r\n \/* Offer tag *\/\r\n .promo30__offer-tag {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.25);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n border-radius: 20px;\r\n padding: 6px 16px;\r\n margin-bottom: 16px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n }\r\n\r\n \/* Title *\/\r\n .promo30__title {\r\n margin: 0 0 16px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n font-size: clamp(24px, 3.5vw, 40px);\r\n letter-spacing: -0.02em;\r\n color: #ffffff;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .promo30__title strong { \r\n color: #FFE8A3; \r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n \/* Subtitle *\/\r\n .promo30__sub {\r\n margin: 16px auto 24px;\r\n max-width: 680px;\r\n color: rgba(255, 255, 255, 0.95);\r\n font-weight: 500;\r\n font-size: clamp(14px, 1.6vw, 17px);\r\n line-height: 1.6;\r\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* CTA container *\/\r\n .promo30__cta-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n \/* CTA button *\/\r\n .promo30__btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 16px 32px;\r\n border-radius: 50px;\r\n background: #ffffff;\r\n color: #C23B22;\r\n font-weight: 700;\r\n font-size: 16px;\r\n text-decoration: none;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n position: relative;\r\n overflow: hidden;\r\n border: 2px solid transparent;\r\n }\r\n\r\n .promo30__btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\r\n transition: left 0.7s ease;\r\n }\r\n\r\n .promo30__btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n background: #FF6B35;\r\n color: white;\r\n border-color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .promo30__btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .promo30__btn:active {\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Urgency text *\/\r\n .promo30__urgency {\r\n font-size: 13px;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 500;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .promo30__countdown {\r\n font-weight: 700;\r\n color: #FFE8A3;\r\n }\r\n\r\n \/* Heart badge on right edge *\/\r\n .promo30__badge {\r\n position: absolute;\r\n right: 20px;\r\n top: 20px;\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(10px);\r\n border-radius: 20px;\r\n padding: 8px 12px;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n z-index: 3;\r\n animation: float 3s ease-in-out infinite;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .promo30__badge-text {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #C23B22;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .promo30__heart {\r\n display: inline-grid;\r\n place-items: center;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n background: #fff;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* Floating animation for badge *\/\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-5px); }\r\n }\r\n\r\n \/* Pulse animation for heart *\/\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.1); }\r\n }\r\n\r\n \/* Polaroid photo stack *\/\r\n .promo30__polaroids {\r\n position: absolute;\r\n left: 30px;\r\n bottom: -20px;\r\n z-index: 2;\r\n width: 240px;\r\n height: 180px;\r\n pointer-events: none;\r\n }\r\n\r\n .pol {\r\n position: absolute;\r\n width: 120px;\r\n height: 96px;\r\n object-fit: cover;\r\n background: #fff;\r\n padding: 8px 8px 22px; \/* polaroid bottom edge *\/\r\n border-radius: 8px;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\r\n transition: transform 0.5s ease;\r\n border: 2px solid white;\r\n }\r\n\r\n .pol--a { \r\n left: 0; \r\n bottom: 30px; \r\n transform: rotate(-12deg); \r\n }\r\n\r\n .pol--b { \r\n left: 70px; \r\n bottom: 10px; \r\n transform: rotate(5deg); \r\n }\r\n\r\n .pol--c { \r\n left: 130px; \r\n bottom: 40px; \r\n transform: rotate(-5deg); \r\n }\r\n\r\n \/* Hover effects for polaroids *\/\r\n .promo30__polaroids:hover .pol--a {\r\n transform: rotate(-12deg) translateY(-5px);\r\n }\r\n\r\n .promo30__polaroids:hover .pol--b {\r\n transform: rotate(5deg) translateY(-5px);\r\n }\r\n\r\n .promo30__polaroids:hover .pol--c {\r\n transform: rotate(-5deg) translateY(-5px);\r\n }\r\n\r\n \/* Mobile Optimizations *\/\r\n @media (max-width: 900px) {\r\n .promo30__card {\r\n padding: 32px 24px;\r\n }\r\n \r\n .promo30__polaroids {\r\n left: 15px;\r\n bottom: -15px;\r\n transform: scale(0.85);\r\n }\r\n \r\n .promo30 {\r\n background-attachment: scroll;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .promo30__card {\r\n text-align: center;\r\n padding: 28px 20px;\r\n }\r\n \r\n .promo30__polaroids {\r\n left: 10px;\r\n bottom: -20px;\r\n transform: scale(0.75);\r\n }\r\n \r\n .promo30__badge {\r\n right: 15px;\r\n top: 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .promo30__polaroids {\r\n display: none;\r\n }\r\n \r\n .promo30__card {\r\n padding: 24px 18px;\r\n }\r\n \r\n .promo30__btn {\r\n padding: 14px 28px;\r\n font-size: 15px;\r\n width: 100%;\r\n max-width: 280px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .promo30 {\r\n padding: 12px;\r\n min-height: 50vh;\r\n }\r\n \r\n .promo30__card {\r\n padding: 22px 16px;\r\n border-radius: 20px;\r\n }\r\n \r\n .promo30__badge {\r\n right: 10px;\r\n top: 10px;\r\n padding: 6px 10px;\r\n }\r\n \r\n .promo30__badge-text {\r\n font-size: 10px;\r\n }\r\n \r\n .promo30__offer-tag {\r\n font-size: 12px;\r\n padding: 5px 14px;\r\n }\r\n \r\n .promo30__title {\r\n font-size: 22px;\r\n }\r\n \r\n .promo30__sub {\r\n font-size: 14px;\r\n }\r\n \r\n .promo30__urgency {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .promo30__card {\r\n padding: 20px 14px;\r\n }\r\n \r\n .promo30__btn {\r\n padding: 12px 24px;\r\n font-size: 14px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"promo30\" aria-label=\"Limited offer: 30% discount\">\r\n <div class=\"promo30__card\">\r\n \r\n <div class=\"promo30__badge\" aria-hidden=\"true\">\r\n <span class=\"promo30__heart\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" aria-hidden=\"true\">\r\n <path d=\"M12 21s-7-4.5-7-10a4.5 4.5 0 018-2 4.5 4.5 0 018 2c0 5.5-7 10-7 10z\" fill=\"#C23B22\"\/>\r\n <\/svg>\r\n <\/span>\r\n <span class=\"promo30__badge-text\">Limited Time<\/span>\r\n <\/div>\r\n\r\n \r\n <figure class=\"promo30__polaroids\" aria-hidden=\"true\">\r\n <img class=\"pol pol--a\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n <img class=\"pol pol--b\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/07.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n <img class=\"pol pol--c\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/e6-1.jpg\" alt=\"\" loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n\r\n \r\n <div class=\"promo30__content\">\r\n <div class=\"promo30__offer-tag\">Special Offer<\/div>\r\n <h2 class=\"promo30__title\">\r\n Don't Miss The <strong>30% Discount<\/strong> When You Register Today\r\n <\/h2>\r\n <p class=\"promo30__sub\">\r\n Book now\u2014flexible dates, friendly guides, and a smooth check-in experience.\r\n Limited availability and this launch offer ends soon. Secure your spot in minutes.\r\n <\/p>\r\n\r\n <div class=\"promo30__cta-container\">\r\n \r\n <a class=\"promo30__btn\" href=\"https:\/\/moroquestadventures.com\/contact\/\">\r\n <span>Secure Your Discount<\/span>\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/a>\r\n <div class=\"promo30__urgency\">Offer expires in <span class=\"promo30__countdown\">3 days<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8ceac0 e-flex e-con-boxed e-con e-parent\" data-id=\"a8ceac0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-236ba7d elementor-widget elementor-widget-html\" data-id=\"236ba7d\" 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>Premium Tours | Agadir Desert Tours<\/title>\r\n <meta name=\"description\" content=\"Discover Morocco's hidden treasures with our premium desert tours. Experience luxury camps, sunset views, camel treks and authentic Moroccan adventures.\">\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 .tura-tour-cards-container {\r\n max-width: 100% !important;\r\n width: 100% !important;\r\n margin: 0 auto !important;\r\n font-family: 'Segoe UI', system-ui, sans-serif !important;\r\n box-sizing: border-box !important;\r\n padding: 5px !important; \/* Added 5px padding for mobile *\/\r\n }\r\n\r\n .tura-tour-cards-container * {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Header Styles *\/\r\n .tura-header {\r\n text-align: center;\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-badge {\r\n display: inline-block;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n padding: 0.4rem 1.2rem;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n margin-bottom: 0.8rem;\r\n box-shadow: 0 4px 15px rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-title {\r\n font-size: clamp(1.8rem, 5vw, 3.5rem);\r\n font-weight: 800;\r\n margin-bottom: 0.8rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n line-height: 1.1;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-description {\r\n font-size: 0.95rem;\r\n color: #666;\r\n max-width: 700px;\r\n margin: 0 auto 1.5rem;\r\n line-height: 1.5;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n \/* Cards Grid - Responsive with exact column counts *\/\r\n .tura-cards-grid {\r\n display: grid;\r\n gap: 1.2rem;\r\n width: 100%;\r\n \r\n \/* Mobile: 1 column *\/\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n \/* Tablet: 2 columns *\/\r\n @media (min-width: 768px) {\r\n .tura-cards-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.8rem;\r\n }\r\n \r\n .tura-header {\r\n margin-bottom: 2.5rem;\r\n padding: 0 1rem;\r\n }\r\n \r\n .tura-tour-cards-container {\r\n padding: 1.5rem 1rem !important;\r\n }\r\n \r\n .tura-badge {\r\n padding: 0.5rem 1.5rem;\r\n font-size: 0.9rem;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .tura-title {\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .tura-description {\r\n font-size: 1.1rem;\r\n margin-bottom: 2rem;\r\n line-height: 1.6;\r\n }\r\n }\r\n\r\n \/* Laptop: 3 columns *\/\r\n @media (min-width: 1024px) {\r\n .tura-cards-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2.2rem;\r\n }\r\n \r\n .tura-tour-cards-container {\r\n padding: 2.5rem 2rem !important;\r\n }\r\n \r\n .tura-header {\r\n margin-bottom: 3.5rem;\r\n }\r\n }\r\n\r\n \/* Card Styles *\/\r\n .tura-card {\r\n background: #fff;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s ease;\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n position: relative;\r\n max-width: 100%;\r\n }\r\n\r\n .tura-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n z-index: 2;\r\n }\r\n\r\n .tura-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .tura-card-image {\r\n height: 280px; \/* Fixed height as requested *\/\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .tura-card-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .tura-card:hover .tura-card-image img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .tura-card-badge {\r\n position: absolute;\r\n top: 0.7rem;\r\n left: 0.7rem;\r\n background: rgba(0, 0, 0, 0.75);\r\n color: #fff;\r\n padding: 0.35rem 0.7rem;\r\n border-radius: 50px;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .tura-card-price {\r\n position: absolute;\r\n top: 0.7rem;\r\n right: 0.7rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: #fff;\r\n padding: 0.35rem 0.7rem;\r\n border-radius: 50px;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n box-shadow: 0 4px 15px rgba(255, 123, 0, 0.4);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .tura-card-content {\r\n padding: 1.1rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .tura-card-content::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n right: -12px;\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(255, 123, 0, 0.05), rgba(255, 60, 0, 0.05));\r\n border-radius: 50%;\r\n z-index: -1;\r\n }\r\n\r\n .tura-card-content::after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -15px;\r\n left: -15px;\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, rgba(255, 123, 0, 0.03), rgba(255, 60, 0, 0.03));\r\n border-radius: 50%;\r\n z-index: -1;\r\n }\r\n\r\n .tura-card-title {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n margin-bottom: 0.4rem;\r\n color: #222;\r\n line-height: 1.3;\r\n }\r\n\r\n .tura-card-location {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n color: #ff7b00;\r\n font-size: 0.8rem;\r\n margin-bottom: 0.7rem;\r\n font-weight: 600;\r\n }\r\n\r\n .tura-card-location i {\r\n color: #ff7b00;\r\n }\r\n\r\n \/* Added single star in location *\/\r\n .tura-location-star {\r\n color: #ffb224;\r\n margin-left: 0.3rem;\r\n }\r\n\r\n .tura-card-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.7rem;\r\n margin-bottom: 1rem;\r\n padding-bottom: 0.9rem;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .tura-meta-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n color: #666;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .tura-meta-item i {\r\n color: #ff7b00;\r\n }\r\n\r\n .tura-stars {\r\n color: #ffb224;\r\n display: flex;\r\n gap: 0.1rem;\r\n }\r\n\r\n .tura-stars i {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .tura-card-features {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.4rem;\r\n margin-bottom: 1.1rem;\r\n }\r\n\r\n .tura-feature {\r\n background: rgba(255, 123, 0, 0.1);\r\n color: #ff7b00;\r\n padding: 0.3rem 0.6rem;\r\n border-radius: 50px;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n border: 1px solid rgba(255, 123, 0, 0.2);\r\n display: flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n }\r\n\r\n .tura-card-actions {\r\n display: flex;\r\n gap: 0.7rem;\r\n margin-top: auto;\r\n }\r\n\r\n .tura-btn {\r\n flex: 1;\r\n padding: 0.6rem 0.8rem;\r\n border-radius: 8px;\r\n font-weight: 700;\r\n text-align: center;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.3rem;\r\n font-size: 0.75rem;\r\n }\r\n\r\n .tura-btn-primary {\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(255, 123, 0, 0.4);\r\n }\r\n\r\n .tura-btn-secondary {\r\n background: rgba(255, 123, 0, 0.1);\r\n color: #ff7b00;\r\n border: 1px solid rgba(255, 123, 0, 0.3);\r\n }\r\n\r\n .tura-btn-secondary:hover {\r\n background: rgba(255, 123, 0, 0.2);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .tura-btn-whatsapp {\r\n background: linear-gradient(90deg, #25D366, #128C7E);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);\r\n }\r\n\r\n .tura-btn-whatsapp:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4);\r\n }\r\n\r\n .tura-see-more-container {\r\n text-align: center;\r\n margin-top: 2rem;\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .tura-btn-see-more {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n background: linear-gradient(90deg, #ff7b00, #ff3c00);\r\n color: white;\r\n padding: 0.8rem 1.8rem;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 20px rgba(255, 123, 0, 0.3);\r\n font-size: 0.95rem;\r\n }\r\n\r\n .tura-btn-see-more:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(255, 123, 0, 0.4);\r\n }\r\n\r\n \/* Tablet Optimizations *\/\r\n @media (min-width: 768px) {\r\n .tura-card {\r\n border-radius: 16px;\r\n }\r\n \r\n .tura-card-image {\r\n height: 270px; \/* Fixed height as requested *\/\r\n }\r\n \r\n .tura-card-content {\r\n padding: 1.4rem;\r\n }\r\n \r\n .tura-card-title {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .tura-card-location {\r\n font-size: 0.85rem;\r\n }\r\n \r\n .tura-meta-item {\r\n font-size: 0.8rem;\r\n }\r\n \r\n .tura-feature {\r\n font-size: 0.75rem;\r\n padding: 0.35rem 0.7rem;\r\n }\r\n \r\n .tura-btn {\r\n padding: 0.75rem 1rem;\r\n font-size: 0.85rem;\r\n }\r\n \r\n .tura-btn-see-more {\r\n padding: 1rem 2.2rem;\r\n font-size: 1.05rem;\r\n }\r\n }\r\n\r\n \/* Laptop\/Desktop Optimizations *\/\r\n @media (min-width: 1024px) {\r\n .tura-card {\r\n border-radius: 18px;\r\n }\r\n \r\n .tura-card-image {\r\n height: 270px; \/* Fixed height as requested *\/\r\n }\r\n \r\n .tura-card-content {\r\n padding: 1.6rem;\r\n }\r\n \r\n .tura-card-title {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .tura-btn {\r\n padding: 0.85rem 1.2rem;\r\n }\r\n \r\n .tura-btn-see-more {\r\n padding: 1.1rem 2.5rem;\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n \/* Animation for cards *\/\r\n @keyframes turaFadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .tura-card {\r\n animation: turaFadeIn 0.6s ease forwards;\r\n }\r\n\r\n .tura-card:nth-child(2) { animation-delay: 0.1s; }\r\n .tura-card:nth-child(3) { animation-delay: 0.2s; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"tura-tour-cards-container\">\r\n <header class=\"tura-header\">\r\n <div class=\"tura-badge\">PREMIUM EXPERIENCES<\/div>\r\n <h1 class=\"tura-title\">Discover Morocco's<br>Hidden Treasures<\/h1>\r\n <p class=\"tura-description\">Experience the magic of Morocco with our premium desert tours. From luxury camps under starlit skies to camel treks across golden dunes, discover authentic adventures in the heart of the Sahara.<\/p>\r\n <\/header>\r\n \r\n <main>\r\n <div class=\"tura-cards-grid\">\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/desert.jpg\" alt=\"Ait Bougmez Valley\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 6 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $300\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">6 Days Ait Bougmez Valley Tour<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> Atlas Mountains\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <\/div>\r\n <span>4.8<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-hiking\"><\/i> Mountain Trek\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-campground\"><\/i> Luxury Camp<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-sun\"><\/i> Sunset Views<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/6-days-ait-bougmez-valley-tours\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/74-2.jpg\" alt=\"Mont Toubkal & Sahara\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 5 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $450\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">5 Days Mont Toubkal & Sahara Trip<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> High Atlas & Desert\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <span>4.9<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-camel\"><\/i> Desert Safari\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-campground\"><\/i> Luxury Camp<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-sun\"><\/i> Sunset Views<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/5-days-mont-toubkal-sahara-trip\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tura-card\">\r\n <div class=\"tura-card-image\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_37c630d6.jpg\" alt=\"Merzouga Desert\">\r\n <div class=\"tura-card-badge\">\r\n <i class=\"fas fa-clock\"><\/i> 3 Days\r\n <\/div>\r\n <div class=\"tura-card-price\">\r\n <i class=\"fas fa-tag\"><\/i> $200\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-content\">\r\n <h3 class=\"tura-card-title\">3 Days Merzouga Desert Excursion<\/h3>\r\n <div class=\"tura-card-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i> Merzouga Dunes\r\n <i class=\"fas fa-star tura-location-star\"><\/i>\r\n <\/div>\r\n <div class=\"tura-card-meta\">\r\n <div class=\"tura-meta-item\">\r\n <div class=\"tura-stars\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star\"><\/i>\r\n <i class=\"fas fa-star-half-alt\"><\/i>\r\n <\/div>\r\n <span>4.7<\/span>\r\n <\/div>\r\n <div class=\"tura-meta-item\">\r\n <i class=\"fas fa-camel\"><\/i> Camel Trek\r\n <\/div>\r\n <\/div>\r\n <div class=\"tura-card-features\">\r\n <span class=\"tura-feature\"><i class=\"fas fa-campground\"><\/i> Luxury Camp<\/span>\r\n <span class=\"tura-feature\"><i class=\"fas fa-sun\"><\/i> Sunset Views<\/span>\r\n <\/div>\r\n <div class=\"tura-card-actions\">\r\n <a href=\"https:\/\/moroquestadventures.com\/3-days-excursion-to-the-merzouga-desert\/\" class=\"tura-btn tura-btn-primary\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Book Now\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"tura-btn tura-btn-whatsapp\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"tura-see-more-container\">\r\n <a href=\"https:\/\/moroquestadventures.com\/tours\/\" class=\"tura-btn-see-more\">\r\n <i class=\"fas fa-compass\"><\/i> Explore All Tours\r\n <\/a>\r\n <\/div>\r\n <\/main>\r\n <\/div>\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-0e81fd5 e-con-full e-flex e-con e-parent\" data-id=\"0e81fd5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-405fa2b elementor-widget elementor-widget-html\" data-id=\"405fa2b\" 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>Professional About Us - Dream Vacation<\/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 \/* =========== Professional About Us (Orange\/Red theme) =========== *\/\r\n .about-vac, .about-vac * { box-sizing: border-box; }\r\n .about-vac{\r\n --ink:#2d2a26;\r\n --muted:#6e6a66;\r\n --bg:#ffffff;\r\n --card:#ffffff;\r\n --ring: rgba(255,123,0,.15);\r\n --o1:#ff7b00; \/* orange *\/\r\n --o2:#ff3c00; \/* red\/orange *\/\r\n --o-light: rgba(255,123,0,0.08);\r\n background: \r\n linear-gradient(135deg, #fefefe 0%, #fafafa 50%, #f5f5f5 100%),\r\n radial-gradient(circle at 20% 80%, rgba(255,123,0,0.03) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(255,60,0,0.02) 0%, transparent 50%);\r\n color: var(--ink);\r\n padding: clamp(60px,8vw,100px) 0;\r\n font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .about-vac::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--o1), transparent);\r\n opacity: 0.1;\r\n }\r\n\r\n .about-vac__wrap{ \r\n width:min(1200px,92%); \r\n margin-inline:auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Grid *\/\r\n .about-vac__grid{\r\n display:grid; \r\n gap: clamp(20px,3vw,30px);\r\n grid-template-columns: 1fr 1fr;\r\n grid-auto-rows: 280px;\r\n margin: 0 auto;\r\n max-width: 900px;\r\n }\r\n @media (max-width:900px){\r\n .about-vac__grid{ \r\n grid-template-columns: 1fr; \r\n grid-auto-rows: 250px; \r\n }\r\n }\r\n\r\n \/* Tiles *\/\r\n .tile{\r\n background: var(--card);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: \r\n 0 10px 30px rgba(0,0,0,.08),\r\n 0 1px 0 rgba(255,255,255,0.8) inset;\r\n border: 1px solid rgba(255,255,255,0.8);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .tile:hover {\r\n transform: translateY(-5px);\r\n box-shadow: \r\n 0 20px 40px rgba(0,0,0,.12),\r\n 0 1px 0 rgba(255,255,255,0.8) inset;\r\n }\r\n\r\n .tile--photo {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .tile--photo::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(135deg, rgba(255,123,0,0.1), rgba(255,60,0,0.1));\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n z-index: 1;\r\n }\r\n\r\n .tile--photo:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .tile--photo img{\r\n width:100%; \r\n height:100%; \r\n object-fit:cover; \r\n display:block;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .tile--photo:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Stat cards *\/\r\n .tile--stat{\r\n display:grid; \r\n place-items:center;\r\n background: linear-gradient(135deg, var(--o1), var(--o2));\r\n color:#fff;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .tile--stat::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);\r\n transform: rotate(45deg);\r\n transition: all 0.6s ease;\r\n }\r\n\r\n .tile--stat:hover::before {\r\n left: 50%;\r\n }\r\n\r\n .stat{ \r\n text-align:center; \r\n padding: 40px; \r\n position: relative;\r\n z-index: 1;\r\n }\r\n .stat__num{\r\n font-weight: 900;\r\n font-size: clamp(36px, 8vw, 60px);\r\n line-height: 1; \r\n letter-spacing: .5px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n margin-bottom: 8px;\r\n }\r\n .stat__label{\r\n font-weight: 700; \r\n letter-spacing:.4px;\r\n font-size: 16px; \r\n text-transform: uppercase;\r\n opacity: .95;\r\n }\r\n\r\n \/* Professional enhancements *\/\r\n .tile:focus-visible{ \r\n outline: 3px solid var(--ring); \r\n outline-offset: 3px; \r\n }\r\n\r\n \/* Animation for tiles *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .tile {\r\n animation: fadeInUp 0.6s ease forwards;\r\n }\r\n\r\n .tile:nth-child(1) { animation-delay: 0.1s; }\r\n .tile:nth-child(2) { animation-delay: 0.2s; }\r\n .tile:nth-child(3) { animation-delay: 0.3s; }\r\n .tile:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n \/* Responsive improvements *\/\r\n @media (max-width: 768px) {\r\n .about-vac__grid {\r\n grid-auto-rows: 220px;\r\n }\r\n \r\n .stat {\r\n padding: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .about-vac {\r\n padding: 50px 0;\r\n }\r\n \r\n .about-vac__grid {\r\n grid-auto-rows: 200px;\r\n gap: 15px;\r\n }\r\n \r\n .stat__num {\r\n font-size: 32px;\r\n }\r\n \r\n .stat__label {\r\n font-size: 14px;\r\n }\r\n }\r\n\r\n \/* Professional hover states *\/\r\n .tile--stat:hover {\r\n box-shadow: \r\n 0 15px 35px rgba(255,123,0,0.25),\r\n 0 1px 0 rgba(255,255,255,0.3) inset;\r\n }\r\n\r\n \/* Subtle background pattern *\/\r\n .about-vac::after {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image: \r\n radial-gradient(circle at 25% 25%, rgba(255,123,0,0.03) 0%, transparent 50%),\r\n radial-gradient(circle at 75% 75%, rgba(255,60,0,0.02) 0%, transparent 50%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* Center alignment *\/\r\n .about-vac__grid {\r\n display: grid;\r\n gap: clamp(20px, 3vw, 30px);\r\n grid-template-columns: repeat(2, 1fr);\r\n grid-auto-rows: 280px;\r\n }\r\n\r\n \/* Make all tiles the same size *\/\r\n .tile--photo, .tile--stat {\r\n grid-column: span 1;\r\n grid-row: span 1;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"about-vac\" aria-label=\"Company Statistics\">\r\n <div class=\"about-vac__wrap\">\r\n \r\n <div class=\"about-vac__grid\">\r\n \r\n <figure class=\"tile tile--photo\">\r\n <img src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-17.32.15_dab20e6c.jpg\"\r\n alt=\"Turquoise bay and boats\" loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n\r\n \r\n <article class=\"tile tile--stat\">\r\n <div class=\"stat\">\r\n <div class=\"stat__num\">120M<\/div>\r\n <div class=\"stat__label\">Satisfied Travelers<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"tile tile--stat\">\r\n <div class=\"stat\">\r\n <div class=\"stat__num\">150+<\/div>\r\n <div class=\"stat__label\">Holiday Packages<\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <figure class=\"tile tile--photo\">\r\n <img src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/desert.jpg\"\r\n alt=\"Coastal road above clear water\" loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n <\/div>\r\n <\/div>\r\n <\/section>\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-cdf7dc2 e-con-full e-flex e-con e-parent\" data-id=\"cdf7dc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99e5f38 elementor-widget elementor-widget-html\" data-id=\"99e5f38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"why-choose\" style=\"--bg:url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/image_processing20221106-35-58jr52-1.jpg')\" aria-labelledby=\"why-title\">\r\n <div class=\"why-choose__wrap\">\r\n \r\n <div class=\"why-choose__left\">\r\n <p class=\"why-choose__eyebrow\"><span class=\"dot\"><\/span> Why Choose Us<\/p>\r\n <h2 class=\"why-choose__title\" id=\"why-title\">\r\n Discover Morocco with <span class=\"hl\">local experts<\/span>\r\n <\/h2>\r\n <p class=\"why-choose__sub\">\r\n Hand-picked day trips from Marrakech with trusted guides, flexible departures, and clear pricing.\r\n Travel easy\u2014we handle every detail from pickup to drop-off.\r\n <\/p>\r\n\r\n <ul class=\"reasons\" role=\"list\">\r\n <li class=\"reason\">\r\n <span class=\"reason__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <div class=\"reason__text\">\r\n <h3 class=\"reason__title\">Licensed Local Guides<\/h3>\r\n <p class=\"reason__sub\">Authentic stories, safe routes, and insider access at every stop.<\/p>\r\n <\/div>\r\n <span class=\"reason__chev\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <\/li>\r\n\r\n <li class=\"reason\">\r\n <span class=\"reason__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <div class=\"reason__text\">\r\n <h3 class=\"reason__title\">Small Groups & Private<\/h3>\r\n <p class=\"reason__sub\">More time at highlights, less waiting\u2014tailored to your pace.<\/p>\r\n <\/div>\r\n <span class=\"reason__chev\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <\/li>\r\n\r\n <li class=\"reason\">\r\n <span class=\"reason__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <div class=\"reason__text\">\r\n <h3 class=\"reason__title\">Hotel Pickup & Flexible Times<\/h3>\r\n <p class=\"reason__sub\">Door-to-door comfort with departures that fit your schedule.<\/p>\r\n <\/div>\r\n <span class=\"reason__chev\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <\/li>\r\n\r\n <li class=\"reason\">\r\n <span class=\"reason__icon\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <div class=\"reason__text\">\r\n <h3 class=\"reason__title\">Transparent Prices<\/h3>\r\n <p class=\"reason__sub\">No hidden fees. Free cancellation window on most trips.<\/p>\r\n <\/div>\r\n <span class=\"reason__chev\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <aside class=\"why-choose__right\" aria-hidden=\"true\">\r\n <figure class=\"frame\">\r\n <span class=\"frame__accent\"><\/span>\r\n <img src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-28-at-22.21.39_dc83febc.jpg\" alt=\"Guests enjoying a Morocco day trip\" loading=\"lazy\" decoding=\"async\">\r\n <\/figure>\r\n <\/aside>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Why Choose Us (overlay #694a31 + new bg) ===== *\/\r\n.why-choose, .why-choose * { box-sizing: border-box; }\r\n.why-choose{\r\n --ink:#fffaf2; \/* main text *\/\r\n --muted:#ffe9d6; \/* softer text *\/\r\n --panel:rgba(24,17,12,.55); \/* inner glass tint *\/\r\n --card:rgba(30,20,12,.65); \/* reason card bg *\/\r\n --o1:#ff7b00; --o2:#ff3c00; \/* accent gradient *\/\r\n --ring:rgba(255,123,0,.22);\r\n\r\n position:relative; isolation:isolate;\r\n color:var(--ink);\r\n font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n padding: clamp(32px, 6vw, 90px) 0;\r\n\r\n \/* Background image + custom brown overlay (#694a31) *\/\r\n background-image:\r\n linear-gradient(180deg, rgba(105,74,49,.62), rgba(105,74,49,.62)),\r\n var(--bg); \/* your photo (set inline) *\/\r\n background-size: 100% 100%, cover;\r\n background-position: center, center;\r\n background-attachment: fixed;\r\n}\r\n\r\n\/* Inner container *\/\r\n.why-choose__wrap{\r\n width:min(1200px,92%); margin-inline:auto;\r\n background: var(--panel);\r\n border:1px solid rgba(255,255,255,.10);\r\n border-radius:18px;\r\n box-shadow: 0 24px 60px rgba(0,0,0,.45);\r\n padding: clamp(20px,3.5vw,28px);\r\n display:grid; gap: clamp(18px,3.6vw,36px);\r\n grid-template-columns: 1.15fr .85fr;\r\n align-items:center;\r\n overflow:hidden;\r\n}\r\n\r\n\/* Left copy *\/\r\n.why-choose__eyebrow{\r\n margin:0 0 10px; color:var(--muted); display:flex; align-items:center; gap:8px;\r\n font:800 12px\/1 system-ui; letter-spacing:.4px; text-transform:uppercase;\r\n}\r\n.why-choose__eyebrow .dot{ width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,var(--o1),var(--o2)); display:inline-block; }\r\n.why-choose__title{\r\n margin:0 0 10px; line-height:1.08; letter-spacing:-.02em; font-weight:900;\r\n font-size: clamp(26px,4.6vw,40px);\r\n}\r\n.why-choose__title .hl{\r\n color:transparent;\r\n background:linear-gradient(135deg,var(--o1),var(--o2));\r\n -webkit-background-clip:text; background-clip:text;\r\n}\r\n.why-choose__sub{\r\n margin:0 0 16px; color:var(--muted); font-weight:600; line-height:1.55;\r\n}\r\n\r\n\/* Reasons *\/\r\n.reasons{\r\n margin:0; padding:0; list-style:none;\r\n display:grid; gap:12px 16px;\r\n grid-template-columns: repeat(2, minmax(0,1fr));\r\n}\r\n.reason{\r\n display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px;\r\n background: var(--card);\r\n border: 1px solid rgba(255,255,255,.12);\r\n border-radius:14px;\r\n padding:12px;\r\n box-shadow: 0 14px 30px rgba(0,0,0,.35);\r\n position:relative;\r\n}\r\n.reason::after{\r\n content:\"\"; position:absolute; inset:0; border-radius:14px; pointer-events:none;\r\n box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 0 4px transparent;\r\n transition: box-shadow .25s ease;\r\n}\r\n.reason:hover::after{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 4px var(--ring); }\r\n\r\n.reason__icon{\r\n width:38px; height:38px; border-radius:12px; display:grid; place-items:center;\r\n color:#fff; background: linear-gradient(135deg,var(--o1),var(--o2));\r\n box-shadow: 0 10px 24px rgba(255,123,0,.28);\r\n flex:0 0 38px;\r\n}\r\n.reason__icon svg{ width:22px; height:22px; }\r\n\r\n.reason__title{ margin:0 0 2px; font:800 15.5px\/1.25 system-ui; color:#fff; }\r\n.reason__sub{ margin:0; color:#ffe9d6; font-weight:600; font-size:13px; line-height:1.45; }\r\n\r\n.reason__chev{\r\n width:34px; height:34px; border-radius:10px; display:grid; place-items:center;\r\n background:rgba(255,255,255,.10); color:#fff; border:1px solid rgba(255,255,255,.18);\r\n}\r\n.reason__chev svg{ width:18px; height:18px; }\r\n\r\n\/* Right framed image *\/\r\n.frame{ position:relative; border-radius:16px; overflow:hidden; }\r\n.frame img{ width:100%; height:auto; display:block; border-radius:14px; }\r\n.frame__accent{\r\n position:absolute; inset:-12px -12px auto auto; width:140px; height:38px;\r\n border-radius:999px; background: linear-gradient(135deg,var(--o1),var(--o2));\r\n box-shadow: 0 10px 24px rgba(255,123,0,.28);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 980px){\r\n .why-choose__wrap{ grid-template-columns: 1fr; }\r\n .frame__accent{ inset:-10px -10px auto auto; transform: scale(.9); }\r\n}\r\n@media (max-width: 640px){\r\n .reasons{ grid-template-columns: 1fr; }\r\n .reason{ padding:12px; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-933662f e-con-full e-flex e-con e-parent\" data-id=\"933662f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c4b883 elementor-widget elementor-widget-html\" data-id=\"5c4b883\" 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>Social Media & Contact 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 <style>\r\n \/* ========= Social Media Container ========= *\/\r\n .social-container, .social-container * { \r\n box-sizing: border-box; \r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .social-container {\r\n padding: clamp(16px, 4vw, 32px);\r\n font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: linear-gradient(rgba(255, 123, 0, 0.85), rgba(255, 60, 0, 0.8)), \r\n url('http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/10\/marrakech-walls-and-atlas.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n min-height: 50vh;\r\n position: relative;\r\n }\r\n\r\n \/* Card container with semi-transparent background *\/\r\n .social-container__card {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 24px;\r\n padding: clamp(28px, 5vw, 52px);\r\n min-height: 280px;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n align-items: center;\r\n justify-items: center;\r\n text-align: center;\r\n color: #ffffff;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(15px);\r\n -webkit-backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: \r\n 0 20px 50px rgba(0, 0, 0, 0.3),\r\n 0 5px 15px rgba(0, 0, 0, 0.2);\r\n max-width: 1000px;\r\n width: 100%;\r\n }\r\n\r\n \/* Subtle world map overlay *\/\r\n .social-container__card::before {\r\n content: \"\";\r\n position: absolute; \r\n inset: -10% -4% -10% -4%;\r\n background-image:\r\n url(\"data:image\/svg+xml;utf8,\\\r\n <svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 800 400' opacity='0.15'>\\\r\n <path fill='white' d='M80 120c30-20 60-25 100-10 40 15 70 5 95-8 24-13 50-15 95-5s70 35 105 35 65-15 95-15 55 12 85 31 55 46 60 57-20 10-40 7-40-8-65-8-50 8-78 18-63 14-98 10-68-10-98-8-58 16-88 16-60-12-88-27-52-33-80-43-55-11-65-14 10-16 25-26z'\/>\\\r\n <\/svg>\");\r\n background-repeat: no-repeat;\r\n background-size: 120% auto;\r\n background-position: center;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Content *\/\r\n .social-container__content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 760px;\r\n width: 100%;\r\n }\r\n\r\n \/* Title *\/\r\n .social-container__title {\r\n margin: 0 0 24px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n font-size: clamp(24px, 3.5vw, 36px);\r\n letter-spacing: -0.02em;\r\n color: #ffffff;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .social-container__title strong { \r\n color: #FFE8A3; \r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n \/* Subtitle *\/\r\n .social-container__sub {\r\n margin: 0 auto 32px;\r\n max-width: 680px;\r\n color: rgba(255, 255, 255, 0.95);\r\n font-weight: 500;\r\n font-size: clamp(14px, 1.6vw, 17px);\r\n line-height: 1.6;\r\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Social Icons Container *\/\r\n .social-container__icons {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n \/* Social Icon Items *\/\r\n .social-icon {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n text-decoration: none;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .social-icon:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .social-icon__circle {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .social-icon:hover .social-icon__circle {\r\n background: rgba(255, 255, 255, 0.3);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .social-icon i {\r\n font-size: 28px;\r\n color: white;\r\n }\r\n\r\n .social-icon__name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: white;\r\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Custom TripAdvisor SVG styling - Updated color to #63c870 *\/\r\n .social-icon--tripadvisor .social-icon__circle {\r\n background: #63c870;\r\n padding: 8px;\r\n }\r\n\r\n .tripadvisor-logo {\r\n width: 32px;\r\n height: 32px;\r\n filter: brightness(0) invert(1);\r\n }\r\n\r\n .social-icon--whatsapp .social-icon__circle {\r\n background: rgba(37, 211, 102, 0.7);\r\n }\r\n\r\n .social-icon--instagram .social-icon__circle {\r\n background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\r\n }\r\n\r\n .social-icon--facebook .social-icon__circle {\r\n background: rgba(59, 89, 152, 0.7);\r\n }\r\n\r\n \/* Contact Info *\/\r\n .social-container__contact {\r\n margin-top: 24px;\r\n padding-top: 24px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .social-container__phone {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #FFE8A3;\r\n margin-bottom: 8px;\r\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .social-container__contact-text {\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 500;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Mobile Optimizations *\/\r\n @media (max-width: 900px) {\r\n .social-container__card {\r\n padding: 32px 24px;\r\n }\r\n \r\n .social-container {\r\n background-attachment: scroll;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .social-container__card {\r\n text-align: center;\r\n padding: 28px 20px;\r\n }\r\n \r\n .social-container__icons {\r\n gap: 15px;\r\n }\r\n \r\n .social-icon__circle {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n \r\n .social-icon i {\r\n font-size: 24px;\r\n }\r\n \r\n .tripadvisor-logo {\r\n width: 28px;\r\n height: 28px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .social-container__card {\r\n padding: 24px 18px;\r\n }\r\n \r\n .social-container__icons {\r\n gap: 12px;\r\n }\r\n \r\n .social-icon__circle {\r\n width: 55px;\r\n height: 55px;\r\n }\r\n \r\n .social-icon i {\r\n font-size: 22px;\r\n }\r\n \r\n .tripadvisor-logo {\r\n width: 26px;\r\n height: 26px;\r\n }\r\n \r\n .social-icon__name {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .social-container {\r\n padding: 12px;\r\n min-height: 50vh;\r\n }\r\n \r\n .social-container__card {\r\n padding: 22px 16px;\r\n border-radius: 20px;\r\n }\r\n \r\n .social-container__title {\r\n font-size: 22px;\r\n }\r\n \r\n .social-container__sub {\r\n font-size: 14px;\r\n }\r\n \r\n .social-container__phone {\r\n font-size: 16px;\r\n }\r\n \r\n .social-container__contact-text {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .social-container__card {\r\n padding: 20px 14px;\r\n }\r\n \r\n .social-container__icons {\r\n gap: 10px;\r\n }\r\n \r\n .social-icon__circle {\r\n width: 50px;\r\n height: 50px;\r\n }\r\n \r\n .social-icon i {\r\n font-size: 20px;\r\n }\r\n \r\n .tripadvisor-logo {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"social-container\" aria-label=\"Connect with us on social media\">\r\n <div class=\"social-container__card\">\r\n \r\n <div class=\"social-container__content\">\r\n <h2 class=\"social-container__title\">\r\n Connect With <strong>MoroQuest<\/strong>\r\n <\/h2>\r\n <p class=\"social-container__sub\">\r\n Follow our adventures, get travel tips, and be the first to know about special offers and new tour experiences.\r\n <\/p>\r\n\r\n \r\n <div class=\"social-container__icons\">\r\n <a href=\"https:\/\/www.tripadvisor.com\/Attraction_Review-g488109-d33993347-Reviews-Moro_Quest_Adventures-Imlil_Marrakech_Safi.html\" class=\"social-icon social-icon--tripadvisor\" aria-label=\"Visit our TripAdvisor page\" target=\"_blank\" rel=\"noopener\">\r\n <div class=\"social-icon__circle\">\r\n <img decoding=\"async\" src=\"http:\/\/moroquestadventures.com\/wp-content\/uploads\/2025\/11\/tripadvisor-logo-svgrepo-com.svg\" \r\n alt=\"TripAdvisor\" \r\n class=\"tripadvisor-logo\">\r\n <\/div>\r\n <span class=\"social-icon__name\">TripAdvisor<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.instagram.com\/moroquest_adventures\/\" class=\"social-icon social-icon--instagram\" aria-label=\"Follow us on Instagram\" target=\"_blank\" rel=\"noopener\">\r\n <div class=\"social-icon__circle\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/div>\r\n <span class=\"social-icon__name\">Instagram<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/web.facebook.com\/profile.php?id=61583163064946\" class=\"social-icon social-icon--facebook\" aria-label=\"Like us on Facebook\" target=\"_blank\" rel=\"noopener\">\r\n <div class=\"social-icon__circle\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/div>\r\n <span class=\"social-icon__name\">Facebook<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/wa.me\/212675747089\" class=\"social-icon social-icon--whatsapp\" aria-label=\"Message us on WhatsApp\" target=\"_blank\" rel=\"noopener\">\r\n <div class=\"social-icon__circle\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/div>\r\n <span class=\"social-icon__name\">WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"social-container__contact\">\r\n <div class=\"social-container__phone\">\r\n <i class=\"fab fa-whatsapp\"><\/i> 0675747089\r\n <\/div>\r\n <div class=\"social-container__contact-text\">\r\n Available for questions, bookings, and travel advice\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Marrakech Day Trips & Tours | MoroQuest Adventures MoroQuest Adventures Marrakech … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-638","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/comments?post=638"}],"version-history":[{"count":249,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":1763,"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/pages\/638\/revisions\/1763"}],"wp:attachment":[{"href":"https:\/\/moroquestadventures.com\/fr\/wp-json\/wp\/v2\/media?parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}