{"id":362,"date":"2025-12-16T20:28:17","date_gmt":"2025-12-16T20:28:17","guid":{"rendered":"https:\/\/alliancemoroccotours.com\/?page_id=362"},"modified":"2025-12-20T08:35:16","modified_gmt":"2025-12-20T08:35:16","slug":"alliance-morocco-tours-2","status":"publish","type":"page","link":"https:\/\/alliancemoroccotours.com\/it\/","title":{"rendered":"Tour dell'Alleanza Marocco"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"362\" class=\"elementor elementor-362\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebb270 e-con-full e-flex e-con e-parent\" data-id=\"6ebb270\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f37f81 elementor-widget elementor-widget-html\" data-id=\"9f37f81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"amt-hero-slider\" aria-label=\"Alliance Morocco Tours Hero Banner\">\r\n  <!-- Slider Container -->\r\n  <div class=\"amt-slider-container\">\r\n    <!-- Slide 1 -->\r\n    <div class=\"amt-slide amt-slide-active\" style=\"background-image: url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/rigel-TmgpZd749bQ-unsplash.jpg')\">\r\n      <div class=\"amt-slide-overlay\"><\/div>\r\n      <div class=\"amt-slide-content\">\r\n        <h1 class=\"amt-hero-title\">Discover Authentic Morocco with Alliance Morocco Tours<\/h1>\r\n        <p class=\"amt-hero-description\">Experience Sahara desert adventures, imperial cities, and cultural tours with local experts.<\/p>\r\n        <div class=\"amt-button-group\">\r\n          <a href=\"https:\/\/alliancemoroccotours.com\/explore-morocco-tours\/\" class=\"amt-btn amt-btn-primary\">\r\n            <svg class=\"amt-btn-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n            <\/svg>\r\n            Explore Tours\r\n          <\/a>\r\n          <a href=\"https:\/\/alliancemoroccotours.com\/contact\" class=\"amt-btn amt-btn-secondary\">\r\n            <svg class=\"amt-btn-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n            <\/svg>\r\n            Contact\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"amt-trust-icons\">\r\n          <div class=\"amt-trust-item\">\r\n            <svg class=\"amt-trust-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n            <\/svg>\r\n            <span>Desert Tours<\/span>\r\n          <\/div>\r\n          <div class=\"amt-trust-item\">\r\n            <svg class=\"amt-trust-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n            <\/svg>\r\n            <span>Imperial Cities<\/span>\r\n          <\/div>\r\n          <div class=\"amt-trust-item\">\r\n            <svg class=\"amt-trust-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M16 3H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z\"\/>\r\n              <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"17.01\"\/>\r\n            <\/svg>\r\n            <span>Private Tours<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 2 -->\r\n    <div class=\"amt-slide\" style=\"background-image: url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/12-day-Morocco-itinerary.webp')\">\r\n      <div class=\"amt-slide-overlay\"><\/div>\r\n      <div class=\"amt-slide-content\">\r\n        <h1 class=\"amt-hero-title\">Morocco Desert Tours & Cultural Experiences<\/h1>\r\n        <p class=\"amt-hero-description\">From Marrakech to Fes, explore authentic Morocco with expert local guides.<\/p>\r\n        <div class=\"amt-button-group\">\r\n          <a href=\"https:\/\/alliancemoroccotours.com\/explore-morocco-tours\/\" class=\"amt-btn amt-btn-primary\">\r\n            <svg class=\"amt-btn-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n            <\/svg>\r\n            Explore Tours\r\n          <\/a>\r\n          <a href=\"https:\/\/alliancemoroccotours.com\/contact\" class=\"amt-btn amt-btn-secondary\">\r\n            <svg class=\"amt-btn-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n            <\/svg>\r\n            Contact\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"amt-trust-icons\">\r\n          <div class=\"amt-trust-item\">\r\n            <svg class=\"amt-trust-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n            <\/svg>\r\n            <span>Camel Treks<\/span>\r\n          <\/div>\r\n          <div class=\"amt-trust-item\">\r\n            <svg class=\"amt-trust-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n            <\/svg>\r\n            <span>Atlas Mountains<\/span>\r\n          <\/div>\r\n          <div class=\"amt-trust-item\">\r\n            <svg class=\"amt-trust-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M16 3H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z\"\/>\r\n              <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"17.01\"\/>\r\n            <\/svg>\r\n            <span>Luxury Camps<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 3 -->\r\n    <div class=\"amt-slide\" style=\"background-image: url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/Volubilis-My-Idriss-Meknes-Day-trip-with-Pure-Morocco-1.webp')\">\r\n      <div class=\"amt-slide-overlay\"><\/div>\r\n      <div class=\"amt-slide-content\">\r\n        <h1 class=\"amt-hero-title\">Private Morocco Tours & Historical Journeys<\/h1>\r\n        <p class=\"amt-hero-description\">Customized itineraries to Volubilis, Meknes, and Morocco's UNESCO heritage sites.<\/p>\r\n        <div class=\"amt-button-group\">\r\n          <a href=\"https:\/\/alliancemoroccotours.com\/explore-morocco-tours\/\" class=\"amt-btn amt-btn-primary\">\r\n            <svg class=\"amt-btn-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n            <\/svg>\r\n            Explore Tours\r\n          <\/a>\r\n          <a href=\"https:\/\/alliancemoroccotours.com\/contact\" class=\"amt-btn amt-btn-secondary\">\r\n            <svg class=\"amt-btn-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n            <\/svg>\r\n            Contact\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"amt-trust-icons\">\r\n          <div class=\"amt-trust-item\">\r\n            <svg class=\"amt-trust-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\r\n            <\/svg>\r\n            <span>Heritage Sites<\/span>\r\n          <\/div>\r\n          <div class=\"amt-trust-item\">\r\n            <svg class=\"amt-trust-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n            <\/svg>\r\n            <span>Roman Ruins<\/span>\r\n          <\/div>\r\n          <div class=\"amt-trust-item\">\r\n            <svg class=\"amt-trust-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M16 3H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z\"\/>\r\n              <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"17.01\"\/>\r\n            <\/svg>\r\n            <span>Custom Tours<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slider Dots - Moved under trust icons -->\r\n    <div class=\"amt-slider-dots\">\r\n      <button class=\"amt-dot amt-dot-active\" aria-label=\"Go to slide 1\"><\/button>\r\n      <button class=\"amt-dot\" aria-label=\"Go to slide 2\"><\/button>\r\n      <button class=\"amt-dot\" aria-label=\"Go to slide 3\"><\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Scoped styles - all prefixed with .amt-hero-slider *\/\r\n  .amt-hero-slider {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 85vh;\r\n    min-height: 600px;\r\n    max-height: 900px;\r\n    overflow: hidden;\r\n    font-family: system-ui, -apple-system, sans-serif;\r\n  }\r\n\r\n  .amt-slider-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .amt-slide {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    opacity: 0;\r\n    transition: opacity 0.8s ease-in-out;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .amt-slide-active {\r\n    opacity: 1;\r\n  }\r\n\r\n  .amt-slide-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, rgba(17, 24, 39, 0.5), rgba(17, 24, 39, 0.8));\r\n    z-index: 1;\r\n  }\r\n\r\n  .amt-slide-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    color: white;\r\n    max-width: 800px;\r\n    padding: 0 20px;\r\n    width: 100%;\r\n    margin-top: -40px; \/* Adjust for better centering *\/\r\n  }\r\n\r\n  .amt-hero-title {\r\n    font-size: clamp(32px, 5vw, 48px);\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    margin-bottom: 20px;\r\n    color: white;\r\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .amt-hero-description {\r\n    font-size: clamp(16px, 2vw, 18px);\r\n    line-height: 1.5;\r\n    margin-bottom: 30px;\r\n    color: rgba(255, 255, 255, 0.95);\r\n    max-width: 600px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .amt-button-group {\r\n    display: flex;\r\n    gap: 16px;\r\n    justify-content: center;\r\n    margin-bottom: 40px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .amt-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 14px 28px;\r\n    border-radius: 50px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid transparent;\r\n    cursor: pointer;\r\n    min-width: 160px;\r\n  }\r\n\r\n  .amt-btn-primary {\r\n    background-color: #fe9f22;\r\n    color: #111827;\r\n  }\r\n\r\n  .amt-btn-primary:hover {\r\n    background-color: #e88f1e;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 16px rgba(254, 159, 34, 0.4);\r\n  }\r\n\r\n  .amt-btn-secondary {\r\n    background-color: transparent;\r\n    color: white;\r\n    border-color: #fe9f22;\r\n  }\r\n\r\n  .amt-btn-secondary:hover {\r\n    background-color: rgba(254, 159, 34, 0.15);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .amt-btn-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    stroke: currentColor;\r\n    stroke-width: 2.5;\r\n    fill: none;\r\n  }\r\n\r\n  .amt-trust-icons {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 20px; \/* Space for dots *\/\r\n  }\r\n\r\n  .amt-trust-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .amt-trust-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    stroke: #fe9f22;\r\n    stroke-width: 2;\r\n    fill: none;\r\n  }\r\n\r\n  .amt-trust-item span {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: white;\r\n    white-space: nowrap;\r\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .amt-slider-dots {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    left: 0;\r\n    right: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    z-index: 3;\r\n  }\r\n\r\n  .amt-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: rgba(255, 255, 255, 0.4);\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    padding: 0;\r\n  }\r\n\r\n  .amt-dot-active {\r\n    background: #fe9f22;\r\n    transform: scale(1.3);\r\n  }\r\n\r\n  \/* Mobile Optimizations *\/\r\n  @media (max-width: 768px) {\r\n    .amt-hero-slider {\r\n      height: 75vh;\r\n      min-height: 500px;\r\n      max-height: 700px;\r\n    }\r\n\r\n    .amt-slide-content {\r\n      padding: 0 16px;\r\n      margin-top: -20px;\r\n    }\r\n\r\n    .amt-hero-title {\r\n      font-size: 28px;\r\n      line-height: 1.3;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .amt-hero-description {\r\n      font-size: 16px;\r\n      line-height: 1.4;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .amt-button-group {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .amt-btn {\r\n      width: 100%;\r\n      max-width: 260px;\r\n      padding: 12px 24px;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .amt-trust-icons {\r\n      gap: 20px;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .amt-trust-icon {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    .amt-trust-item span {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .amt-slider-dots {\r\n      bottom: 25px;\r\n    }\r\n\r\n    .amt-dot {\r\n      width: 8px;\r\n      height: 8px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .amt-hero-slider {\r\n      height: 70vh;\r\n      min-height: 450px;\r\n    }\r\n\r\n    .amt-hero-title {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .amt-hero-description {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .amt-trust-icons {\r\n      gap: 16px;\r\n    }\r\n\r\n    .amt-trust-item span {\r\n      font-size: 11px;\r\n      white-space: normal;\r\n      text-align: center;\r\n      max-width: 80px;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .amt-btn {\r\n      max-width: 240px;\r\n      padding: 12px 20px;\r\n    }\r\n  }\r\n\r\n  \/* Landscape Mobile *\/\r\n  @media (max-height: 500px) and (orientation: landscape) {\r\n    .amt-hero-slider {\r\n      height: 90vh;\r\n      min-height: 400px;\r\n    }\r\n\r\n    .amt-slide-content {\r\n      margin-top: -60px;\r\n    }\r\n\r\n    .amt-hero-title {\r\n      font-size: 24px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .amt-hero-description {\r\n      font-size: 14px;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .amt-button-group {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .amt-trust-icons {\r\n      display: none; \/* Hide icons in landscape to save space *\/\r\n    }\r\n\r\n    .amt-slider-dots {\r\n      bottom: 15px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function() {\r\n    const slider = document.querySelector('.amt-slider-container');\r\n    const slides = document.querySelectorAll('.amt-slide');\r\n    const dots = document.querySelectorAll('.amt-dot');\r\n    \r\n    let currentSlide = 0;\r\n    let slideInterval;\r\n\r\n    function showSlide(index) {\r\n      \/\/ Remove active class from all slides and dots\r\n      slides.forEach(slide => slide.classList.remove('amt-slide-active'));\r\n      dots.forEach(dot => dot.classList.remove('amt-dot-active'));\r\n      \r\n      \/\/ Add active class to current slide and dot\r\n      slides[index].classList.add('amt-slide-active');\r\n      dots[index].classList.add('amt-dot-active');\r\n      currentSlide = index;\r\n    }\r\n\r\n    function nextSlide() {\r\n      let nextIndex = (currentSlide + 1) % slides.length;\r\n      showSlide(nextIndex);\r\n    }\r\n\r\n    \/\/ Auto-play function\r\n    function startAutoPlay() {\r\n      slideInterval = setInterval(nextSlide, 5000);\r\n    }\r\n\r\n    function stopAutoPlay() {\r\n      clearInterval(slideInterval);\r\n    }\r\n\r\n    \/\/ Event listeners for dots\r\n    dots.forEach((dot, index) => {\r\n      dot.addEventListener('click', () => {\r\n        showSlide(index);\r\n        stopAutoPlay();\r\n        startAutoPlay();\r\n      });\r\n    });\r\n\r\n    \/\/ Touch\/swipe support for mobile\r\n    let touchStartX = 0;\r\n    let touchEndX = 0;\r\n\r\n    slider.addEventListener('touchstart', (e) => {\r\n      touchStartX = e.changedTouches[0].screenX;\r\n      stopAutoPlay();\r\n    });\r\n\r\n    slider.addEventListener('touchend', (e) => {\r\n      touchEndX = e.changedTouches[0].screenX;\r\n      handleSwipe();\r\n      startAutoPlay();\r\n    });\r\n\r\n    function handleSwipe() {\r\n      const swipeThreshold = 50;\r\n      const diff = touchStartX - touchEndX;\r\n\r\n      if (Math.abs(diff) > swipeThreshold) {\r\n        if (diff > 0) {\r\n          \/\/ Swipe left - next slide\r\n          nextSlide();\r\n        } else {\r\n          \/\/ Swipe right - previous slide\r\n          let prevIndex = (currentSlide - 1 + slides.length) % slides.length;\r\n          showSlide(prevIndex);\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ Pause auto-play on hover\r\n    slider.addEventListener('mouseenter', stopAutoPlay);\r\n    slider.addEventListener('mouseleave', startAutoPlay);\r\n\r\n    \/\/ Start auto-play\r\n    startAutoPlay();\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c31ee5 e-con-full e-flex e-con e-parent\" data-id=\"9c31ee5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a2b5de elementor-widget elementor-widget-html\" data-id=\"0a2b5de\" 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>Alliance Morocco Tours - City Destinations<\/title>\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    \/* ===== Alliance Morocco Tours City Categories ===== *\/\r\n    .amt-cities-v2, .amt-cities-v2 * { box-sizing: border-box; }\r\n    .amt-cities-v2{\r\n      --amt-orange:#fe9f22; --amt-orange-700:#e88f1e;\r\n      --amt-gold:#f0b429; --amt-gold-700:#d69e2e;\r\n      --amt-white:#fff; --amt-muted:#fef9f0;\r\n      --amt-black:#1f2937; --amt-grey:#4b5563;\r\n\r\n      position:relative; isolation:isolate;\r\n      padding: clamp(40px,5vw,60px) 0;\r\n      background: #ffffff; \/* Solid white background *\/\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial !important;\r\n    }\r\n\r\n    .amt-cities-v2 a { text-decoration: none !important; color: inherit !important; }\r\n    .amt-cities-v2__wrap{ \r\n      width: min(1200px, 94%);\r\n      margin-inline:auto; \r\n      position: relative; \r\n      z-index: 1; \r\n    }\r\n\r\n    \/* Header *\/\r\n    .amt-cities-v2__header{ text-align:center; margin-bottom: clamp(30px,4vw,40px); }\r\n    .amt-eyebrow-v2{\r\n      display:inline-block; padding:10px 20px; border-radius:999px;\r\n      background: linear-gradient(135deg, rgba(254,159,34,.12), rgba(240,180,41,.12));\r\n      border:1px solid rgba(254,159,34,.25); color: var(--amt-orange) !important;\r\n      font:800 13px\/1 system-ui; letter-spacing:.5px; text-transform:uppercase; margin-bottom:16px;\r\n    }\r\n    .amt-heading-v2{\r\n      margin:0; color: var(--amt-black) !important;\r\n      font:900 clamp(28px,4.5vw,42px)\/1.1 system-ui !important; letter-spacing:-.02em; text-align:center !important;\r\n      margin-bottom: 12px;\r\n    }\r\n    .amt-heading-v2 strong{ color: var(--amt-orange) !important; }\r\n    .amt-subtitle-v2{\r\n      margin:0; color: var(--amt-grey) !important;\r\n      font:500 clamp(16px,1.8vw,18px)\/1.5 system-ui; max-width: 700px; margin-inline: auto;\r\n    }\r\n\r\n    \/* Grid - 4 columns for desktop *\/\r\n    .amt-cities-v2__track{\r\n      display:grid; gap: clamp(20px,2.5vw,28px);\r\n      grid-template-columns: repeat(4, 1fr); \/* 4 columns for 4 items *\/\r\n    }\r\n    \r\n    \/* Responsive breakpoints *\/\r\n    @media (max-width:1024px){ \r\n      .amt-cities-v2__track{ grid-template-columns: repeat(2, 1fr); } \r\n    }\r\n    @media (max-width:640px){ \r\n      .amt-cities-v2__track{ grid-template-columns: 1fr; } \r\n    }\r\n\r\n    \/* City Card *\/\r\n    .amt-city-v2{\r\n      position:relative; display:grid; place-content:end;\r\n      min-height: clamp(300px, 40vh, 360px);\r\n      border-radius:18px; overflow:hidden; color:var(--amt-white);\r\n      background:#fff; border: 1px solid rgba(254,159,34,0.15);\r\n      box-shadow:0 10px 30px rgba(0,0,0,0.08); \r\n      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n    .amt-city-v2:hover{ \r\n      transform: translateY(-8px); \r\n      box-shadow:0 20px 50px rgba(254,159,34,0.18); \r\n      border-color: rgba(254,159,34,0.4); \r\n    }\r\n\r\n    \/* Image styling *\/\r\n    .amt-city-v2__image{\r\n      position:absolute; inset:0;\r\n      width:100% !important; height:100% !important;\r\n      max-width:none !important;\r\n      display:block !important;\r\n      object-fit:cover !important; object-position:center;\r\n      filter:brightness(.88) contrast(1.1) saturate(1.1);\r\n      transition: transform 1.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n      pointer-events:none;\r\n    }\r\n    .amt-city-v2:hover .amt-city-v2__image{ transform: scale(1.12); }\r\n\r\n    .amt-city-v2__overlay{ \r\n      position:absolute; inset:0;\r\n      background: linear-gradient(\r\n        180deg, \r\n        rgba(31,41,55,0.15) 0%, \r\n        rgba(31,41,55,0.25) 40%, \r\n        rgba(31,41,55,0.85) 100%\r\n      );\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* Head (icon + badge) *\/\r\n    .amt-city-v2__head{\r\n      position:absolute; top:20px; left:20px; right:20px;\r\n      display:flex; align-items:center; justify-content:space-between; gap:12px; z-index: 3;\r\n    }\r\n    .amt-city-v2__icon{\r\n      display:grid; place-items:center; width:48px; height:48px; border-radius:12px;\r\n      background: rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.25);\r\n      backdrop-filter: blur(10px); \r\n      font-size:20px;\r\n      color: #ffffff !important;\r\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n    }\r\n    .amt-city-v2__badge{\r\n      margin-left:auto; padding:8px 18px; border-radius:999px; color:#fff !important;\r\n      font:800 12px\/1 system-ui; letter-spacing:.6px; text-transform:uppercase;\r\n      border:1px solid rgba(255,255,255,.25); backdrop-filter: blur(6px);\r\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\r\n    }\r\n    .amt-city-v2__badge--orange{ background: var(--amt-orange); }\r\n    .amt-city-v2__badge--gold{ background: var(--amt-gold); }\r\n\r\n    \/* Content *\/\r\n    .amt-city-v2__content{ \r\n      position:relative; \r\n      padding: 24px; \r\n      z-index:2;\r\n      background: linear-gradient(transparent, rgba(0,0,0,0.4));\r\n    }\r\n    .amt-city-v2__title{ \r\n      margin:0 0 10px; \r\n      font:800 clamp(22px,2.5vw,28px)\/1.15 system-ui; \r\n      letter-spacing:-.02em; \r\n      color:#fff !important; \r\n    }\r\n    .amt-city-v2__title strong{ color: var(--amt-orange) !important; }\r\n    .amt-city-v2__sub{ \r\n      margin:0 0 20px; \r\n      color: rgba(255,255,255,0.9) !important; \r\n      font:500 clamp(14px,1.6vw,16px)\/1.5 system-ui; \r\n    }\r\n    .amt-btn-v2{\r\n      display:inline-flex; align-items:center; gap:10px; padding:14px 22px; border-radius:12px;\r\n      font:800 15px\/1 system-ui; background: var(--amt-orange) !important; color:#fff !important;\r\n      box-shadow:0 8px 24px rgba(254,159,34,0.35); user-select:none; \r\n      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n      border: none;\r\n    }\r\n    .amt-btn-v2:hover{ \r\n      background: var(--amt-orange-700) !important; \r\n      transform: translateY(-2px) scale(1.02); \r\n      box-shadow:0 12px 32px rgba(232,143,30,0.4); \r\n    }\r\n\r\n    \/* Mobile: convert to carousel *\/\r\n    @media (max-width:640px){\r\n      .amt-cities-v2__track{\r\n        display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;\r\n        padding-bottom:20px; scrollbar-width: none; -ms-overflow-style: none;\r\n        margin-bottom: 8px;\r\n      }\r\n      .amt-cities-v2__track::-webkit-scrollbar{ display:none; }\r\n      .amt-city-v2{ \r\n        min-width: 90%; \r\n        scroll-snap-align:center; \r\n        min-height: 320px;\r\n      }\r\n      .amt-cities-v2__dots{ display:flex !important; }\r\n    }\r\n    @media (min-width:641px){ .amt-cities-v2__dots{ display:none !important; } }\r\n\r\n    \/* Dots (mobile) *\/\r\n    .amt-cities-v2__dots{\r\n      justify-content:center; gap:10px; align-items:center;\r\n      margin-top:24px; display: none;\r\n    }\r\n    .amt-cities-v2__dots button{\r\n      width:14px; height:14px; border-radius:50%;\r\n      background:rgba(254,159,34,0.3); border:0; cursor:pointer; opacity:.85;\r\n      transition: all 0.25s ease;\r\n      position: relative;\r\n    }\r\n    .amt-cities-v2__dots button::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: -4px;\r\n      border-radius: 50%;\r\n    }\r\n    .amt-cities-v2__dots button[aria-selected=\"true\"]{\r\n      background:var(--amt-orange); opacity:1; transform:scale(1.15);\r\n      box-shadow:0 0 0 4px rgba(254,159,34,0.2);\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .amt-city-v2, .amt-city-v2__image, .amt-btn-v2{ transition:none !important; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <section class=\"amt-cities-v2\" aria-label=\"Explore Moroccan Cities\">\r\n    <div class=\"amt-cities-v2__wrap\">\r\n      <header class=\"amt-cities-v2__header\">\r\n        <p class=\"amt-eyebrow-v2\">Discover Morocco's Treasures<\/p>\r\n        <h2 class=\"amt-heading-v2\">EXPLORE <strong>IMPERIAL CITIES<\/strong><\/h2>\r\n        <p class=\"amt-subtitle-v2\">Journey through Morocco's most iconic destinations with our expertly curated city tours and experiences<\/p>\r\n      <\/header>\r\n\r\n      <div class=\"amt-cities-v2__track\" id=\"amtCitiesTrackV2\">\r\n        <!-- CASABLANCA -->\r\n        <a class=\"amt-city-v2\" href=\"https:\/\/alliancemoroccotours.com\/explore-casablanca\/\">\r\n          <img decoding=\"async\" class=\"amt-city-v2__image\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/iStock-2152434554-MOBILE_HEADER.webp\" alt=\"Casablanca cityscape with Hassan II Mosque\">\r\n          <div class=\"amt-city-v2__overlay\"><\/div>\r\n          <div class=\"amt-city-v2__head\">\r\n            <span class=\"amt-city-v2__icon\"><i class=\"fa-solid fa-mosque\" aria-hidden=\"true\"><\/i><\/span>\r\n            <span class=\"amt-city-v2__badge amt-city-v2__badge--orange\">Coastal<\/span>\r\n          <\/div>\r\n          <div class=\"amt-city-v2__content\">\r\n            <h3 class=\"amt-city-v2__title\">Discover <strong>Casablanca<\/strong><\/h3>\r\n            <p class=\"amt-city-v2__sub\">Modern metropolis \u2022 Hassan II Mosque \u2022 Coastal charm \u2022 Art deco architecture<\/p>\r\n            <span class=\"amt-btn-v2 amt-btn-v2--primary\"><i class=\"fa-solid fa-compass\"><\/i> Explore City<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- MARRAKECH -->\r\n        <a class=\"amt-city-v2\" href=\"https:\/\/alliancemoroccotours.com\/explore-marrakech\/\">\r\n          <img decoding=\"async\" class=\"amt-city-v2__image\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/iStock-475057992-2-HEADER_MOBILE.webp\" alt=\"Marrakech Jemaa el-Fnaa square at night\">\r\n          <div class=\"amt-city-v2__overlay\"><\/div>\r\n          <div class=\"amt-city-v2__head\">\r\n            <span class=\"amt-city-v2__icon\"><i class=\"fa-solid fa-palette\" aria-hidden=\"true\"><\/i><\/span>\r\n            <span class=\"amt-city-v2__badge amt-city-v2__badge--gold\">Imperial<\/span>\r\n          <\/div>\r\n          <div class=\"amt-city-v2__content\">\r\n            <h3 class=\"amt-city-v2__title\">Experience <strong>Marrakech<\/strong><\/h3>\r\n            <p class=\"amt-city-v2__sub\">Red City \u2022 Souks & palaces \u2022 Desert gateway \u2022 Vibrant culture<\/p>\r\n            <span class=\"amt-btn-v2 amt-btn-v2--primary\"><i class=\"fa-solid fa-map-marked-alt\"><\/i> Discover Tours<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- TANGIER -->\r\n        <a class=\"amt-city-v2\" href=\"https:\/\/alliancemoroccotours.com\/explore-tangier\/\">\r\n          <img decoding=\"async\" class=\"amt-city-v2__image\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/586bfd2669f11c8c1751cf82c8d6ea73-scaled.webp\" alt=\"Tangier Mediterranean coastline and city\">\r\n          <div class=\"amt-city-v2__overlay\"><\/div>\r\n          <div class=\"amt-city-v2__head\">\r\n            <span class=\"amt-city-v2__icon\"><i class=\"fa-solid fa-water\" aria-hidden=\"true\"><\/i><\/span>\r\n            <span class=\"amt-city-v2__badge amt-city-v2__badge--orange\">Gateway<\/span>\r\n          <\/div>\r\n          <div class=\"amt-city-v2__content\">\r\n            <h3 class=\"amt-city-v2__title\">Visit <strong>Tangier<\/strong><\/h3>\r\n            <p class=\"amt-city-v2__sub\">Mediterranean gateway \u2022 Historic kasbah \u2022 Cultural crossroads \u2022 Coastal views<\/p>\r\n            <span class=\"amt-btn-v2 amt-btn-v2--primary\"><i class=\"fa-solid fa-ship\"><\/i> Explore Port City<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- FES -->\r\n        <a class=\"amt-city-v2\" href=\"https:\/\/alliancemoroccotours.com\/explore-fes\/\">\r\n          <img decoding=\"async\" class=\"amt-city-v2__image\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/La-medina-de-Fes-el-Bali-Maroc-1000x667-1.jpeg\" alt=\"Fes ancient medina and architecture\">\r\n          <div class=\"amt-city-v2__overlay\"><\/div>\r\n          <div class=\"amt-city-v2__head\">\r\n            <span class=\"amt-city-v2__icon\"><i class=\"fa-solid fa-landmark\" aria-hidden=\"true\"><\/i><\/span>\r\n            <span class=\"amt-city-v2__badge amt-city-v2__badge--gold\">Historical<\/span>\r\n          <\/div>\r\n          <div class=\"amt-city-v2__content\">\r\n            <h3 class=\"amt-city-v2__title\">Discover <strong>Fes<\/strong><\/h3>\r\n            <p class=\"amt-city-v2__sub\">Ancient medina \u2022 UNESCO heritage \u2022 Traditional crafts \u2022 Spiritual heart<\/p>\r\n            <span class=\"amt-btn-v2 amt-btn-v2--primary\"><i class=\"fa-solid fa-history\"><\/i> Step Back in Time<\/span>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Dots (mobile) -->\r\n      <div class=\"amt-cities-v2__dots\" role=\"tablist\" aria-label=\"Slide navigation\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.currentScript.closest('.amt-cities-v2');\r\n      const track = root.querySelector('#amtCitiesTrackV2');\r\n      const slides = Array.from(track.querySelectorAll('.amt-city-v2'));\r\n      const dotsWrap = root.querySelector('.amt-cities-v2__dots');\r\n\r\n      \/\/ Build dots for mobile\r\n      slides.forEach((_, i)=>{\r\n        const b = document.createElement('button');\r\n        b.type = 'button';\r\n        b.setAttribute('role','tab');\r\n        b.setAttribute('aria-label', `Go to slide ${i+1}`);\r\n        b.addEventListener('click', ()=> go(i));\r\n        dotsWrap.appendChild(b);\r\n      });\r\n\r\n      let index = 0;\r\n      let autoSlideInterval;\r\n\r\n      function updateDots(i=index){\r\n        const dots = dotsWrap.querySelectorAll('button');\r\n        dots.forEach((d,di)=> d.setAttribute('aria-selected', di===i ? 'true' : 'false'));\r\n      }\r\n\r\n      function go(i){\r\n        index = Math.max(0, Math.min(i, slides.length-1));\r\n        slides[index].scrollIntoView({behavior:'smooth', inline:'center', block:'nearest'});\r\n        updateDots(index);\r\n      }\r\n\r\n      \/\/ Auto-sliding only on mobile\r\n      function startAutoSlide() {\r\n        if (window.innerWidth <= 640) {\r\n          autoSlideInterval = setInterval(() => {\r\n            index = (index + 1) % slides.length;\r\n            go(index);\r\n          }, 4500);\r\n        }\r\n      }\r\n      \r\n      function stopAutoSlide() { clearInterval(autoSlideInterval); }\r\n\r\n      \/\/ Initialize\r\n      startAutoSlide();\r\n      \r\n      \/\/ Event listeners\r\n      window.addEventListener('resize', () => { \r\n        stopAutoSlide(); \r\n        startAutoSlide(); \r\n      });\r\n      \r\n      \/\/ Pause on hover\/touch\r\n      track.addEventListener('mouseenter', stopAutoSlide);\r\n      track.addEventListener('touchstart', stopAutoSlide);\r\n      track.addEventListener('mouseleave', startAutoSlide);\r\n      track.addEventListener('touchend', startAutoSlide);\r\n\r\n      \/\/ Intersection Observer for dot updates\r\n      const io = new IntersectionObserver((entries)=>{\r\n        entries.forEach(entry=>{\r\n          if(entry.isIntersecting){\r\n            const i = slides.indexOf(entry.target);\r\n            if(i!==-1){ index = i; updateDots(i); }\r\n          }\r\n        });\r\n      }, { root: track, threshold: 0.7 });\r\n\r\n      slides.forEach(s => io.observe(s));\r\n      updateDots(0);\r\n\r\n      \/\/ Add keyboard navigation for accessibility\r\n      track.setAttribute('tabindex', '0');\r\n      track.addEventListener('keydown', (e) => {\r\n        if (e.key === 'ArrowLeft') {\r\n          e.preventDefault();\r\n          go((index - 1 + slides.length) % slides.length);\r\n        } else if (e.key === 'ArrowRight') {\r\n          e.preventDefault();\r\n          go((index + 1) % slides.length);\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-deffa6b e-con-full e-flex e-con e-parent\" data-id=\"deffa6b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63cfcef elementor-widget elementor-widget-html\" data-id=\"63cfcef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== Alliance Morocco Tours \u2013 About Section ===== -->\r\n<div id=\"amt-about-mount\"><\/div>\r\n<script>\r\n(function(){\r\n  const mount = document.getElementById('amt-about-mount');\r\n  if(!mount) return;\r\n  const root = mount.attachShadow({ mode: 'open' });\r\n\r\n  root.innerHTML = `\r\n    <style>\r\n      :host{\r\n        --primary: #fe9f22;\r\n        --primary-dark: #e88f1e;\r\n        --dark: #111827;\r\n        --dark-800: #4b5563;\r\n        --light-bg: #ffffff;\r\n        --card-bg: #ffffff;\r\n        --border: #e5e7eb;\r\n        --shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\r\n        --radius: 20px;\r\n      }\r\n      *,*::before,*::after{box-sizing:border-box}\r\n      h1,h2,h3,h4,p,figure{margin:0}\r\n      img{display:block;max-width:100%;height:auto}\r\n      a{text-decoration:none}\r\n\r\n      .wrap{\r\n        background: var(--light-bg);\r\n        padding: min(8vw, 100px) min(4vw, 24px);\r\n        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n        color: var(--dark-800);\r\n      }\r\n      .container{max-width: 1200px; margin: 0 auto}\r\n\r\n      .title{text-align:center; margin-bottom: 48px}\r\n      .title h1{\r\n        font-weight: 800;\r\n        line-height: 1.1;\r\n        font-size: clamp(32px, 5.5vw, 56px);\r\n        margin-bottom: 12px;\r\n      }\r\n      .title h1 .black{\r\n        color: var(--dark);\r\n      }\r\n      .title h1 .orange{\r\n        color: var(--primary);\r\n      }\r\n      .title .sub{\r\n        font-size: clamp(16px, 2.2vw, 22px);\r\n        color: var(--dark-800);\r\n        font-weight: 400;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .grid{\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        gap: 60px;\r\n        align-items: start;\r\n        margin-bottom: 60px;\r\n      }\r\n      @media (max-width: 1024px){.grid{grid-template-columns: 1fr; gap: 50px}}\r\n\r\n      \/* LEFT COLUMN - Content *\/\r\n      .content-section{\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 32px;\r\n      }\r\n\r\n      .intro-card{\r\n        background: var(--card-bg);\r\n        border-radius: var(--radius);\r\n        padding: 32px;\r\n        border: 1px solid var(--border);\r\n        box-shadow: var(--shadow);\r\n      }\r\n\r\n      .intro-header{\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        margin-bottom: 24px;\r\n      }\r\n\r\n      .intro-icon{\r\n        width: 56px;\r\n        height: 56px;\r\n        background: rgba(254, 159, 34, 0.1);\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 2px solid var(--primary);\r\n      }\r\n\r\n      .intro-header h2{\r\n        font-size: clamp(24px, 3.2vw, 36px);\r\n        color: var(--dark);\r\n        font-weight: 700;\r\n      }\r\n\r\n      .intro-header h2 span{\r\n        color: var(--primary);\r\n      }\r\n\r\n      .intro-text{\r\n        line-height: 1.7;\r\n        font-size: clamp(15px, 1.8vw, 18px);\r\n        color: var(--dark-800);\r\n      }\r\n\r\n      .intro-text p{\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n      .intro-text strong{\r\n        color: var(--dark);\r\n        font-weight: 600;\r\n      }\r\n\r\n      \/* RIGHT COLUMN - Single Image with Experience Badge *\/\r\n      .image-section{\r\n        position: relative;\r\n        height: 500px;\r\n      }\r\n\r\n      .main-image-container{\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: var(--radius);\r\n        overflow: hidden;\r\n        box-shadow: var(--shadow);\r\n        border: 3px solid var(--primary);\r\n      }\r\n\r\n      .main-image{\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n      }\r\n\r\n      .image-overlay{\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n        color: white;\r\n        padding: 24px;\r\n      }\r\n\r\n      .image-overlay h3{\r\n        font-size: 20px;\r\n        margin-bottom: 6px;\r\n        font-weight: 700;\r\n      }\r\n\r\n      .image-overlay p{\r\n        font-size: 14px;\r\n        opacity: 0.9;\r\n      }\r\n\r\n      .experience-badge{\r\n        position: absolute;\r\n        top: 30px;\r\n        right: 30px;\r\n        background: var(--dark);\r\n        color: white;\r\n        padding: 20px 24px;\r\n        border-radius: 16px;\r\n        text-align: center;\r\n        min-width: 160px;\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.3);\r\n        z-index: 10;\r\n        border: 2px solid var(--primary);\r\n      }\r\n\r\n      .experience-badge strong{\r\n        display: block;\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .experience-badge span{\r\n        font-size: 14px;\r\n        opacity: 0.9;\r\n        font-weight: 600;\r\n      }\r\n\r\n      \/* Mobile-specific positioning for experience badge *\/\r\n      @media (max-width: 1024px) {\r\n        .experience-badge {\r\n          top: 20px;\r\n          right: 20px;\r\n          padding: 16px 20px;\r\n          min-width: 140px;\r\n        }\r\n        \r\n        .experience-badge strong {\r\n          font-size: 28px;\r\n        }\r\n        \r\n        .experience-badge span {\r\n          font-size: 13px;\r\n        }\r\n      }\r\n\r\n      @media (max-width: 768px) {\r\n        .image-section {\r\n          height: 400px;\r\n        }\r\n        \r\n        .experience-badge {\r\n          top: 15px;\r\n          right: 15px;\r\n          padding: 14px 18px;\r\n          min-width: 130px;\r\n        }\r\n        \r\n        .experience-badge strong {\r\n          font-size: 26px;\r\n        }\r\n      }\r\n\r\n      @media (max-width: 480px) {\r\n        .image-section {\r\n          height: 350px;\r\n        }\r\n        \r\n        .experience-badge {\r\n          top: 10px;\r\n          right: 10px;\r\n          padding: 12px 16px;\r\n          min-width: 120px;\r\n        }\r\n        \r\n        .experience-badge strong {\r\n          font-size: 24px;\r\n        }\r\n        \r\n        .experience-badge span {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n\r\n      \/* Features Grid *\/\r\n      .features-grid{\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 20px;\r\n        margin-top: 40px;\r\n      }\r\n      @media (max-width: 1024px){.features-grid{grid-template-columns: repeat(2, 1fr)}}\r\n      @media (max-width: 640px){.features-grid{grid-template-columns: 1fr}}\r\n\r\n      .feature-card{\r\n        background: var(--card-bg);\r\n        border-radius: 16px;\r\n        padding: 24px;\r\n        text-align: center;\r\n        border: 1px solid var(--border);\r\n        transition: transform 0.3s ease;\r\n      }\r\n\r\n      .feature-card:hover{\r\n        transform: translateY(-5px);\r\n        box-shadow: var(--shadow);\r\n      }\r\n\r\n      .feature-icon{\r\n        width: 60px;\r\n        height: 60px;\r\n        margin: 0 auto 16px;\r\n        background: rgba(254, 159, 34, 0.1);\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 2px solid var(--primary);\r\n      }\r\n\r\n      .feature-card h4{\r\n        font-size: 18px;\r\n        color: var(--dark);\r\n        margin-bottom: 8px;\r\n        font-weight: 700;\r\n      }\r\n\r\n      .feature-card p{\r\n        font-size: 14px;\r\n        color: var(--dark-800);\r\n        line-height: 1.5;\r\n      }\r\n\r\n      \/* Icon Styles *\/\r\n      .ico{\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: var(--primary);\r\n        stroke-width: 2;\r\n        stroke-linecap: round;\r\n        stroke-linejoin: round;\r\n        fill: none;\r\n      }\r\n    <\/style>\r\n\r\n    <section class=\"wrap\" aria-label=\"About Alliance Morocco Tours\" itemscope itemtype=\"https:\/\/schema.org\/TravelAgency\">\r\n      <meta itemprop=\"name\" content=\"Alliance Morocco Tours\">\r\n      <meta itemprop=\"areaServed\" content=\"Morocco\">\r\n      <meta itemprop=\"url\" content=\"https:\/\/alliancemoroccotours.com\/\">\r\n\r\n      <div class=\"container\">\r\n        <div class=\"title\">\r\n          <h1><span class=\"black\">Alliance<\/span> <span class=\"orange\">Morocco Tours<\/span><\/h1>\r\n          <p class=\"sub\">Premium private tours \u2022 Sahara adventures \u2022 Cultural immersion experiences<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"grid\">\r\n          <!-- LEFT COLUMN - Content -->\r\n          <div class=\"content-section\">\r\n            <div class=\"intro-card\">\r\n              <div class=\"intro-header\">\r\n                <div class=\"intro-icon\">\r\n                  <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                    <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                    <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                  <\/svg>\r\n                <\/div>\r\n                <h2>Your Trusted <span>Alliance Morocco Tours<\/span> Guides<\/h2>\r\n              <\/div>\r\n              <div class=\"intro-text\" itemprop=\"description\">\r\n                <p>As your premier <strong>Alliance Morocco Tours<\/strong> experts, we specialize in crafting exceptional journeys that invite you to <strong>visit Morocco<\/strong> in its most authentic form. Our team brings decades of experience creating unforgettable <strong>explore Morocco<\/strong> adventures that reveal the Kingdom's hidden treasures.<\/p>\r\n                <p>We offer comprehensive <strong>Morocco private tours<\/strong> that include luxury <strong>Sahara desert camps<\/strong>, immersive <strong>cultural experiences<\/strong>, and seamless transportation. Our expertise ensures every detail is perfect for your <strong>Morocco travel<\/strong> adventure, from the vibrant <strong>imperial cities<\/strong> to the golden dunes of Erg Chebbi. Discover why <strong>Alliance Morocco Tours<\/strong> is the preferred choice for travelers seeking authentic <strong>Morocco exploration<\/strong>.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- RIGHT COLUMN - Single Image with Experience Badge -->\r\n          <div class=\"image-section\">\r\n            <div class=\"main-image-container\">\r\n              <img decoding=\"async\" class=\"main-image\"\r\n                   src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/day-trip-to-Al-Hoceima-National-Park-Tetouan.jpg\"\r\n                   alt=\"Day trip to Al Hoceima National Park Tetouan - Alliance Morocco Tours premium tour experience\">\r\n              <div class=\"experience-badge\">\r\n                <strong>15+<\/strong>\r\n                <span>Years Experience<\/span>\r\n              <\/div>\r\n              <div class=\"image-overlay\">\r\n                <h3>Al Hoceima National Park Experience<\/h3>\r\n                <p>Discover Morocco's natural beauty with Alliance Morocco Tours premium excursions<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Features Grid -->\r\n        <div class=\"features-grid\">\r\n          <div class=\"feature-card\">\r\n            <div class=\"feature-icon\">\r\n              <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4>Private Tours<\/h4>\r\n            <p>Exclusive <strong>Alliance Morocco Tours<\/strong> experiences<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"feature-card\">\r\n            <div class=\"feature-icon\">\r\n              <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"><\/path>\r\n                <path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"><\/path>\r\n                <path d=\"M6 1v3\"><\/path>\r\n                <path d=\"M10 1v3\"><\/path>\r\n                <path d=\"M14 1v3\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4>Desert Camps<\/h4>\r\n            <p>Luxury <strong>Sahara desert<\/strong> accommodations<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"feature-card\">\r\n            <div class=\"feature-icon\">\r\n              <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\"><\/polygon>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4>Local Guides<\/h4>\r\n            <p>Expert knowledge for <strong>Morocco travel<\/strong><\/p>\r\n          <\/div>\r\n\r\n          <div class=\"feature-card\">\r\n            <div class=\"feature-icon\">\r\n              <svg class=\"ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <path d=\"M12 2v20M2 12h20\"><\/path>\r\n                <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n              <\/svg>\r\n            <\/div>\r\n            <h4>All Seasons<\/h4>\r\n            <p>Year-round <strong>explore Morocco<\/strong> adventures<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  `;\r\n})();\r\n<\/script>\r\n<!-- ===== \/About Section ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-661780a e-con-full e-flex e-con e-parent\" data-id=\"661780a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-694ce2f elementor-widget elementor-widget-html\" data-id=\"694ce2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tours-section\" aria-label=\"Featured Morocco Tours\">\r\n    <div class=\"section-header\">\r\n        <h2 class=\"section-title\">Explore Morocco with Our Best Tours<\/h2>\r\n        <p class=\"section-description\">Journey through imperial cities, golden deserts, and coastal landscapes on our expertly crafted Moroccan adventures.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"tours-container\">\r\n        <!-- Tour Card 1 - 10 Days Desert Tour -->\r\n        <article class=\"tour-card\">\r\n            <div class=\"card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/casablanca-maroc.jpg.1920x0_q85_format-jpg.jpg\" \r\n                     alt=\"Casablanca cityscape with Hassan II Mosque overlooking the ocean\" \r\n                     loading=\"lazy\">\r\n                <div class=\"date-badge\">\r\n                    <svg class=\"badge-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                        <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                    <\/svg>\r\n                    <span>10 Days<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <h3 class=\"tour-title\">10 Days Desert Tour To Imperial Cities & Coast From Casablanca<\/h3>\r\n                \r\n                <div class=\"tour-info\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">10 Days<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Casablanca<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">All-Inclusive<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"price-display\">\r\n                    <div class=\"price-label\">\r\n                        <svg class=\"price-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                            <path d=\"M12 7v5\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <span>From<\/span>\r\n                    <\/div>\r\n                    <div class=\"price-value\">\r\n                        <span class=\"price-number\">1,850<\/span>\r\n                        <span class=\"price-currency\">\u20ac<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/alliancemoroccotours.com\/10-days-desert-tour-to-imperial-cities-coast-from-casablanca\/\" \r\n                   class=\"tour-cta\" \r\n                   aria-label=\"Book 10 Days Desert Tour To Imperial Cities & Coast From Casablanca\">\r\n                    <svg class=\"cta-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                    <\/svg>\r\n                    Book Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- Tour Card 2 - 14 Days Grand Tour -->\r\n        <article class=\"tour-card\">\r\n            <div class=\"card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/printemps_tanger.jpg.webp\" \r\n                     alt=\"Spring season in Tangier with blooming flowers and Mediterranean views\" \r\n                     loading=\"lazy\">\r\n                <div class=\"date-badge\">\r\n                    <svg class=\"badge-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                        <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                    <\/svg>\r\n                    <span>14 Days<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <h3 class=\"tour-title\">14 Days Grand Cultural Tour To Explore Morocco From Tangier<\/h3>\r\n                \r\n                <div class=\"tour-info\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">14 Days<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Tangier<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Premium<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"price-display\">\r\n                    <div class=\"price-label\">\r\n                        <svg class=\"price-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                            <path d=\"M12 7v5\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <span>From<\/span>\r\n                    <\/div>\r\n                    <div class=\"price-value\">\r\n                        <span class=\"price-number\">3,000<\/span>\r\n                        <span class=\"price-currency\">\u20ac<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/alliancemoroccotours.com\/14-days-grand-cultural-tour-to-explore-morocco-from-tangier\/\" \r\n                   class=\"tour-cta\" \r\n                   aria-label=\"Book 14 Days Grand Cultural Tour To Explore Morocco From Tangier\">\r\n                    <svg class=\"cta-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                    <\/svg>\r\n                    Book Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- Tour Card 3 - 5 Days Tour -->\r\n        <article class=\"tour-card\">\r\n            <div class=\"card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/image_processing20190703-4-47qk1s.jpg\" \r\n                     alt=\"Camel trekking through the golden Sahara desert dunes\" \r\n                     loading=\"lazy\">\r\n                <div class=\"date-badge\">\r\n                    <svg class=\"badge-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                        <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                    <\/svg>\r\n                    <span>5 Days<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <h3 class=\"tour-title\">5 Days Tour To Fes Via Sahara Desert From Marrakech<\/h3>\r\n                \r\n                <div class=\"tour-info\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">5 Days<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Marrakech<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Express<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"price-display\">\r\n                    <div class=\"price-label\">\r\n                        <svg class=\"price-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                            <path d=\"M12 7v5\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <span>From<\/span>\r\n                    <\/div>\r\n                    <div class=\"price-value\">\r\n                        <span class=\"price-number\">1,150<\/span>\r\n                        <span class=\"price-currency\">\u20ac<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/alliancemoroccotours.com\/5-days-tour-to-fes-via-sahara-desert-from-marrakech\/\" \r\n                   class=\"tour-cta\" \r\n                   aria-label=\"Book 5 Days Tour To Fes Via Sahara Desert From Marrakech\">\r\n                    <svg class=\"cta-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                    <\/svg>\r\n                    Book Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n    <\/div>\r\n    \r\n    <div class=\"section-footer\">\r\n        <a href=\"https:\/\/alliancemoroccotours.com\/explore-morocco-tours\/\" class=\"see-more-btn\" aria-label=\"View all Morocco tours\">\r\n            <span>See More Tours<\/span>\r\n            <svg class=\"arrow-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* Brand Colors - Scoped to prevent affecting your website *\/\r\n    .tours-section {\r\n        --primary: #fe9f22;\r\n        --primary-dark: #e88f1e;\r\n        --primary-light: #fef9f0;\r\n        --dark: #111827;\r\n        --dark-800: #4b5563;\r\n        --dark-600: #6b7280;\r\n        --dark-400: #9ca3af;\r\n        --light: #ffffff;\r\n        --border: #e5e7eb;\r\n        --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n        --shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.15);\r\n        --radius: 16px;\r\n        --radius-sm: 8px;\r\n        --radius-full: 999px;\r\n        \r\n        \/* Container styles - Reduced padding *\/\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 40px 0 30px;\r\n        box-sizing: border-box;\r\n        display: block;\r\n        background: linear-gradient(to bottom, #fef9f0 0%, #ffffff 100%);\r\n    }\r\n\r\n    \/* Reset only what's needed *\/\r\n    .tours-container,\r\n    .tour-card,\r\n    .card-image,\r\n    .card-content,\r\n    .date-badge,\r\n    .price-display,\r\n    .tour-info,\r\n    .info-item,\r\n    .tour-cta,\r\n    .section-header,\r\n    .section-footer {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Section Header - Reduced spacing *\/\r\n    .section-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 32px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        color: var(--dark);\r\n        margin-bottom: 12px;\r\n        line-height: 1.2;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .section-description {\r\n        font-size: 16px;\r\n        color: var(--dark-600);\r\n        line-height: 1.5;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .tours-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n        max-width: 1200px;\r\n        margin: 0 auto 32px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* Tour Card - Reduced spacing *\/\r\n    .tour-card {\r\n        background: var(--light);\r\n        border-radius: var(--radius);\r\n        overflow: hidden;\r\n        border: 1px solid var(--border);\r\n        box-shadow: var(--shadow);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .tour-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: var(--shadow-hover);\r\n    }\r\n\r\n    \/* Card Image - 280px height *\/\r\n    .card-image {\r\n        position: relative;\r\n        height: 280px;\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .card-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s ease;\r\n        display: block;\r\n    }\r\n\r\n    .tour-card:hover .card-image img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Date Badge *\/\r\n    .date-badge {\r\n        position: absolute;\r\n        top: 16px;\r\n        left: 16px;\r\n        background: var(--dark);\r\n        color: var(--light);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        padding: 6px 12px;\r\n        border-radius: var(--radius-full);\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        z-index: 2;\r\n    }\r\n\r\n    .badge-icon {\r\n        width: 14px;\r\n        height: 14px;\r\n        stroke: var(--light);\r\n        stroke-width: 2;\r\n        fill: none;\r\n    }\r\n\r\n    \/* Card Content - Reduced padding *\/\r\n    .card-content {\r\n        padding: 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Tour Title - Reduced spacing *\/\r\n    .tour-title {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: var(--dark);\r\n        margin-bottom: 16px;\r\n        line-height: 1.4;\r\n        min-height: 50px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        font-family: inherit;\r\n    }\r\n\r\n    \/* Tour Info with Circular Icons - Reduced spacing *\/\r\n    .tour-info {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin-bottom: 16px;\r\n        padding-bottom: 16px;\r\n        border-bottom: 1px solid var(--border);\r\n    }\r\n\r\n    .info-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex: 1;\r\n    }\r\n\r\n    .info-icon-circle {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 50%;\r\n        background: var(--primary-light);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 2px solid rgba(254, 159, 34, 0.2);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .tour-card:hover .info-icon-circle {\r\n        background: var(--primary);\r\n        border-color: var(--primary);\r\n    }\r\n\r\n    .info-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: var(--primary);\r\n        stroke-width: 2;\r\n        fill: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .tour-card:hover .info-icon {\r\n        stroke: var(--light);\r\n    }\r\n\r\n    .info-text {\r\n        font-size: 12px;\r\n        color: var(--dark-600);\r\n        font-weight: 600;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Price Display - Updated icon and reduced spacing *\/\r\n    .price-display {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 20px;\r\n        padding: 12px 16px;\r\n        background: var(--primary-light);\r\n        border-radius: var(--radius-sm);\r\n        border: 1px solid rgba(254, 159, 34, 0.2);\r\n    }\r\n\r\n    .price-label {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .price-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: var(--dark-600);\r\n        stroke-width: 2;\r\n        fill: none;\r\n    }\r\n\r\n    .price-label span {\r\n        font-size: 14px;\r\n        color: var(--dark-600);\r\n        font-weight: 500;\r\n    }\r\n\r\n    .price-value {\r\n        display: flex;\r\n        align-items: baseline;\r\n        gap: 4px;\r\n    }\r\n\r\n    .price-number {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: var(--dark);\r\n    }\r\n\r\n    .price-currency {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: var(--dark);\r\n    }\r\n\r\n    \/* CTA Button - Book Now *\/\r\n    .tour-cta {\r\n        background: var(--primary);\r\n        color: var(--dark);\r\n        border: none;\r\n        border-radius: var(--radius-sm);\r\n        padding: 14px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        width: 100%;\r\n        margin-top: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        font-family: inherit;\r\n        text-decoration: none;\r\n        text-align: center;\r\n    }\r\n\r\n    .tour-cta:hover {\r\n        background: var(--primary-dark);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 16px rgba(254, 159, 34, 0.3);\r\n    }\r\n\r\n    .tour-cta:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .cta-icon {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: var(--dark);\r\n        stroke-width: 2;\r\n        fill: none;\r\n    }\r\n\r\n    \/* See More Button *\/\r\n    .section-footer {\r\n        text-align: center;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .see-more-btn {\r\n        background: transparent;\r\n        color: var(--primary);\r\n        border: 2px solid var(--primary);\r\n        border-radius: var(--radius-full);\r\n        padding: 14px 32px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-family: inherit;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .see-more-btn:hover {\r\n        background: var(--primary);\r\n        color: var(--dark);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(254, 159, 34, 0.3);\r\n    }\r\n\r\n    .arrow-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .see-more-btn:hover .arrow-icon {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* Mobile Responsiveness *\/\r\n    @media (max-width: 1200px) {\r\n        .tours-container {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 28px;\r\n        }\r\n        \r\n        .section-description {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .tours-section {\r\n            padding: 30px 0 20px;\r\n        }\r\n\r\n        .tours-container {\r\n            grid-template-columns: 1fr;\r\n            max-width: 500px;\r\n            margin: 0 auto 24px;\r\n            gap: 16px;\r\n        }\r\n\r\n        .section-header {\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .card-image {\r\n            height: 260px; \/* Slightly smaller on mobile *\/\r\n        }\r\n\r\n        .tour-title {\r\n            font-size: 16px;\r\n            min-height: 48px;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .price-number {\r\n            font-size: 20px;\r\n        }\r\n        \r\n        .see-more-btn {\r\n            padding: 12px 28px;\r\n            font-size: 15px;\r\n        }\r\n        \r\n        .card-content {\r\n            padding: 18px;\r\n        }\r\n        \r\n        .price-display {\r\n            padding: 10px 14px;\r\n            margin-bottom: 18px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .tours-container {\r\n            padding: 0 15px;\r\n        }\r\n\r\n        .card-content {\r\n            padding: 16px;\r\n        }\r\n\r\n        .tour-info {\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            margin-bottom: 14px;\r\n            padding-bottom: 14px;\r\n        }\r\n\r\n        .info-item {\r\n            flex: 0 0 calc(33.333% - 7px);\r\n        }\r\n\r\n        .info-icon-circle {\r\n            width: 36px;\r\n            height: 36px;\r\n        }\r\n        \r\n        .info-icon {\r\n            width: 15px;\r\n            height: 15px;\r\n        }\r\n\r\n        .price-number {\r\n            font-size: 20px;\r\n        }\r\n        \r\n        .tour-cta {\r\n            padding: 12px;\r\n            font-size: 14px;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 22px;\r\n        }\r\n        \r\n        .section-description {\r\n            font-size: 14px;\r\n        }\r\n        \r\n        .date-badge {\r\n            padding: 5px 10px;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-791f805 e-con-full e-flex e-con e-parent\" data-id=\"791f805\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16908b9 elementor-widget elementor-widget-html\" data-id=\"16908b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"am-services-section\">\r\n  <!-- Add Font Awesome CDN link -->\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  <h2 id=\"am-services-heading\" class=\"am-sr-only\">Our Travel Services<\/h2>\r\n  <div class=\"am-services-grid\">\r\n    <!-- Banner 1: Tours -->\r\n    <article class=\"am-service-banner\">\r\n      <div class=\"am-banner-background\" style=\"background-image: url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/rigel-TmgpZd749bQ-unsplash.jpg');\"><\/div>\r\n      <div class=\"am-banner-overlay\"><\/div>\r\n      <div class=\"am-banner-content\">\r\n        <div class=\"am-banner-icon\" aria-hidden=\"true\">\r\n          <i class=\"fas fa-compass\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"am-banner-title\">Tours<\/h3>\r\n        <p class=\"am-banner-description\">Multi-day Morocco experiences<\/p>\r\n        <a href=\"https:\/\/alliancemoroccotours.com\/explore-morocco-tours\/\" class=\"am-banner-button\" aria-label=\"Explore our tour packages\">\r\n          Explore Tours\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Banner 2: Day Trips -->\r\n    <article class=\"am-service-banner\">\r\n      <div class=\"am-banner-background\" style=\"background-image: url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/bc027afd93ee6ba8cd1dba3950ff4dae227bebdb65904f7b0eb8815a75dc05e6.webp');\"><\/div>\r\n      <div class=\"am-banner-overlay\"><\/div>\r\n      <div class=\"am-banner-content\">\r\n        <div class=\"am-banner-icon\" aria-hidden=\"true\">\r\n          <i class=\"fas fa-route\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"am-banner-title\">Day Trips<\/h3>\r\n        <p class=\"am-banner-description\">Private excursions from cities<\/p>\r\n        <a href=\"https:\/\/alliancemoroccotours.com\/morocco-day-trips\/\" class=\"am-banner-button\" aria-label=\"View day trip options\">\r\n          View Day Trips\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Banner 3: Transfers -->\r\n    <article class=\"am-service-banner\">\r\n      <div class=\"am-banner-background\" style=\"background-image: url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/Best-Morocco-Transfer.png');\"><\/div>\r\n      <div class=\"am-banner-overlay\"><\/div>\r\n      <div class=\"am-banner-content\">\r\n        <div class=\"am-banner-icon\" aria-hidden=\"true\">\r\n          <i class=\"fas fa-shuttle-van\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"am-banner-title\">Transfers<\/h3>\r\n        <p class=\"am-banner-description\">Comfortable private transport<\/p>\r\n        <a href=\"https:\/\/alliancemoroccotours.com\/transfer-services-in-morocco\/\" class=\"am-banner-button\" aria-label=\"Book transportation transfers\">\r\n          Book Transfer\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .am-services-section {\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    background-color: transparent; \/* Changed from #f8fafc to transparent *\/\r\n    padding: 2rem;\r\n    color: #111827;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .am-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n  }\r\n\r\n  .am-service-banner {\r\n    position: relative;\r\n    height: 500px;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    background-color: #111827;\r\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .am-service-banner:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 20px 40px rgba(17, 24, 39, 0.15);\r\n  }\r\n\r\n  .am-banner-background {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 0.6s ease;\r\n    z-index: 1;\r\n  }\r\n\r\n  .am-service-banner:hover .am-banner-background {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .am-banner-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, rgba(17, 24, 39, 0.1), rgba(17, 24, 39, 0.85));\r\n    z-index: 2;\r\n  }\r\n\r\n  .am-banner-content {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    padding: 2.5rem;\r\n    z-index: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .am-banner-icon {\r\n    font-size: 2.5rem;\r\n    color: #fe9f22;\r\n    margin-bottom: 1.5rem;\r\n    background-color: rgba(255, 255, 255, 0.1);\r\n    width: 80px;\r\n    height: 80px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    backdrop-filter: blur(4px);\r\n  }\r\n\r\n  .am-banner-title {\r\n    font-size: 2rem;\r\n    font-weight: 700;\r\n    color: white;\r\n    margin-bottom: 1rem;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .am-banner-description {\r\n    font-size: 1.125rem;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    margin-bottom: 2rem;\r\n    line-height: 1.6;\r\n    max-width: 320px;\r\n  }\r\n\r\n  .am-banner-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #fe9f22;\r\n    color: #111827;\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    padding: 0.875rem 2rem;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    min-width: 160px;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .am-banner-button:hover {\r\n    background-color: #ffb14d;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 20px rgba(254, 159, 34, 0.3);\r\n  }\r\n\r\n  .am-banner-button:active {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .am-sr-only {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border: 0;\r\n  }\r\n\r\n  \/* Responsive Design *\/\r\n  @media (max-width: 1024px) {\r\n    .am-services-grid {\r\n      gap: 1.5rem;\r\n    }\r\n    \r\n    .am-service-banner {\r\n      height: 450px;\r\n    }\r\n    \r\n    .am-banner-content {\r\n      padding: 2rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .am-services-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 1.5rem;\r\n      max-width: 600px;\r\n      margin: 0 auto;\r\n    }\r\n    \r\n    .am-service-banner {\r\n      height: 400px;\r\n    }\r\n    \r\n    .am-banner-content {\r\n      padding: 2rem;\r\n    }\r\n    \r\n    .am-services-section {\r\n      padding: 1.5rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .am-service-banner {\r\n      height: 380px;\r\n    }\r\n    \r\n    .am-banner-content {\r\n      padding: 1.5rem;\r\n    }\r\n    \r\n    .am-banner-title {\r\n      font-size: 1.75rem;\r\n    }\r\n    \r\n    .am-banner-description {\r\n      font-size: 1rem;\r\n    }\r\n    \r\n    .am-banner-icon {\r\n      width: 70px;\r\n      height: 70px;\r\n      font-size: 2rem;\r\n      margin-bottom: 1.25rem;\r\n    }\r\n    \r\n    .am-services-section {\r\n      padding: 1rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Add smooth interaction enhancements\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const banners = document.querySelectorAll('.am-service-banner');\r\n    const buttons = document.querySelectorAll('.am-banner-button');\r\n    \r\n    \/\/ Enhanced button hover with sound effect simulation\r\n    buttons.forEach(button => {\r\n      button.addEventListener('mouseenter', function() {\r\n        this.style.transition = 'all 0.25s ease';\r\n      });\r\n      \r\n      button.addEventListener('mouseleave', function() {\r\n        this.style.transition = 'all 0.3s ease';\r\n      });\r\n    });\r\n    \r\n    \/\/ Keyboard navigation support\r\n    banners.forEach(banner => {\r\n      banner.setAttribute('tabindex', '0');\r\n      \r\n      banner.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Enter' || e.key === ' ') {\r\n          e.preventDefault();\r\n          const button = this.querySelector('.am-banner-button');\r\n          if (button) {\r\n            button.click();\r\n            \/\/ Add a visual feedback for keyboard users\r\n            button.style.transform = 'scale(0.95)';\r\n            setTimeout(() => {\r\n              button.style.transform = '';\r\n            }, 150);\r\n          }\r\n        }\r\n      });\r\n      \r\n      \/\/ Focus styles for accessibility\r\n      banner.addEventListener('focus', function() {\r\n        this.style.outline = '3px solid #fe9f22';\r\n        this.style.outlineOffset = '3px';\r\n      });\r\n      \r\n      banner.addEventListener('blur', function() {\r\n        this.style.outline = 'none';\r\n      });\r\n    });\r\n    \r\n    \/\/ Preload image optimization (optional enhancement)\r\n    const imageUrls = [\r\n      'https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/rigel-TmgpZd749bQ-unsplash.jpg',\r\n      'https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/bc027afd93ee6ba8cd1dba3950ff4dae227bebdb65904f7b0eb8815a75dc05e6.webp',\r\n      'https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/Best-Morocco-Transfer.png'\r\n    ];\r\n    \r\n    \/\/ Preload images for better performance\r\n    imageUrls.forEach(url => {\r\n      const img = new Image();\r\n      img.src = url;\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1f91d7 e-con-full e-flex e-con e-parent\" data-id=\"a1f91d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e7bd03 elementor-widget elementor-widget-html\" data-id=\"8e7bd03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tours-section\" aria-label=\"Featured Morocco Day Trips\">\r\n    <div class=\"section-header\">\r\n        <h2 class=\"section-title\">Explore Morocco with Our Best Day Trips<\/h2>\r\n        <p class=\"section-description\">Discover stunning destinations, from coastal towns to desert landscapes, on our expertly crafted Moroccan day adventures.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"tours-container\">\r\n        <!-- Day Trip 1 - Essaouira -->\r\n        <article class=\"tour-card\">\r\n            <div class=\"card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/bateaux-bleus-port-essaouira-maroc.width-800.jpg\" \r\n                     alt=\"Blue boats at Essaouira port with traditional Moroccan architecture\" \r\n                     loading=\"lazy\">\r\n                <div class=\"date-badge\">\r\n                    <svg class=\"badge-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                        <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                    <\/svg>\r\n                    <span>Full Day<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <h3 class=\"tour-title\">Full Day Trip From Marrakech To Essaouira Mogador<\/h3>\r\n                \r\n                <div class=\"tour-info\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Full Day<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Marrakech<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Coastal<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"price-display\">\r\n                    <div class=\"price-label\">\r\n                        <svg class=\"price-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                            <path d=\"M12 7v5\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <span>From<\/span>\r\n                    <\/div>\r\n                    <div class=\"price-value\">\r\n                        <span class=\"price-number\">50<\/span>\r\n                        <span class=\"price-currency\">\u20ac<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/alliancemoroccotours.com\/full-day-trip-from-marrakech-to-essaouira-mogador\/\" \r\n                   class=\"tour-cta\" \r\n                   aria-label=\"Book Full Day Trip From Marrakech To Essaouira Mogador\">\r\n                    <svg class=\"cta-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                    <\/svg>\r\n                    Book Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- Day Trip 2 - Agafay Desert -->\r\n        <article class=\"tour-card\">\r\n            <div class=\"card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/7f4af2e0fdc5aca7ea837ef8af7c0c0e54faf36e36c10ee63409d1a676beeef4.webp\" \r\n                     alt=\"Agafay Desert rocky landscape with camel trekking under blue sky\" \r\n                     loading=\"lazy\">\r\n                <div class=\"date-badge\">\r\n                    <svg class=\"badge-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                        <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                    <\/svg>\r\n                    <span>Full Day<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <h3 class=\"tour-title\">Full Day Trip From Marrakech To Agafay Desert<\/h3>\r\n                \r\n                <div class=\"tour-info\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Full Day<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Marrakech<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Desert<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"price-display\">\r\n                    <div class=\"price-label\">\r\n                        <svg class=\"price-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                            <path d=\"M12 7v5\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <span>From<\/span>\r\n                    <\/div>\r\n                    <div class=\"price-value\">\r\n                        <span class=\"price-number\">85<\/span>\r\n                        <span class=\"price-currency\">\u20ac<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/alliancemoroccotours.com\/full-day-trip-from-marrakech-to-agafay-desert\/\" \r\n                   class=\"tour-cta\" \r\n                   aria-label=\"Book Full Day Trip From Marrakech To Agafay Desert\">\r\n                    <svg class=\"cta-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                    <\/svg>\r\n                    Book Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- Day Trip 3 - Ouarzazate & Kasbahs -->\r\n        <article class=\"tour-card\">\r\n            <div class=\"card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/fb0b2b027e2c28b16dc934d72b761cebd5779bbff342a2afb64dc5195c113081.webp\" \r\n                     alt=\"Ancient Kasbah architecture in Ouarzazate with dramatic mountain backdrop\" \r\n                     loading=\"lazy\">\r\n                <div class=\"date-badge\">\r\n                    <svg class=\"badge-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                        <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                    <\/svg>\r\n                    <span>Full Day<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <h3 class=\"tour-title\">Full Day Trip From Marrakech To Ouarzazate & Kasbahs<\/h3>\r\n                \r\n                <div class=\"tour-info\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Full Day<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Marrakech<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Historical<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"price-display\">\r\n                    <div class=\"price-label\">\r\n                        <svg class=\"price-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                            <path d=\"M12 7v5\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <span>From<\/span>\r\n                    <\/div>\r\n                    <div class=\"price-value\">\r\n                        <span class=\"price-number\">75<\/span>\r\n                        <span class=\"price-currency\">\u20ac<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/alliancemoroccotours.com\/full-day-trip-from-marrakech-to-ouarzazate-kasbahs\/\" \r\n                   class=\"tour-cta\" \r\n                   aria-label=\"Book Full Day Trip From Marrakech To Ouarzazate & Kasbahs\">\r\n                    <svg class=\"cta-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                    <\/svg>\r\n                    Book Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n    <\/div>\r\n    \r\n    <div class=\"section-footer\">\r\n        <a href=\"https:\/\/alliancemoroccotours.com\/morocco-day-trips\/\" class=\"see-more-btn\" aria-label=\"View all Morocco day trips\">\r\n            <span>See More Trips<\/span>\r\n            <svg class=\"arrow-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* Brand Colors - Scoped to prevent affecting your website *\/\r\n    .tours-section {\r\n        --primary: #fe9f22;\r\n        --primary-dark: #e88f1e;\r\n        --primary-light: #fef9f0;\r\n        --dark: #111827;\r\n        --dark-800: #4b5563;\r\n        --dark-600: #6b7280;\r\n        --dark-400: #9ca3af;\r\n        --light: #ffffff;\r\n        --border: #e5e7eb;\r\n        --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n        --shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.15);\r\n        --radius: 16px;\r\n        --radius-sm: 8px;\r\n        --radius-full: 999px;\r\n        \r\n        \/* Container styles - Reduced padding *\/\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 40px 0 30px;\r\n        box-sizing: border-box;\r\n        display: block;\r\n        background: linear-gradient(to bottom, #fef9f0 0%, #ffffff 100%);\r\n    }\r\n\r\n    \/* Reset only what's needed *\/\r\n    .tours-container,\r\n    .tour-card,\r\n    .card-image,\r\n    .card-content,\r\n    .date-badge,\r\n    .price-display,\r\n    .tour-info,\r\n    .info-item,\r\n    .tour-cta,\r\n    .section-header,\r\n    .section-footer {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Section Header - Reduced spacing *\/\r\n    .section-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 32px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        color: var(--dark);\r\n        margin-bottom: 12px;\r\n        line-height: 1.2;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .section-description {\r\n        font-size: 16px;\r\n        color: var(--dark-600);\r\n        line-height: 1.5;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .tours-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n        max-width: 1200px;\r\n        margin: 0 auto 32px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* Tour Card - Reduced spacing *\/\r\n    .tour-card {\r\n        background: var(--light);\r\n        border-radius: var(--radius);\r\n        overflow: hidden;\r\n        border: 1px solid var(--border);\r\n        box-shadow: var(--shadow);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .tour-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: var(--shadow-hover);\r\n    }\r\n\r\n    \/* Card Image - 280px height *\/\r\n    .card-image {\r\n        position: relative;\r\n        height: 280px;\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .card-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s ease;\r\n        display: block;\r\n    }\r\n\r\n    .tour-card:hover .card-image img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Date Badge *\/\r\n    .date-badge {\r\n        position: absolute;\r\n        top: 16px;\r\n        left: 16px;\r\n        background: var(--dark);\r\n        color: var(--light);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        padding: 6px 12px;\r\n        border-radius: var(--radius-full);\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        z-index: 2;\r\n    }\r\n\r\n    .badge-icon {\r\n        width: 14px;\r\n        height: 14px;\r\n        stroke: var(--light);\r\n        stroke-width: 2;\r\n        fill: none;\r\n    }\r\n\r\n    \/* Card Content - Reduced padding *\/\r\n    .card-content {\r\n        padding: 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Tour Title - Reduced spacing *\/\r\n    .tour-title {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: var(--dark);\r\n        margin-bottom: 16px;\r\n        line-height: 1.4;\r\n        min-height: 50px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        font-family: inherit;\r\n    }\r\n\r\n    \/* Tour Info with Circular Icons - Reduced spacing *\/\r\n    .tour-info {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin-bottom: 16px;\r\n        padding-bottom: 16px;\r\n        border-bottom: 1px solid var(--border);\r\n    }\r\n\r\n    .info-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex: 1;\r\n    }\r\n\r\n    .info-icon-circle {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 50%;\r\n        background: var(--primary-light);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 2px solid rgba(254, 159, 34, 0.2);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .tour-card:hover .info-icon-circle {\r\n        background: var(--primary);\r\n        border-color: var(--primary);\r\n    }\r\n\r\n    .info-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: var(--primary);\r\n        stroke-width: 2;\r\n        fill: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .tour-card:hover .info-icon {\r\n        stroke: var(--light);\r\n    }\r\n\r\n    .info-text {\r\n        font-size: 12px;\r\n        color: var(--dark-600);\r\n        font-weight: 600;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Price Display - Updated icon and reduced spacing *\/\r\n    .price-display {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 20px;\r\n        padding: 12px 16px;\r\n        background: var(--primary-light);\r\n        border-radius: var(--radius-sm);\r\n        border: 1px solid rgba(254, 159, 34, 0.2);\r\n    }\r\n\r\n    .price-label {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .price-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: var(--dark-600);\r\n        stroke-width: 2;\r\n        fill: none;\r\n    }\r\n\r\n    .price-label span {\r\n        font-size: 14px;\r\n        color: var(--dark-600);\r\n        font-weight: 500;\r\n    }\r\n\r\n    .price-value {\r\n        display: flex;\r\n        align-items: baseline;\r\n        gap: 4px;\r\n    }\r\n\r\n    .price-number {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: var(--dark);\r\n    }\r\n\r\n    .price-currency {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: var(--dark);\r\n    }\r\n\r\n    \/* CTA Button - Book Now *\/\r\n    .tour-cta {\r\n        background: var(--primary);\r\n        color: var(--dark);\r\n        border: none;\r\n        border-radius: var(--radius-sm);\r\n        padding: 14px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        width: 100%;\r\n        margin-top: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        font-family: inherit;\r\n        text-decoration: none;\r\n        text-align: center;\r\n    }\r\n\r\n    .tour-cta:hover {\r\n        background: var(--primary-dark);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 16px rgba(254, 159, 34, 0.3);\r\n    }\r\n\r\n    .tour-cta:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .cta-icon {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: var(--dark);\r\n        stroke-width: 2;\r\n        fill: none;\r\n    }\r\n\r\n    \/* See More Button *\/\r\n    .section-footer {\r\n        text-align: center;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .see-more-btn {\r\n        background: transparent;\r\n        color: var(--primary);\r\n        border: 2px solid var(--primary);\r\n        border-radius: var(--radius-full);\r\n        padding: 14px 32px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-family: inherit;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .see-more-btn:hover {\r\n        background: var(--primary);\r\n        color: var(--dark);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(254, 159, 34, 0.3);\r\n    }\r\n\r\n    .arrow-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .see-more-btn:hover .arrow-icon {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* Mobile Responsiveness *\/\r\n    @media (max-width: 1200px) {\r\n        .tours-container {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 28px;\r\n        }\r\n        \r\n        .section-description {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .tours-section {\r\n            padding: 30px 0 20px;\r\n        }\r\n\r\n        .tours-container {\r\n            grid-template-columns: 1fr;\r\n            max-width: 500px;\r\n            margin: 0 auto 24px;\r\n            gap: 16px;\r\n        }\r\n\r\n        .section-header {\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .card-image {\r\n            height: 260px; \/* Slightly smaller on mobile *\/\r\n        }\r\n\r\n        .tour-title {\r\n            font-size: 16px;\r\n            min-height: 48px;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .price-number {\r\n            font-size: 20px;\r\n        }\r\n        \r\n        .see-more-btn {\r\n            padding: 12px 28px;\r\n            font-size: 15px;\r\n        }\r\n        \r\n        .card-content {\r\n            padding: 18px;\r\n        }\r\n        \r\n        .price-display {\r\n            padding: 10px 14px;\r\n            margin-bottom: 18px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .tours-container {\r\n            padding: 0 15px;\r\n        }\r\n\r\n        .card-content {\r\n            padding: 16px;\r\n        }\r\n\r\n        .tour-info {\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            margin-bottom: 14px;\r\n            padding-bottom: 14px;\r\n        }\r\n\r\n        .info-item {\r\n            flex: 0 0 calc(33.333% - 7px);\r\n        }\r\n\r\n        .info-icon-circle {\r\n            width: 36px;\r\n            height: 36px;\r\n        }\r\n        \r\n        .info-icon {\r\n            width: 15px;\r\n            height: 15px;\r\n        }\r\n\r\n        .price-number {\r\n            font-size: 20px;\r\n        }\r\n        \r\n        .tour-cta {\r\n            padding: 12px;\r\n            font-size: 14px;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 22px;\r\n        }\r\n        \r\n        .section-description {\r\n            font-size: 14px;\r\n        }\r\n        \r\n        .date-badge {\r\n            padding: 5px 10px;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3433a0 e-con-full e-flex e-con e-parent\" data-id=\"a3433a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-722305d elementor-widget elementor-widget-html\" data-id=\"722305d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"why-choose-us-section\">\r\n  <div class=\"why-choose-us-banner\">\r\n    <div class=\"why-choose-us-overlay\"><\/div>\r\n    <div class=\"why-choose-us-banner-content\">\r\n      <h2 class=\"why-choose-us-title\">Why Choose Us<\/h2>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"why-choose-us-features\">\r\n    <div class=\"why-choose-us-feature-card\">\r\n      <div class=\"why-choose-us-icon\" aria-hidden=\"true\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"why-choose-us-card-title\">Premium<\/h3>\r\n      <p class=\"why-choose-us-card-desc\">Luxury accommodations and exclusive experiences<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"why-choose-us-feature-card\">\r\n      <div class=\"why-choose-us-icon\" aria-hidden=\"true\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M20.21 15.32A8.56 8.56 0 1 1 8.8 3.91\"><\/path>\r\n          <path d=\"M12 13v8\"><\/path>\r\n          <path d=\"M8 21h8\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"why-choose-us-card-title\">Expert Guides<\/h3>\r\n      <p class=\"why-choose-us-card-desc\">Local guides with deep cultural knowledge<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"why-choose-us-feature-card\">\r\n      <div class=\"why-choose-us-icon\" aria-hidden=\"true\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"><\/path>\r\n          <path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"><\/path>\r\n          <line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"><\/line>\r\n          <line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"><\/line>\r\n          <line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"><\/line>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"why-choose-us-card-title\">Flexible<\/h3>\r\n      <p class=\"why-choose-us-card-desc\">Customizable itineraries to match your pace<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"why-choose-us-feature-card\">\r\n      <div class=\"why-choose-us-icon\" aria-hidden=\"true\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3 class=\"why-choose-us-card-title\">Safe<\/h3>\r\n      <p class=\"why-choose-us-card-desc\">24\/7 support and comprehensive travel insurance<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <style>\r\n    .why-choose-us-section {\r\n      --accent-color: #fe9f22;\r\n      --dark-text: #111827;\r\n      --gray-text: #4b5563;\r\n      --white: #ffffff;\r\n      \r\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n      position: relative;\r\n      margin: 0;\r\n      padding: 0;\r\n      background-color: #f9fafb;\r\n    }\r\n    \r\n    .why-choose-us-banner {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 65vh;\r\n      min-height: 500px;\r\n      background-image: url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/7-days-desert-tour-from-Tangier-to-Marrakech.webp');\r\n      background-size: cover;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    \r\n    .why-choose-us-overlay {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));\r\n    }\r\n    \r\n    .why-choose-us-banner-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      text-align: center;\r\n      padding: 2rem;\r\n      max-width: 800px;\r\n    }\r\n    \r\n    .why-choose-us-title {\r\n      color: var(--white);\r\n      font-size: 3.5rem;\r\n      font-weight: 700;\r\n      margin: 0;\r\n      line-height: 1.2;\r\n      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n    }\r\n    \r\n    .why-choose-us-features {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 2rem;\r\n      max-width: 1280px;\r\n      margin: -100px auto 0;\r\n      padding: 0 2rem 4rem;\r\n      z-index: 3;\r\n    }\r\n    \r\n    .why-choose-us-feature-card {\r\n      background: var(--white);\r\n      border-radius: 12px;\r\n      padding: 2.5rem 2rem;\r\n      text-align: center;\r\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n    \r\n    .why-choose-us-feature-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\r\n    }\r\n    \r\n    .why-choose-us-icon {\r\n      color: var(--accent-color);\r\n      margin-bottom: 1.5rem;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n    \r\n    .why-choose-us-icon svg {\r\n      width: 48px;\r\n      height: 48px;\r\n      stroke: var(--accent-color);\r\n    }\r\n    \r\n    .why-choose-us-card-title {\r\n      color: var(--dark-text);\r\n      font-size: 1.75rem;\r\n      font-weight: 700;\r\n      margin: 0 0 1rem 0;\r\n      line-height: 1.2;\r\n    }\r\n    \r\n    .why-choose-us-card-desc {\r\n      color: var(--gray-text);\r\n      font-size: 1.125rem;\r\n      line-height: 1.6;\r\n      margin: 0;\r\n    }\r\n    \r\n    \/* Mobile Styles *\/\r\n    @media (max-width: 1024px) {\r\n      .why-choose-us-features {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 1.5rem;\r\n        margin-top: -80px;\r\n        padding: 0 1.5rem 3rem;\r\n      }\r\n      \r\n      .why-choose-us-banner {\r\n        height: 55vh;\r\n        min-height: 450px;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n      .why-choose-us-features {\r\n        grid-template-columns: 1fr;\r\n        max-width: 500px;\r\n        margin-top: 40px;\r\n        gap: 1.5rem;\r\n      }\r\n      \r\n      .why-choose-us-banner {\r\n        height: 50vh;\r\n        min-height: 400px;\r\n      }\r\n      \r\n      .why-choose-us-title {\r\n        font-size: 2.75rem;\r\n      }\r\n      \r\n      .why-choose-us-feature-card {\r\n        padding: 2rem 1.5rem;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .why-choose-us-banner {\r\n        height: 45vh;\r\n        min-height: 350px;\r\n      }\r\n      \r\n      .why-choose-us-title {\r\n        font-size: 2.25rem;\r\n      }\r\n      \r\n      .why-choose-us-features {\r\n        padding: 0 1rem 3rem;\r\n      }\r\n      \r\n      .why-choose-us-icon svg {\r\n        width: 40px;\r\n        height: 40px;\r\n      }\r\n      \r\n      .why-choose-us-card-title {\r\n        font-size: 1.5rem;\r\n      }\r\n      \r\n      .why-choose-us-card-desc {\r\n        font-size: 1rem;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe20dbf e-con-full e-flex e-con e-parent\" data-id=\"fe20dbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a994120 elementor-widget elementor-widget-html\" data-id=\"a994120\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tours-section\" aria-label=\"Featured Marrakech Activities\">\r\n    <div class=\"section-header\">\r\n        <h2 class=\"section-title\">Thrilling Marrakech Desert Adventures<\/h2>\r\n        <p class=\"section-description\">Experience the ultimate desert excitement with our adrenaline-pumping activities just outside Marrakech.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"tours-container\">\r\n        <!-- Activity 1 - Sandboarding -->\r\n        <article class=\"tour-card\">\r\n            <div class=\"card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/87.jpg\" \r\n                     alt=\"Sandboarding down golden desert dunes near Marrakech\" \r\n                     loading=\"lazy\">\r\n                <div class=\"date-badge\">\r\n                    <svg class=\"badge-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                        <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                    <\/svg>\r\n                    <span>Half Day<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <h3 class=\"tour-title\">Marrakech: Balloon Flight, Berber Breakfast & Certificate<\/h3>\r\n                \r\n                <div class=\"tour-info\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">3-4 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Marrakech<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Adrenaline<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"price-display\">\r\n                    <div class=\"price-label\">\r\n                        <svg class=\"price-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                            <path d=\"M12 7v5\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <span>From<\/span>\r\n                    <\/div>\r\n                    <div class=\"price-value\">\r\n                        <span class=\"price-number\">160<\/span>\r\n                        <span class=\"price-currency\">\u20ac<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/alliancemoroccotours.com\/hot-air-balloon-in-marrakech\/\" \r\n                   class=\"tour-cta\" \r\n                   aria-label=\"Book Desert Sandboarding Adventure From Marrakech\">\r\n                    <svg class=\"cta-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                    <\/svg>\r\n                    Book Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- Activity 2 - Quad Biking -->\r\n        <article class=\"tour-card\">\r\n            <div class=\"card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/90.jpg\" \r\n                     alt=\"Quad biking through rocky desert terrain near Marrakech\" \r\n                     loading=\"lazy\">\r\n                <div class=\"date-badge\">\r\n                    <svg class=\"badge-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                        <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                    <\/svg>\r\n                    <span>Half Day<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <h3 class=\"tour-title\">Desert Quad Biking Experience From Marrakech<\/h3>\r\n                \r\n                <div class=\"tour-info\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">2-3 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Marrakech<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Extreme<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"price-display\">\r\n                    <div class=\"price-label\">\r\n                        <svg class=\"price-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                            <path d=\"M12 7v5\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <span>From<\/span>\r\n                    <\/div>\r\n                    <div class=\"price-value\">\r\n                        <span class=\"price-number\">65<\/span>\r\n                        <span class=\"price-currency\">\u20ac<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/alliancemoroccotours.com\/desert-quad-biking-experience-from-marrakech\/\" \r\n                   class=\"tour-cta\" \r\n                   aria-label=\"Book Desert Quad Biking Experience From Marrakech\">\r\n                    <svg class=\"cta-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                    <\/svg>\r\n                    Book Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n\r\n        <!-- Activity 3 - Paragliding (Replaced Camel) -->\r\n        <article class=\"tour-card\">\r\n            <div class=\"card-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/paragliding-marrakech.jpg\" \r\n                     alt=\"Paragliding over the Atlas Mountains with scenic views\" \r\n                     loading=\"lazy\">\r\n                <div class=\"date-badge\">\r\n                    <svg class=\"badge-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M19 4H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z\"><\/path>\r\n                        <path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\r\n                    <\/svg>\r\n                    <span>Half Day<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"card-content\">\r\n                <h3 class=\"tour-title\">Marrakech: Atlas Mountains Paragliding Tour & Breakfast<\/h3>\r\n                \r\n                <div class=\"tour-info\">\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">2-4 Hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M20.84 10.61C20.84 16 12 22 12 22S3.16 16 3.16 10.61a8.84 8.84 0 1 1 17.68 0Z\"><\/path>\r\n                                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Atlas Mountains<\/span>\r\n                    <\/div>\r\n                    <div class=\"info-item\">\r\n                        <div class=\"info-icon-circle\">\r\n                            <svg class=\"info-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\r\n                                <path d=\"M2 17l10 5 10-5\"><\/path>\r\n                                <path d=\"M2 12l10 5 10-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"info-text\">Extreme<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"price-display\">\r\n                    <div class=\"price-label\">\r\n                        <svg class=\"price-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 1v2M5 21h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2z\"><\/path>\r\n                            <path d=\"M12 7v5\"><\/path>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n                        <\/svg>\r\n                        <span>From<\/span>\r\n                    <\/div>\r\n                    <div class=\"price-value\">\r\n                        <span class=\"price-number\">110<\/span>\r\n                        <span class=\"price-currency\">\u20ac<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <a href=\"https:\/\/alliancemoroccotours.com\/activities\/\" \r\n                   class=\"tour-cta\" \r\n                   aria-label=\"Book Atlas Mountains Paragliding Tour From Marrakech\">\r\n                    <svg class=\"cta-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2\"><\/path>\r\n                    <\/svg>\r\n                    Book Now\r\n                <\/a>\r\n            <\/div>\r\n        <\/article>\r\n    <\/div>\r\n    \r\n    <div class=\"section-footer\">\r\n        <a href=\"https:\/\/alliancemoroccotours.com\/activities\/\" class=\"see-more-btn\" aria-label=\"View all Marrakech activities\">\r\n            <span>See More Activities<\/span>\r\n            <svg class=\"arrow-icon\" aria-hidden=\"true\" viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* Brand Colors - Scoped to prevent affecting your website *\/\r\n    .tours-section {\r\n        --primary: #fe9f22;\r\n        --primary-dark: #e88f1e;\r\n        --primary-light: #fef9f0;\r\n        --dark: #111827;\r\n        --dark-800: #4b5563;\r\n        --dark-600: #6b7280;\r\n        --dark-400: #9ca3af;\r\n        --light: #ffffff;\r\n        --border: #e5e7eb;\r\n        --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n        --shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.15);\r\n        --radius: 16px;\r\n        --radius-sm: 8px;\r\n        --radius-full: 999px;\r\n        \r\n        \/* Container styles - Reduced padding *\/\r\n        max-width: 100%;\r\n        width: 100%;\r\n        padding: 40px 0 30px;\r\n        box-sizing: border-box;\r\n        display: block;\r\n        background: linear-gradient(to bottom, #fef9f0 0%, #ffffff 100%);\r\n    }\r\n\r\n    \/* Reset only what's needed *\/\r\n    .tours-container,\r\n    .tour-card,\r\n    .card-image,\r\n    .card-content,\r\n    .date-badge,\r\n    .price-display,\r\n    .tour-info,\r\n    .info-item,\r\n    .tour-cta,\r\n    .section-header,\r\n    .section-footer {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Section Header - Reduced spacing *\/\r\n    .section-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 32px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .section-title {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        color: var(--dark);\r\n        margin-bottom: 12px;\r\n        line-height: 1.2;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .section-description {\r\n        font-size: 16px;\r\n        color: var(--dark-600);\r\n        line-height: 1.5;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        font-family: inherit;\r\n    }\r\n\r\n    .tours-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n        max-width: 1200px;\r\n        margin: 0 auto 32px;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* Tour Card - Reduced spacing *\/\r\n    .tour-card {\r\n        background: var(--light);\r\n        border-radius: var(--radius);\r\n        overflow: hidden;\r\n        border: 1px solid var(--border);\r\n        box-shadow: var(--shadow);\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .tour-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: var(--shadow-hover);\r\n    }\r\n\r\n    \/* Card Image - 280px height *\/\r\n    .card-image {\r\n        position: relative;\r\n        height: 280px;\r\n        overflow: hidden;\r\n        width: 100%;\r\n    }\r\n\r\n    .card-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s ease;\r\n        display: block;\r\n    }\r\n\r\n    .tour-card:hover .card-image img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Date Badge *\/\r\n    .date-badge {\r\n        position: absolute;\r\n        top: 16px;\r\n        left: 16px;\r\n        background: var(--dark);\r\n        color: var(--light);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        padding: 6px 12px;\r\n        border-radius: var(--radius-full);\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        z-index: 2;\r\n    }\r\n\r\n    .badge-icon {\r\n        width: 14px;\r\n        height: 14px;\r\n        stroke: var(--light);\r\n        stroke-width: 2;\r\n        fill: none;\r\n    }\r\n\r\n    \/* Card Content - Reduced padding *\/\r\n    .card-content {\r\n        padding: 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Tour Title - Reduced spacing *\/\r\n    .tour-title {\r\n        font-size: 17px;\r\n        font-weight: 700;\r\n        color: var(--dark);\r\n        margin-bottom: 16px;\r\n        line-height: 1.4;\r\n        min-height: 50px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        font-family: inherit;\r\n    }\r\n\r\n    \/* Tour Info with Circular Icons - Reduced spacing *\/\r\n    .tour-info {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        margin-bottom: 16px;\r\n        padding-bottom: 16px;\r\n        border-bottom: 1px solid var(--border);\r\n    }\r\n\r\n    .info-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex: 1;\r\n    }\r\n\r\n    .info-icon-circle {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 50%;\r\n        background: var(--primary-light);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border: 2px solid rgba(254, 159, 34, 0.2);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .tour-card:hover .info-icon-circle {\r\n        background: var(--primary);\r\n        border-color: var(--primary);\r\n    }\r\n\r\n    .info-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: var(--primary);\r\n        stroke-width: 2;\r\n        fill: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .tour-card:hover .info-icon {\r\n        stroke: var(--light);\r\n    }\r\n\r\n    .info-text {\r\n        font-size: 12px;\r\n        color: var(--dark-600);\r\n        font-weight: 600;\r\n        text-align: center;\r\n        line-height: 1.2;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* Price Display - Updated icon and reduced spacing *\/\r\n    .price-display {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 20px;\r\n        padding: 12px 16px;\r\n        background: var(--primary-light);\r\n        border-radius: var(--radius-sm);\r\n        border: 1px solid rgba(254, 159, 34, 0.2);\r\n    }\r\n\r\n    .price-label {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .price-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        stroke: var(--dark-600);\r\n        stroke-width: 2;\r\n        fill: none;\r\n    }\r\n\r\n    .price-label span {\r\n        font-size: 14px;\r\n        color: var(--dark-600);\r\n        font-weight: 500;\r\n    }\r\n\r\n    .price-value {\r\n        display: flex;\r\n        align-items: baseline;\r\n        gap: 4px;\r\n    }\r\n\r\n    .price-number {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: var(--dark);\r\n    }\r\n\r\n    .price-currency {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: var(--dark);\r\n    }\r\n\r\n    \/* CTA Button - Book Now *\/\r\n    .tour-cta {\r\n        background: var(--primary);\r\n        color: var(--dark);\r\n        border: none;\r\n        border-radius: var(--radius-sm);\r\n        padding: 14px;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        width: 100%;\r\n        margin-top: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        font-family: inherit;\r\n        text-decoration: none;\r\n        text-align: center;\r\n    }\r\n\r\n    .tour-cta:hover {\r\n        background: var(--primary-dark);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 16px rgba(254, 159, 34, 0.3);\r\n    }\r\n\r\n    .tour-cta:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .cta-icon {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: var(--dark);\r\n        stroke-width: 2;\r\n        fill: none;\r\n    }\r\n\r\n    \/* See More Button *\/\r\n    .section-footer {\r\n        text-align: center;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .see-more-btn {\r\n        background: transparent;\r\n        color: var(--primary);\r\n        border: 2px solid var(--primary);\r\n        border-radius: var(--radius-full);\r\n        padding: 14px 32px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-family: inherit;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .see-more-btn:hover {\r\n        background: var(--primary);\r\n        color: var(--dark);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(254, 159, 34, 0.3);\r\n    }\r\n\r\n    .arrow-icon {\r\n        width: 20px;\r\n        height: 20px;\r\n        stroke: currentColor;\r\n        stroke-width: 2;\r\n        fill: none;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .see-more-btn:hover .arrow-icon {\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    \/* Mobile Responsiveness *\/\r\n    @media (max-width: 1200px) {\r\n        .tours-container {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 28px;\r\n        }\r\n        \r\n        .section-description {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .tours-section {\r\n            padding: 30px 0 20px;\r\n        }\r\n\r\n        .tours-container {\r\n            grid-template-columns: 1fr;\r\n            max-width: 500px;\r\n            margin: 0 auto 24px;\r\n            gap: 16px;\r\n        }\r\n\r\n        .section-header {\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .card-image {\r\n            height: 260px; \/* Slightly smaller on mobile *\/\r\n        }\r\n\r\n        .tour-title {\r\n            font-size: 16px;\r\n            min-height: 48px;\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .price-number {\r\n            font-size: 20px;\r\n        }\r\n        \r\n        .see-more-btn {\r\n            padding: 12px 28px;\r\n            font-size: 15px;\r\n        }\r\n        \r\n        .card-content {\r\n            padding: 18px;\r\n        }\r\n        \r\n        .price-display {\r\n            padding: 10px 14px;\r\n            margin-bottom: 18px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .tours-container {\r\n            padding: 0 15px;\r\n        }\r\n\r\n        .card-content {\r\n            padding: 16px;\r\n        }\r\n\r\n        .tour-info {\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            margin-bottom: 14px;\r\n            padding-bottom: 14px;\r\n        }\r\n\r\n        .info-item {\r\n            flex: 0 0 calc(33.333% - 7px);\r\n        }\r\n\r\n        .info-icon-circle {\r\n            width: 36px;\r\n            height: 36px;\r\n        }\r\n        \r\n        .info-icon {\r\n            width: 15px;\r\n            height: 15px;\r\n        }\r\n\r\n        .price-number {\r\n            font-size: 20px;\r\n        }\r\n        \r\n        .tour-cta {\r\n            padding: 12px;\r\n            font-size: 14px;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 22px;\r\n        }\r\n        \r\n        .section-description {\r\n            font-size: 14px;\r\n        }\r\n        \r\n        .date-badge {\r\n            padding: 5px 10px;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbed1d2 elementor-widget elementor-widget-html\" data-id=\"cbed1d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"faq-accordion-section\">\r\n  <div class=\"faq-accordion-container\">\r\n    \r\n    <!-- Image on top for mobile -->\r\n    <div class=\"faq-accordion-image\">\r\n      <div class=\"faq-image-overlay\"><\/div>\r\n    <\/div>\r\n    \r\n    <!-- FAQ Content -->\r\n    <div class=\"faq-accordion-left\">\r\n      <h2 class=\"faq-accordion-title\">Frequently Asked Questions<\/h2>\r\n      \r\n      <div class=\"faq-accordion-items\">\r\n        <!-- FAQ Item 1 -->\r\n        <div class=\"faq-accordion-item\" data-faq-index=\"0\">\r\n          <button class=\"faq-accordion-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-0\">\r\n            <span class=\"faq-question-text\">Is Morocco safe for travelers?<\/span>\r\n            <span class=\"faq-accordion-icon\" aria-hidden=\"true\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"faq-accordion-answer\" id=\"faq-answer-0\" role=\"region\" aria-labelledby=\"faq-question-0\">\r\n            <p>Yes, Morocco is generally safe for tourists. We work with trusted local partners and provide 24\/7 support throughout your journey to ensure a safe and comfortable visit to Morocco.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- FAQ Item 2 -->\r\n        <div class=\"faq-accordion-item\" data-faq-index=\"1\">\r\n          <button class=\"faq-accordion-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\">\r\n            <span class=\"faq-question-text\">What is the best time to explore Morocco?<\/span>\r\n            <span class=\"faq-accordion-icon\" aria-hidden=\"true\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"faq-accordion-answer\" id=\"faq-answer-1\" role=\"region\" aria-labelledby=\"faq-question-1\">\r\n            <p>The best times to explore Morocco are spring (March-May) and autumn (September-November) when temperatures are mild and perfect for outdoor activities and sightseeing.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- FAQ Item 3 -->\r\n        <div class=\"faq-accordion-item\" data-faq-index=\"2\">\r\n          <button class=\"faq-accordion-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\">\r\n            <span class=\"faq-question-text\">What does a Marrakech tour include?<\/span>\r\n            <span class=\"faq-accordion-icon\" aria-hidden=\"true\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"faq-accordion-answer\" id=\"faq-answer-2\" role=\"region\" aria-labelledby=\"faq-question-2\">\r\n            <p>Our Marrakech tours typically include guided visits to historic medinas, palaces, gardens, Atlas Mountain excursions, and authentic culinary experiences with local guides.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- FAQ Item 4 -->\r\n        <div class=\"faq-accordion-item\" data-faq-index=\"3\">\r\n          <button class=\"faq-accordion-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\">\r\n            <span class=\"faq-question-text\">Are private tours available in Morocco?<\/span>\r\n            <span class=\"faq-accordion-icon\" aria-hidden=\"true\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"faq-accordion-answer\" id=\"faq-answer-3\" role=\"region\" aria-labelledby=\"faq-question-3\">\r\n            <p>Yes, we specialize in private tours throughout Morocco. You can customize itineraries to explore Morocco at your own pace with a dedicated guide and vehicle.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- FAQ Item 5 -->\r\n        <div class=\"faq-accordion-item\" data-faq-index=\"4\">\r\n          <button class=\"faq-accordion-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\">\r\n            <span class=\"faq-question-text\">How can I visit Morocco comfortably?<\/span>\r\n            <span class=\"faq-accordion-icon\" aria-hidden=\"true\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"faq-accordion-answer\" id=\"faq-answer-4\" role=\"region\" aria-labelledby=\"faq-question-4\">\r\n            <p>We provide comfortable transportation, carefully selected accommodations, and experienced guides to ensure you visit Morocco with maximum comfort and convenience.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- FAQ Item 6 -->\r\n        <div class=\"faq-accordion-item\" data-faq-index=\"5\">\r\n          <button class=\"faq-accordion-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-5\">\r\n            <span class=\"faq-question-text\">Do you offer guided desert tours in Morocco?<\/span>\r\n            <span class=\"faq-accordion-icon\" aria-hidden=\"true\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M6 9l6 6 6-6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/button>\r\n          <div class=\"faq-accordion-answer\" id=\"faq-answer-5\" role=\"region\" aria-labelledby=\"faq-question-5\">\r\n            <p>Absolutely! Our guided desert tours include Sahara excursions, camel treks, luxury desert camps, and stargazing experiences with knowledgeable local guides.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n  \r\n  <style>\r\n    \/* RESET FOR THIS SECTION ONLY *\/\r\n    .faq-accordion-section,\r\n    .faq-accordion-section *,\r\n    .faq-accordion-section *::before,\r\n    .faq-accordion-section *::after {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n      border: 0;\r\n      font-size: 100%;\r\n      font: inherit;\r\n      vertical-align: baseline;\r\n      line-height: 1;\r\n      background: none;\r\n      color: inherit;\r\n    }\r\n    \r\n    .faq-accordion-section {\r\n      --accent-color: #fe9f22;\r\n      --dark-text: #111827;\r\n      --gray-text: #4b5563;\r\n      --light-gray: #e5e7eb;\r\n      --border-color: #d1d5db;\r\n      --white: #ffffff;\r\n      \r\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\r\n      padding: 4rem 2rem;\r\n      background-color: #f9fafb;\r\n    }\r\n    \r\n    .faq-accordion-container {\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n    }\r\n    \r\n    \/* Image Container - FIXED HEIGHT *\/\r\n    .faq-accordion-image {\r\n      position: relative;\r\n      border-radius: 12px;\r\n      overflow: hidden;\r\n      background-image: url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/Marrakech-desert-tours-3-day.webp');\r\n      background-size: cover;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n      height: 400px;\r\n      margin-bottom: 3rem;\r\n    }\r\n    \r\n    .faq-image-overlay {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));\r\n    }\r\n    \r\n    \/* FAQ Content *\/\r\n    .faq-accordion-left {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n    \r\n    .faq-accordion-title {\r\n      color: var(--dark-text);\r\n      font-size: 2.5rem;\r\n      font-weight: 700;\r\n      margin: 0 0 2.5rem 0;\r\n      line-height: 1.2;\r\n    }\r\n    \r\n    .faq-accordion-items {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.5rem;\r\n    }\r\n    \r\n    .faq-accordion-item {\r\n      background: var(--white);\r\n      border-radius: 8px;\r\n      border: 1px solid var(--border-color);\r\n      overflow: hidden;\r\n    }\r\n    \r\n    .faq-accordion-item.active {\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n      border-color: var(--accent-color);\r\n    }\r\n    \r\n    .faq-accordion-question {\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: 1.5rem;\r\n      background: var(--white);\r\n      border: none;\r\n      cursor: pointer;\r\n      text-align: left;\r\n      color: var(--dark-text);\r\n      font-size: 1.125rem;\r\n      font-weight: 600;\r\n      line-height: 1.4;\r\n    }\r\n    \r\n    .faq-accordion-question:hover {\r\n      background-color: #fef7eb;\r\n    }\r\n    \r\n    .faq-accordion-question:focus {\r\n      outline: 2px solid var(--accent-color);\r\n      outline-offset: -2px;\r\n    }\r\n    \r\n    .faq-question-text {\r\n      flex: 1;\r\n      padding-right: 1rem;\r\n    }\r\n    \r\n    .faq-accordion-icon {\r\n      flex-shrink: 0;\r\n      color: var(--accent-color);\r\n      transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .faq-accordion-icon svg {\r\n      width: 20px;\r\n      height: 20px;\r\n      stroke: var(--accent-color);\r\n    }\r\n    \r\n    .faq-accordion-item.active .faq-accordion-icon {\r\n      transform: rotate(180deg);\r\n    }\r\n    \r\n    .faq-accordion-answer {\r\n      padding: 0 1.5rem;\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.4s ease, padding 0.3s ease;\r\n    }\r\n    \r\n    .faq-accordion-item.active .faq-accordion-answer {\r\n      padding: 0 1.5rem 1.5rem;\r\n      max-height: 200px;\r\n    }\r\n    \r\n    .faq-accordion-answer p {\r\n      color: var(--gray-text);\r\n      font-size: 1.0625rem;\r\n      line-height: 1.6;\r\n      margin: 0;\r\n    }\r\n    \r\n    \/* Desktop Styles *\/\r\n    @media (min-width: 769px) {\r\n      .faq-accordion-container {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 4rem;\r\n        align-items: start;\r\n      }\r\n      \r\n      .faq-accordion-image {\r\n        margin-bottom: 0;\r\n        height: 100%;\r\n        min-height: 600px;\r\n      }\r\n    }\r\n    \r\n    \/* Tablet Styles *\/\r\n    @media (max-width: 1024px) {\r\n      .faq-accordion-title {\r\n        font-size: 2.25rem;\r\n      }\r\n    }\r\n    \r\n    \/* Mobile Styles - ONE COLUMN ONLY *\/\r\n    @media (max-width: 768px) {\r\n      .faq-accordion-section {\r\n        padding: 3rem 1.5rem;\r\n      }\r\n      \r\n      .faq-accordion-title {\r\n        font-size: 2rem;\r\n        margin-bottom: 2rem;\r\n      }\r\n      \r\n      .faq-accordion-image {\r\n        height: 300px;\r\n        margin-bottom: 2rem;\r\n      }\r\n      \r\n      .faq-accordion-question {\r\n        padding: 1.25rem;\r\n        font-size: 1.0625rem;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .faq-accordion-section {\r\n        padding: 2.5rem 1rem;\r\n      }\r\n      \r\n      .faq-accordion-title {\r\n        font-size: 1.75rem;\r\n      }\r\n      \r\n      .faq-accordion-image {\r\n        height: 250px;\r\n        margin-bottom: 1.5rem;\r\n      }\r\n      \r\n      .faq-accordion-question {\r\n        padding: 1rem;\r\n        font-size: 1rem;\r\n      }\r\n      \r\n      .faq-accordion-item.active .faq-accordion-answer {\r\n        padding: 0 1rem 1rem;\r\n      }\r\n      \r\n      .faq-accordion-answer p {\r\n        font-size: 1rem;\r\n      }\r\n    }\r\n  <\/style>\r\n  \r\n  <script>\r\n    (function() {\r\n      'use strict';\r\n      \r\n      const faqSection = document.querySelector('.faq-accordion-section');\r\n      if (!faqSection) return;\r\n      \r\n      const faqItems = faqSection.querySelectorAll('.faq-accordion-item');\r\n      \r\n      function initFAQAccordion() {\r\n        faqItems.forEach(item => {\r\n          const questionBtn = item.querySelector('.faq-accordion-question');\r\n          const answer = item.querySelector('.faq-accordion-answer');\r\n          \r\n          \/\/ Set initial ARIA attributes\r\n          const index = item.getAttribute('data-faq-index');\r\n          questionBtn.setAttribute('id', `faq-question-${index}`);\r\n          questionBtn.setAttribute('aria-controls', `faq-answer-${index}`);\r\n          \r\n          \/\/ Click event\r\n          questionBtn.addEventListener('click', function() {\r\n            const isActive = item.classList.contains('active');\r\n            \r\n            \/\/ Close all items\r\n            faqItems.forEach(otherItem => {\r\n              if (otherItem !== item) {\r\n                otherItem.classList.remove('active');\r\n                const otherBtn = otherItem.querySelector('.faq-accordion-question');\r\n                const otherAnswer = otherItem.querySelector('.faq-accordion-answer');\r\n                otherBtn.setAttribute('aria-expanded', 'false');\r\n                otherAnswer.style.maxHeight = '0';\r\n              }\r\n            });\r\n            \r\n            \/\/ Toggle current item\r\n            if (!isActive) {\r\n              item.classList.add('active');\r\n              questionBtn.setAttribute('aria-expanded', 'true');\r\n              answer.style.maxHeight = answer.scrollHeight + 'px';\r\n            } else {\r\n              item.classList.remove('active');\r\n              questionBtn.setAttribute('aria-expanded', 'false');\r\n              answer.style.maxHeight = '0';\r\n            }\r\n          });\r\n        });\r\n        \r\n        \/\/ Open first FAQ by default\r\n        if (faqItems.length > 0) {\r\n          const firstItem = faqItems[0];\r\n          const firstBtn = firstItem.querySelector('.faq-accordion-question');\r\n          const firstAnswer = firstItem.querySelector('.faq-accordion-answer');\r\n          \r\n          firstItem.classList.add('active');\r\n          firstBtn.setAttribute('aria-expanded', 'true');\r\n          firstAnswer.style.maxHeight = firstAnswer.scrollHeight + 'px';\r\n        }\r\n      }\r\n      \r\n      \/\/ Initialize\r\n      if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initFAQAccordion);\r\n      } else {\r\n        initFAQAccordion();\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\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>Discover Authentic Morocco with Alliance Morocco Tours Experience Sahara desert adventures, imperial cities, and cultural tours with local experts. Explore Tours Contact Desert Tours Imperial Cities Private Tours Morocco Desert Tours &#038; Cultural Experiences From Marrakech to Fes, explore authentic Morocco with expert local guides. Explore Tours Contact Camel Treks Atlas Mountains Luxury Camps Private [&hellip;]<\/p>\n","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-362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":141,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages\/362\/revisions"}],"predecessor-version":[{"id":840,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages\/362\/revisions\/840"}],"wp:attachment":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/media?parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}