{"id":1801,"date":"2025-09-01T21:09:53","date_gmt":"2025-09-01T21:09:53","guid":{"rendered":"https:\/\/atlasliontour.com\/?page_id=1801"},"modified":"2025-09-02T02:26:22","modified_gmt":"2025-09-02T02:26:22","slug":"home","status":"publish","type":"page","link":"https:\/\/atlasliontour.com\/zh\/","title":{"rendered":"\u9996\u9875"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Atlas Lion Tour - Discover Morocco<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Poppins', 'Segoe UI', sans-serif;\r\n }\r\n \r\n body {\r\n line-height: 1.6;\r\n background: #f5f7fa;\r\n \r\n }\r\n \r\n .container {\r\n max-width: 1400px;\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n \r\n .about-card {\r\n background: white;\r\n border-radius: 12px; \/* Reduced from 20px *\/\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n @media (min-width: 992px) {\r\n .about-card {\r\n flex-direction: row;\r\n min-height: 550px;\r\n }\r\n }\r\n \r\n .image-section {\r\n flex: 1;\r\n position: relative;\r\n min-height: 350px;\r\n }\r\n \r\n .image-section img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 10px 10px 0 0; \/* Reduced border radius for image *\/\r\n }\r\n \r\n @media (min-width: 992px) {\r\n .image-section img {\r\n border-radius: 10px 0 0 10px; \/* Reduced border radius for desktop *\/\r\n }\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(transparent, rgba(0, 0, 0, 0.7));\r\n height: 50%;\r\n display: flex;\r\n align-items: flex-end;\r\n padding: 30px;\r\n color: white;\r\n border-radius: 0 0 10px 0; \/* Reduced border radius to match image *\/\r\n }\r\n \r\n @media (min-width: 992px) {\r\n .image-overlay {\r\n border-radius: 0 0 0 10px; \/* Reduced border radius for desktop *\/\r\n }\r\n }\r\n \r\n .image-title {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n .image-title span.blue {\r\n color: #3498db;\r\n }\r\n \r\n .image-title span.red {\r\n color: #e74c3c;\r\n }\r\n \r\n .image-title span.green {\r\n color: #2ecc71;\r\n }\r\n \r\n .content-section {\r\n flex: 1;\r\n padding: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1rem;\r\n color: #3498db;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n }\r\n \r\n .heading {\r\n font-size: 2.2rem;\r\n color: #2c3e50;\r\n margin-bottom: 20px;\r\n line-height: 1.3;\r\n }\r\n \r\n .description {\r\n font-size: 1.05rem;\r\n color: #555;\r\n margin-bottom: 30px;\r\n line-height: 1.8;\r\n }\r\n \r\n .features {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n margin-bottom: 35px;\r\n }\r\n \r\n @media (min-width: 576px) {\r\n .features {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n \r\n .feature {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.5s ease;\r\n }\r\n \r\n .feature-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 10px; \/* Reduced from 12px *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n flex-shrink: 0;\r\n }\r\n \r\n .icon-blue {\r\n background-color: #ebf5fb;\r\n color: #3498db;\r\n }\r\n \r\n .icon-red {\r\n background-color: #fdedec;\r\n color: #e74c3c;\r\n }\r\n \r\n .icon-green {\r\n background-color: #eafaf1;\r\n color: #2ecc71;\r\n }\r\n \r\n .feature-text h4 {\r\n font-size: 1.1rem;\r\n margin-bottom: 5px;\r\n color: #2c3e50;\r\n }\r\n \r\n .feature-text p {\r\n font-size: 0.95rem;\r\n color: #7f8c8d;\r\n line-height: 1.5;\r\n }\r\n \r\n .stats {\r\n display: flex;\r\n justify-content: space-between;\r\n background: #f8f9fa;\r\n border-radius: 10px; \/* Reduced from 12px *\/\r\n padding: 20px;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .stat {\r\n text-align: center;\r\n flex: 1;\r\n opacity: 0;\r\n transform: scale(0.9);\r\n transition: all 0.5s ease;\r\n }\r\n \r\n .stat-number {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n }\r\n \r\n .stat-blue {\r\n color: #3498db;\r\n }\r\n \r\n .stat-red {\r\n color: #e74c3c;\r\n }\r\n \r\n .stat-green {\r\n color: #2ecc71;\r\n }\r\n \r\n .stat-label {\r\n font-size: 0.85rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: #7f8c8d;\r\n }\r\n \r\n .cta-button {\r\n display: inline-block;\r\n background: linear-gradient(to right, #3498db, #2ecc71);\r\n color: white;\r\n padding: 16px 36px;\r\n border-radius: 8px; \/* Reduced from 30px *\/\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);\r\n border: none;\r\n cursor: pointer;\r\n text-align: center;\r\n align-self: flex-start;\r\n }\r\n \r\n .cta-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 20px rgba(52, 152, 219, 0.4);\r\n background: linear-gradient(to right, #2980b9, #27ae60);\r\n }\r\n \r\n \/* Animation *\/\r\n .about-card {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: fadeInUp 0.8s ease forwards;\r\n }\r\n \r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .content-section {\r\n padding: 25px;\r\n }\r\n \r\n .heading {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .image-title {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .stats {\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .features {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .heading {\r\n font-size: 1.5rem;\r\n }\r\n \r\n .description {\r\n font-size: 1rem;\r\n }\r\n \r\n .cta-button {\r\n width: 100%;\r\n text-align: center;\r\n align-self: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"about-card\">\r\n <div class=\"image-section\">\r\n <img decoding=\"async\" src=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/2-1.png\" alt=\"Beautiful Moroccan landscape with Atlas Mountains\">\r\n <div class=\"image-overlay\">\r\n <h2 class=\"image-title\">\u53d1\u73b0 <span class=\"blue\">\u6469\u6d1b\u54e5<\/span>'s <span class=\"red\">\u9b54\u672f<\/span> & <span class=\"green\">\u7f8e\u5bb9<\/span><\/h2>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"content-section\">\r\n <p class=\"subtitle\">\u5173\u4e8e\u963f\u7279\u62c9\u65af\u96c4\u72ee\u4e4b\u65c5<\/p>\r\n <h3 class=\"heading\">\u4f53\u9a8c\u6469\u6d1b\u54e5\u7684\u795e\u5947<\/h3>\r\n <p class=\"description\">\r\n \u963f\u7279\u62c9\u65af\u96c4\u72ee\u4e4b\u65c5\uff08Atlas Lion Tour\uff09\u4e3a\u60a8\u63d0\u4f9b\u6469\u6d1b\u54e5\u591a\u59ff\u591a\u5f69\u7684\u96be\u5fd8\u4e4b\u65c5\u3002\u4ece\u963f\u7279\u62c9\u65af\u5c71\u8109\u5230\u6492\u54c8\u62c9\u6c99\u6f20\uff0c\u6211\u4eec\u521b\u9020\u4e2a\u6027\u5316\u7684\u4f53\u9a8c\uff0c\u6355\u6349\u6469\u6d1b\u54e5\u6587\u5316\u3001\u5386\u53f2\u548c\u81ea\u7136\u7f8e\u666f\u7684\u7cbe\u9ad3\u3002\r\n <\/p>\r\n \r\n <div class=\"features\">\r\n <div class=\"feature\">\r\n <div class=\"feature-icon icon-blue\">\r\n <i class=\"fas fa-map-marked-alt\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <h4>\u4e13\u5bb6\u6307\u5357<\/h4>\r\n <p>\u6df1\u8c19\u6469\u6d1b\u54e5\u6587\u5316\u7684\u5f53\u5730\u4e13\u5bb6<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"feature\">\r\n <div class=\"feature-icon icon-red\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <h4>\u5b89\u5168\u65c5\u884c<\/h4>\r\n <p>\u60a8\u7684\u5b89\u5168\u548c\u8212\u9002\u662f\u6211\u4eec\u7684\u9996\u8981\u4efb\u52a1<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"feature\">\r\n <div class=\"feature-icon icon-green\">\r\n <i class=\"fas fa-camera\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <h4>\u6444\u5f71\u673a\u4f1a<\/h4>\r\n <p>\u6e38\u89c8\u6469\u6d1b\u54e5\u6700\u4e0a\u955c\u7684\u666f\u70b9<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"feature\">\r\n <div class=\"feature-icon icon-blue\">\r\n <i class=\"fas fa-heart\"><\/i>\r\n <\/div>\r\n <div class=\"feature-text\">\r\n <h4>\u771f\u5b9e\u4f53\u9a8c<\/h4>\r\n <p>\u4e0e\u5f53\u5730\u793e\u533a\u548c\u4f20\u7edf\u5efa\u7acb\u8054\u7cfb<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"stats\">\r\n <div class=\"stat\">\r\n <div class=\"stat-number stat-blue\">15+<\/div>\r\n <div class=\"stat-label\">\u5de5\u4f5c\u5e74\u9650<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-number stat-red\">2000+<\/div>\r\n <div class=\"stat-label\">\u5feb\u4e50\u65c5\u884c\u8005<\/div>\r\n <\/div>\r\n <div class=\"stat\">\r\n <div class=\"stat-number stat-green\">50+<\/div>\r\n <div class=\"stat-label\">\u65c5\u6e38<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/atlasliontour.com\/zh\/tours\/\" class=\"cta-button\">\u63a2\u7d22\u6211\u4eec\u7684\u65c5\u6e38\u7ebf\u8def<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Simple animation for elements\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const features = document.querySelectorAll('.feature');\r\n const stats = document.querySelectorAll('.stat');\r\n \r\n \/\/ Animate features\r\n features.forEach((feature, index) => {\r\n setTimeout(() => {\r\n feature.style.opacity = 1;\r\n feature.style.transform = 'translateY(0)';\r\n }, 300 + (index * 200));\r\n });\r\n \r\n \/\/ Animate stats\r\n stats.forEach((stat, index) => {\r\n setTimeout(() => {\r\n stat.style.opacity = 1;\r\n stat.style.transform = 'scale(1)';\r\n }, 800 + (index * 200));\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12b6f57 e-flex e-con-boxed e-con e-parent\" data-id=\"12b6f57\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2b9121 elementor-widget elementor-widget-html\" data-id=\"d2b9121\" 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>Atlas Lion Tour Packages | Morocco Adventures<\/title>\r\n <meta name=\"description\" content=\"Experience the best of Morocco with Atlas Lion Tour's exclusive packages including Imperial Cities, Sahara Desert adventures, and cultural experiences.\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TouristAttraction\",\r\n \"name\": \"Atlas Lion Tour Packages\",\r\n \"description\": \"Explore Morocco with our exclusive tour packages including Imperial Cities, Sahara Desert, and cultural experiences\",\r\n \"url\": \"https:\/\/atlasliontour.com\/\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressLocality\": \"Various Cities\",\r\n \"addressCountry\": \"Morocco\"\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n :root {\r\n --primary-red: #e74c3c;\r\n --primary-blue: #3498db;\r\n --primary-green: #2ecc71;\r\n --dark-text: #2c3e50;\r\n --light-text: #7f8c8d;\r\n }\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n \r\n font-family: 'Inter', 'Poppins', sans-serif;\r\n }\r\n body {\r\n background: #f8f9fa;\r\n line-height: 1.6;\r\n color: #333;\r\n \r\n }\r\n .alt-main-container {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 2rem auto;\r\n padding: 20px;\r\n }\r\n .alt-section-title {\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n position: relative;\r\n }\r\n .alt-section-title h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: var(--dark-text);\r\n margin-bottom: 1rem;\r\n }\r\n .alt-section-title::after {\r\n content: '';\r\n display: block;\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(to right, var(--primary-red), var(--primary-blue), var(--primary-green));\r\n margin: 0 auto;\r\n border-radius: 2px;\r\n }\r\n .alt-section-title p {\r\n color: var(--light-text);\r\n font-size: 1.1rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n .alt-card-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n width: 100%;\r\n justify-items: center;\r\n }\r\n @media (min-width: 1024px) {\r\n .alt-card-container {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n @media (min-width: 768px) and (max-width: 1023px) {\r\n .alt-card-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n .alt-card-container {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n .alt-card {\r\n background: white;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n width: 100%;\r\n max-width: 380px;\r\n position: relative;\r\n }\r\n \/* Color variations using red, blue, and green *\/\r\n .alt-card-container .alt-card.alt-card-color1 {\r\n background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important; \/* Light red gradient *\/\r\n }\r\n .alt-card-container .alt-card.alt-card-color2 {\r\n background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important; \/* Light blue gradient *\/\r\n }\r\n .alt-card-container .alt-card.alt-card-color3 {\r\n background: linear-gradient(135deg, #eafaf1 0%, #d1f2eb 100%) !important; \/* Light green gradient *\/\r\n }\r\n .alt-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n }\r\n .alt-card-header {\r\n height: 300px;\r\n position: relative;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n }\r\n .alt-badge {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n background: rgba(255,255,255,0.2);\r\n backdrop-filter: blur(5px);\r\n padding: 0.35rem 1rem;\r\n border-radius: 100px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n z-index: 2;\r\n }\r\n .alt-duration {\r\n position: absolute;\r\n bottom: -1rem;\r\n right: 1rem;\r\n padding: 0.5rem 1rem;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n font-weight: 700;\r\n font-size: 0.875rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n z-index: 2;\r\n color: white;\r\n }\r\n .alt-duration-color1 {\r\n background: var(--primary-red);\r\n }\r\n .alt-duration-color2 {\r\n background: var(--primary-blue);\r\n }\r\n .alt-duration-color3 {\r\n background: var(--primary-green);\r\n }\r\n .alt-duration i {\r\n font-size: 0.75rem;\r\n color: white;\r\n }\r\n .alt-card-content {\r\n padding: 2rem 1.5rem;\r\n position: relative;\r\n }\r\n .alt-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n .alt-stars {\r\n letter-spacing: 0.1rem;\r\n font-size: 1rem;\r\n }\r\n .alt-stars-color1 {\r\n color: var(--primary-red);\r\n }\r\n .alt-stars-color2 {\r\n color: var(--primary-blue);\r\n }\r\n .alt-stars-color3 {\r\n color: var(--primary-green);\r\n }\r\n .alt-title {\r\n font-size: 1.35rem;\r\n font-weight: 600;\r\n color: var(--dark-text);\r\n margin-bottom: 0.5rem;\r\n line-height: 1.4;\r\n }\r\n .alt-location {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n color: var(--light-text);\r\n font-size: 0.875rem;\r\n margin-bottom: 1.25rem;\r\n }\r\n .alt-location i {\r\n font-size: 0.75rem;\r\n }\r\n .alt-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n .alt-tag {\r\n background: #f3f4f6;\r\n color: var(--dark-text);\r\n padding: 0.375rem 0.75rem;\r\n border-radius: 100px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n }\r\n .alt-divider {\r\n height: 1px;\r\n background: #e5e7eb;\r\n margin: 1.25rem 0;\r\n }\r\n .alt-btn-container {\r\n width: 100%;\r\n }\r\n .alt-btn {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.875rem;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n border: none;\r\n color: white;\r\n }\r\n .alt-btn:hover {\r\n transform: translateY(-2px);\r\n }\r\n .alt-btn-color1 {\r\n background: var(--primary-red);\r\n }\r\n .alt-btn-color1:hover {\r\n background: #c0392b;\r\n box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);\r\n }\r\n .alt-btn-color2 {\r\n background: var(--primary-blue);\r\n }\r\n .alt-btn-color2:hover {\r\n background: #2980b9;\r\n box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);\r\n }\r\n .alt-btn-color3 {\r\n background: var(--primary-green);\r\n }\r\n .alt-btn-color3:hover {\r\n background: #27ae60;\r\n box-shadow: 0 4px 12px rgba(46, 204, 113, 0.3);\r\n }\r\n \/* Explore More Button Styles *\/\r\n .alt-explore-more-container {\r\n margin-top: 3rem;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n .alt-explore-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.75rem;\r\n padding: 0.875rem 2rem;\r\n background: linear-gradient(to right, var(--primary-red), var(--primary-blue), var(--primary-green));\r\n color: white;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n .alt-explore-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);\r\n background: linear-gradient(to right, #c0392b, #2980b9, #27ae60);\r\n }\r\n .alt-explore-btn i {\r\n font-size: 1rem;\r\n transition: transform 0.3s ease;\r\n }\r\n .alt-explore-btn:hover i {\r\n transform: translateX(3px);\r\n }\r\n \/* Mockup elements *\/\r\n .alt-mockup {\r\n position: absolute;\r\n z-index: 1;\r\n opacity: 0.05;\r\n pointer-events: none;\r\n }\r\n .alt-mockup-1 {\r\n top: 10%;\r\n left: 5%;\r\n font-size: 8rem;\r\n transform: rotate(-15deg);\r\n }\r\n .alt-mockup-2 {\r\n bottom: 10%;\r\n right: 5%;\r\n font-size: 6rem;\r\n transform: rotate(10deg);\r\n }\r\n \/* Accessibility improvements *\/\r\n .alt-btn:focus, .alt-explore-btn:focus {\r\n outline: 2px solid var(--primary-blue);\r\n outline-offset: 2px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"alt-main-container\">\r\n <!-- Section Title -->\r\n <div class=\"alt-section-title\">\r\n <h2>\u963f\u7279\u62c9\u65af\u96c4\u72ee\u65c5\u6e38\u5957\u9910<\/h2>\r\n <p>\u901a\u8fc7\u6211\u4eec\u7cbe\u5fc3\u6253\u9020\u7684\u65c5\u6e38\u4f53\u9a8c\uff0c\u63a2\u7d22\u6469\u6d1b\u54e5\u7684\u795e\u5947\u9b45\u529b<\/p>\r\n <\/div>\r\n \r\n <div class=\"alt-card-container\">\r\n <!-- 10-Day Complete Morocco Tour from Casablanca -->\r\n <div class=\"alt-card alt-card-color1\" itemscope itemtype=\"https:\/\/schema.org\/TouristAttraction\">\r\n <meta itemprop=\"touristType\" content=\"Complete Tour\">\r\n <div class=\"alt-card-header\" style=\"background-image: url('https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/Casablanca-Private-Tour-Travel-Exploration-Morocco.png')\" itemprop=\"image\" content=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/Casablanca-Private-Tour-Travel-Exploration-Morocco.png\">\r\n <div class=\"alt-badge\">\u5b8c\u6574<\/div>\r\n <div class=\"alt-duration alt-duration-color1\"><i class=\"fas fa-calendar-day\"><\/i> <span itemprop=\"duration\">10 \u5929<\/span><\/div>\r\n <\/div>\r\n <div class=\"alt-card-content\">\r\n <div class=\"alt-rating\">\r\n <span class=\"alt-stars alt-stars-color1\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <meta itemprop=\"ratingValue\" content=\"5\">\r\n <meta itemprop=\"reviewCount\" content=\"42\">\r\n <\/div>\r\n <h3 class=\"alt-title\" itemprop=\"name\">\u4ece\u5361\u8428\u5e03\u5170\u5361\u51fa\u53d1\u7684 10 \u5929\u6469\u6d1b\u54e5\u5168\u5883\u6e38<\/h3>\r\n <div class=\"alt-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span itemprop=\"address\" itemscope itemtype=\"https:\/\/schema.org\/Place\"><span itemprop=\"name\">\u5361\u8428\u5e03\u5170\u5361\u53ca\u5176\u4ed6<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u7efc\u5408\u6027<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u6587\u5316<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u6c99\u6f20<\/div>\r\n <\/div>\r\n <div class=\"alt-divider\"><\/div>\r\n <div class=\"alt-btn-container\">\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/10-day-complete-morocco-tour-from-casablanca\/\" class=\"alt-btn alt-btn-color1\" itemprop=\"url\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>\u7acb\u5373\u9884\u8ba2<\/span>\r\n <\/a>\r\n <\/div>\r\n <meta itemprop=\"description\" content=\"Experience the complete Morocco in 10 days, from Casablanca to the Sahara Desert and imperial cities.\">\r\n <\/div>\r\n <!-- Mockup elements -->\r\n <i class=\"fas fa-globe-africa alt-mockup alt-mockup-1\"><\/i>\r\n <i class=\"fas fa-mountain alt-mockup alt-mockup-2\"><\/i>\r\n <\/div>\r\n\r\n <!-- 13-Day Grand Tour of Morocco from Casablanca -->\r\n <div class=\"alt-card alt-card-color2\" itemscope itemtype=\"https:\/\/schema.org\/TouristAttraction\">\r\n <meta itemprop=\"touristType\" content=\"Grand Tour\">\r\n <div class=\"alt-card-header\" style=\"background-image: url('https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/La-medina-de-Fes-el-Bali-Maroc-1000x667-1.jpeg')\" itemprop=\"image\" content=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/La-medina-de-Fes-el-Bali-Maroc-1000x667-1.jpeg\">\r\n <div class=\"alt-badge\">\u9ad8\u7ea7<\/div>\r\n <div class=\"alt-duration alt-duration-color2\"><i class=\"fas fa-calendar-day\"><\/i> <span itemprop=\"duration\">13 \u5929<\/span><\/div>\r\n <\/div>\r\n <div class=\"alt-card-content\">\r\n <div class=\"alt-rating\">\r\n <span class=\"alt-stars alt-stars-color2\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <meta itemprop=\"ratingValue\" content=\"5\">\r\n <meta itemprop=\"reviewCount\" content=\"38\">\r\n <\/div>\r\n <h3 class=\"alt-title\" itemprop=\"name\">\u4ece\u5361\u8428\u5e03\u5170\u5361\u51fa\u53d1\u7684 13 \u5929\u6469\u6d1b\u54e5\u5927\u6e38\u89c8<\/h3>\r\n <div class=\"alt-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span itemprop=\"address\" itemscope itemtype=\"https:\/\/schema.org\/Place\"><span itemprop=\"name\">\u6469\u6d1b\u54e5\u5168\u56fd<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u7efc\u5408\u6027<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u8c6a\u534e<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u6587\u5316<\/div>\r\n <\/div>\r\n <div class=\"alt-divider\"><\/div>\r\n <div class=\"alt-btn-container\">\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/13-day-grand-tour-of-morocco-from-casablanca\/\" class=\"alt-btn alt-btn-color2\" itemprop=\"url\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>\u7acb\u5373\u9884\u8ba2<\/span>\r\n <\/a>\r\n <\/div>\r\n <meta itemprop=\"description\" content=\"The ultimate 13-day grand tour exploring all the highlights of Morocco from Casablanca.\">\r\n <\/div>\r\n <!-- Mockup elements -->\r\n <i class=\"fas fa-crown alt-mockup alt-mockup-1\"><\/i>\r\n <i class=\"fas fa-star alt-mockup alt-mockup-2\"><\/i>\r\n <\/div>\r\n\r\n <!-- 8-Day Morocco Tour from Casablanca -->\r\n <div class=\"alt-card alt-card-color3\" itemscope itemtype=\"https:\/\/schema.org\/TouristAttraction\">\r\n <meta itemprop=\"touristType\" content=\"Adventure Tour\">\r\n <div class=\"alt-card-header\" style=\"background-image: url('https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/55.jpg')\" itemprop=\"image\" content=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/55.jpg\">\r\n <div class=\"alt-badge\">\u63a2\u9669<\/div>\r\n <div class=\"alt-duration alt-duration-color3\"><i class=\"fas fa-calendar-day\"><\/i> <span itemprop=\"duration\">8 \u5929<\/span><\/div>\r\n <\/div>\r\n <div class=\"alt-card-content\">\r\n <div class=\"alt-rating\">\r\n <span class=\"alt-stars alt-stars-color3\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <meta itemprop=\"ratingValue\" content=\"5\">\r\n <meta itemprop=\"reviewCount\" content=\"35\">\r\n <\/div>\r\n <h3 class=\"alt-title\" itemprop=\"name\">\u4ece\u5361\u8428\u5e03\u5170\u5361\u51fa\u53d1\u7684\u6469\u6d1b\u54e5\u516b\u65e5\u6e38<\/h3>\r\n <div class=\"alt-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span itemprop=\"address\" itemscope itemtype=\"https:\/\/schema.org\/Place\"><span itemprop=\"name\">\u6469\u6d1b\u54e5\u4eae\u70b9<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u63a2\u9669<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u6c99\u6f20<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u57ce\u5e02<\/div>\r\n <\/div>\r\n <div class=\"alt-divider\"><\/div>\r\n <div class=\"alt-btn-container\">\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/8-day-morocco-tour-from-casablanca\/\" class=\"alt-btn alt-btn-color3\" itemprop=\"url\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>\u7acb\u5373\u9884\u8ba2<\/span>\r\n <\/a>\r\n <\/div>\r\n <meta itemprop=\"description\" content=\"An 8-day adventure through Morocco's highlights, from Casablanca to the Sahara Desert and imperial cities.\">\r\n <\/div>\r\n <!-- Mockup elements -->\r\n <i class=\"fas fa-hiking alt-mockup alt-mockup-1\"><\/i>\r\n <i class=\"fas fa-camera alt-mockup alt-mockup-2\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Explore More Button -->\r\n \r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cf9127 e-flex e-con-boxed e-con e-parent\" data-id=\"6cf9127\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb598d6 elementor-widget elementor-widget-html\" data-id=\"fb598d6\" 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>Atlas Lion Tour - Morocco Tours & Activities<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \/* Atlas Lion Tour Specific Styles *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n \r\n }\r\n \r\n body {\r\n font-family: 'Poppins', 'Segoe UI', sans-serif;\r\n \r\n }\r\n \r\n .alt-container { \r\n width: 100%; \r\n max-width: 1400px;\r\n margin: 0 auto; \r\n padding: 0 20px; \r\n }\r\n \r\n .alt-section-header { \r\n text-align: center; \r\n margin-bottom: 60px; \r\n opacity: 0;\r\n transform: translateY(20px);\r\n animation: alt-fadeInUp 0.8s ease forwards;\r\n }\r\n \r\n .alt-section-title { \r\n font-size: 1rem; \r\n font-weight: 600; \r\n color: #3498db; \r\n text-transform: uppercase; \r\n letter-spacing: 1.5px; \r\n margin-bottom: 15px; \r\n }\r\n \r\n .alt-heading { \r\n font-size: 2.8rem; \r\n color: #2c3e50; \r\n margin-bottom: 20px; \r\n line-height: 1.2; \r\n }\r\n \r\n .alt-blue { color: #3498db; }\r\n .alt-red { color: #e74c3c; }\r\n .alt-green { color: #2ecc71; }\r\n \r\n .alt-banners-grid { \r\n display: grid; \r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); \r\n gap: 30px; \r\n }\r\n \r\n .alt-banner { \r\n position: relative; \r\n border-radius: 12px; \r\n overflow: hidden; \r\n height: 380px; \r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); \r\n transition: all 0.4s ease; \r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n \r\n .alt-banner:nth-child(1) {\r\n animation: alt-fadeInUp 0.8s ease 0.2s forwards;\r\n }\r\n \r\n .alt-banner:nth-child(2) {\r\n animation: alt-fadeInUp 0.8s ease 0.4s forwards;\r\n }\r\n \r\n .alt-banner:nth-child(3) {\r\n animation: alt-fadeInUp 0.8s ease 0.6s forwards;\r\n }\r\n \r\n .alt-banner:hover { \r\n transform: translateY(-10px) scale(1.02); \r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15); \r\n }\r\n \r\n .alt-banner-image { \r\n width: 100%; \r\n height: 100%; \r\n object-fit: cover; \r\n transition: transform 0.7s ease; \r\n }\r\n \r\n .alt-banner:hover .alt-banner-image { \r\n transform: scale(1.1); \r\n }\r\n \r\n .alt-banner-overlay { \r\n position: absolute; \r\n bottom: 0; \r\n left: 0; \r\n width: 100%; \r\n padding: 30px 25px; \r\n background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0) 100%); \r\n color: white; \r\n transition: all 0.4s ease; \r\n }\r\n \r\n .alt-banner:hover .alt-banner-overlay { \r\n background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.1) 100%); \r\n padding: 35px 25px; \r\n }\r\n \r\n .alt-banner-category { \r\n display: inline-flex; \r\n align-items: center; \r\n background: rgba(255, 255, 255, 0.15); \r\n backdrop-filter: blur(10px); \r\n padding: 6px 15px; \r\n border-radius: 20px; \r\n margin-bottom: 15px; \r\n font-size: 0.85rem; \r\n font-weight: 500; \r\n }\r\n \r\n .alt-banner-category i { \r\n margin-right: 8px; \r\n font-size: 0.9rem; \r\n }\r\n \r\n .alt-banner-title { \r\n font-size: 1.8rem; \r\n font-weight: 700; \r\n margin-bottom: 12px; \r\n line-height: 1.3; \r\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); \r\n }\r\n \r\n .alt-banner-desc { \r\n font-size: 1rem; \r\n line-height: 1.5; \r\n margin-bottom: 20px; \r\n opacity: 0.9; \r\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); \r\n max-height: 0; \r\n overflow: hidden; \r\n transition: max-height 0.4s ease, margin-bottom 0.4s ease; \r\n }\r\n \r\n .alt-banner:hover .alt-banner-desc { \r\n max-height: 100px; \r\n margin-bottom: 20px; \r\n }\r\n \r\n .alt-banner-btn { \r\n display: inline-flex; \r\n align-items: center; \r\n background: linear-gradient(to right, #3498db, #2980b9); \r\n color: white; \r\n padding: 10px 22px; \r\n border-radius: 30px; \r\n text-decoration: none; \r\n font-weight: 600; \r\n font-size: 0.9rem; \r\n transition: all 0.3s ease; \r\n box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); \r\n opacity: 0; \r\n transform: translateY(10px); \r\n transition: all 0.4s ease; \r\n }\r\n \r\n .alt-banner:hover .alt-banner-btn { \r\n opacity: 1; \r\n transform: translateY(0); \r\n }\r\n \r\n .alt-banner-btn:hover { \r\n background: linear-gradient(to right, #2980b9, #1d6fa5); \r\n box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4); \r\n transform: translateY(-2px); \r\n }\r\n \r\n .alt-banner-btn i { \r\n margin-left: 8px; \r\n font-size: 0.9rem; \r\n }\r\n \r\n \/* Color variations *\/\r\n .alt-banner:nth-child(1) .alt-banner-category,\r\n .alt-banner:nth-child(1) .alt-banner-category i { color: #3498db; }\r\n .alt-banner:nth-child(2) .alt-banner-category,\r\n .alt-banner:nth-child(2) .alt-banner-category i { color: #e74c3c; }\r\n .alt-banner:nth-child(3) .alt-banner-category,\r\n .alt-banner:nth-child(3) .alt-banner-category i { color: #2ecc71; }\r\n \r\n \/* Animation Keyframes *\/\r\n @keyframes alt-fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n \/* Responsive *\/\r\n @media (max-width: 1100px) {\r\n .alt-banners-grid { \r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); \r\n }\r\n }\r\n \r\n @media (max-width: 900px) {\r\n .alt-heading { \r\n font-size: 2.4rem; \r\n }\r\n \r\n .alt-banners-grid { \r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); \r\n gap: 25px;\r\n }\r\n \r\n .alt-banner { \r\n height: 400px; \r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .alt-banners-grid { \r\n grid-template-columns: 1fr; \r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n \r\n .alt-heading { \r\n font-size: 2.2rem; \r\n }\r\n \r\n .alt-banner { \r\n height: 380px; \r\n }\r\n \r\n .alt-banner-title { \r\n font-size: 1.6rem; \r\n }\r\n }\r\n \r\n @media (max-width: 600px) {\r\n body {\r\n padding: 30px 0;\r\n }\r\n \r\n .alt-container {\r\n padding: 0 15px;\r\n }\r\n \r\n .alt-heading { \r\n font-size: 2rem; \r\n }\r\n \r\n .alt-section-header {\r\n margin-bottom: 40px;\r\n }\r\n \r\n .alt-banner { \r\n height: 350px; \r\n }\r\n \r\n .alt-banner-title { \r\n font-size: 1.5rem; \r\n }\r\n \r\n .alt-banner-overlay {\r\n padding: 25px 20px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .alt-heading { \r\n font-size: 1.8rem; \r\n }\r\n \r\n .alt-section-title {\r\n font-size: 0.9rem;\r\n }\r\n \r\n .alt-banner { \r\n height: 320px; \r\n }\r\n \r\n .alt-banner-title { \r\n font-size: 1.4rem; \r\n }\r\n \r\n .alt-banner-desc {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"alt-container\">\r\n <div class=\"alt-section-header\">\r\n <p class=\"alt-section-title\">\u963f\u7279\u62c9\u65af\u96c4\u72ee\u4e4b\u65c5\u63a2\u7d22\u6469\u6d1b\u54e5<\/p>\r\n <h2 class=\"alt-heading\">\u9ad8\u7ea7 <span class=\"alt-blue\">\u65c5\u6e38<\/span> & <span class=\"alt-green\">\u6d3b\u52a8<\/span><\/h2>\r\n <\/div>\r\n \r\n <div class=\"alt-banners-grid\">\r\n <!-- Banner 1 - 10-Day Complete Morocco Tour -->\r\n <div class=\"alt-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/2.png\" \r\n alt=\"10-Day Complete Morocco Tour\" class=\"alt-banner-image\">\r\n <div class=\"alt-banner-overlay\">\r\n <div class=\"alt-banner-category\">\r\n <i class=\"fas fa-map-marked-alt\"><\/i>\r\n <span>\u5b8c\u6574\u6e38\u89c8<\/span>\r\n <\/div>\r\n <h3 class=\"alt-banner-title\">10 \u5929\u5b8c\u6574\u6469\u6d1b\u54e5\u4e4b\u65c5<\/h3>\r\n <p class=\"alt-banner-desc\">\r\n \u5728 10 \u5929\u5185\u4f53\u9a8c\u6469\u6d1b\u54e5\u7684\u7cbe\u534e\u3002\u4ece\u5361\u8428\u5e03\u5170\u5361\u5230\u6492\u54c8\u62c9\u6c99\u6f20\u3001\u5e1d\u56fd\u57ce\u5e02\u3001\r\n \u5728\u77e5\u8bc6\u6e0a\u535a\u7684\u5f53\u5730\u5bfc\u6e38\u5e26\u9886\u4e0b\uff0c\u4f53\u9a8c\u539f\u6c41\u539f\u5473\u7684\u6587\u5316\u3002\r\n <\/p>\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/10-day-complete-morocco-tour-from-casablanca\/\" class=\"alt-banner-btn\">\r\n \u53c2\u89c2 <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Banner 2 - 13-Day Grand Tour -->\r\n <div class=\"alt-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/13.png\" \r\n alt=\"13-Day Grand Tour of Morocco\" class=\"alt-banner-image\">\r\n <div class=\"alt-banner-overlay\">\r\n <div class=\"alt-banner-category\">\r\n <i class=\"fas fa-crown\"><\/i>\r\n <span>\u9a86\u9a7c<\/span>\r\n <\/div>\r\n <h3 class=\"alt-banner-title\">\u9a91\u9a86\u9a7c<\/h3>\r\n <p class=\"alt-banner-desc\">\r\n \u6469\u6d1b\u54e5\u7684\u7ec8\u6781\u4f53\u9a8c\u5728\u8fd9 13 \u5929\u7684\u7efc\u5408\u65c5\u7a0b\u4e2d\uff0c\u63a2\u7d22\u5e1d\u56fd\u57ce\u5e02\u3001\u6492\u54c8\u62c9\u6c99\u6f20\u3001\u963f\u7279\u62c9\u65af\u5c71\u8109\u3001\r\n \u4ee5\u53ca\u6cbf\u6d77\u57ce\u9547\u3002\r\n <\/p>\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/13-day-grand-tour-of-morocco-from-casablanca\/\" class=\"alt-banner-btn\">\r\n \u63a2\u7d22\u4e4b\u65c5 <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Banner 3 - 8-Day Morocco Tour -->\r\n <div class=\"alt-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/4.png\" \r\n alt=\"8-Day Morocco Tour\" class=\"alt-banner-image\">\r\n <div class=\"alt-banner-overlay\">\r\n <div class=\"alt-banner-category\">\r\n <i class=\"fas fa-compass\"><\/i>\r\n <span>\u63a2\u9669\u4e4b\u65c5<\/span>\r\n <\/div>\r\n <h3 class=\"alt-banner-title\">\u6469\u6d1b\u54e5\u516b\u65e5\u6e38<\/h3>\r\n <p class=\"alt-banner-desc\">\r\n \u975e\u5e38\u9002\u5408\u65f6\u95f4\u6709\u9650\u7684\u6e38\u5ba2\u3002\u672c 8 \u65e5\u6e38\u6db5\u76d6\u6469\u6d1b\u54e5\u7684\u7cbe\u534e\u666f\u70b9\uff0c\u5305\u62ec\r\n \u9a6c\u62c9\u5580\u4ec0\u3001\u6492\u54c8\u62c9\u6c99\u6f20\u548c\u963f\u7279\u62c9\u65af\u5c71\u8109\u3002\r\n <\/p>\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/8-day-morocco-tour-from-casablanca\/\" class=\"alt-banner-btn\">\r\n \u63a2\u7d22\u4e4b\u65c5 <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9062c9 e-con-full e-flex e-con e-parent\" data-id=\"d9062c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf7d7dd elementor-widget elementor-widget-html\" data-id=\"bf7d7dd\" 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>Atlas Lion Tour Activities | Morocco Adventures<\/title>\r\n <meta name=\"description\" content=\"Experience the best of Morocco with Atlas Lion Tour's exciting activities including camel safaris, desert quad expeditions, and balloon flights.\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"TouristAttraction\",\r\n \"name\": \"Atlas Lion Tour Activities\",\r\n \"description\": \"Explore Morocco with our exciting activities including camel safaris, desert quad expeditions, and balloon flights\",\r\n \"url\": \"https:\/\/atlasliontour.com\/\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressLocality\": \"Various Cities\",\r\n \"addressCountry\": \"Morocco\"\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n :root {\r\n --primary-red: #e74c3c;\r\n --primary-blue: #3498db;\r\n --primary-green: #2ecc71;\r\n --dark-text: #2c3e50;\r\n --light-text: #7f8c8d;\r\n }\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n \r\n font-family: 'Inter', 'Poppins', sans-serif;\r\n }\r\n body {\r\n background: #f8f9fa;\r\n line-height: 1.6;\r\n color: #333;\r\n \r\n }\r\n .alt-main-container {\r\n width: 100%;\r\n max-width: 1400px;\r\n margin: 2rem auto;\r\n padding: 20px;\r\n }\r\n .alt-section-title {\r\n text-align: center;\r\n margin-bottom: 2.5rem;\r\n position: relative;\r\n }\r\n .alt-section-title h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: var(--dark-text);\r\n margin-bottom: 1rem;\r\n }\r\n .alt-section-title::after {\r\n content: '';\r\n display: block;\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(to right, var(--primary-red), var(--primary-blue), var(--primary-green));\r\n margin: 0 auto;\r\n border-radius: 2px;\r\n }\r\n .alt-section-title p {\r\n color: var(--light-text);\r\n font-size: 1.1rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n .alt-card-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n width: 100%;\r\n justify-items: center;\r\n }\r\n @media (min-width: 1024px) {\r\n .alt-card-container {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n @media (min-width: 768px) and (max-width: 1023px) {\r\n .alt-card-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n .alt-card-container {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n .alt-card {\r\n background: white;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n width: 100%;\r\n max-width: 380px;\r\n position: relative;\r\n }\r\n \/* Color variations using red, blue, and green *\/\r\n .alt-card-container .alt-card.alt-card-color1 {\r\n background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important; \/* Light red gradient *\/\r\n }\r\n .alt-card-container .alt-card.alt-card-color2 {\r\n background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important; \/* Light blue gradient *\/\r\n }\r\n .alt-card-container .alt-card.alt-card-color3 {\r\n background: linear-gradient(135deg, #eafaf1 0%, #d1f2eb 100%) !important; \/* Light green gradient *\/\r\n }\r\n .alt-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n }\r\n .alt-card-header {\r\n height: 300px;\r\n position: relative;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n }\r\n .alt-badge {\r\n position: absolute;\r\n top: 1rem;\r\n left: 1rem;\r\n background: rgba(255,255,255,0.2);\r\n backdrop-filter: blur(5px);\r\n padding: 0.35rem 1rem;\r\n border-radius: 100px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n z-index: 2;\r\n }\r\n .alt-duration {\r\n position: absolute;\r\n bottom: -1rem;\r\n right: 1rem;\r\n padding: 0.5rem 1rem;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n font-weight: 700;\r\n font-size: 0.875rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n z-index: 2;\r\n color: white;\r\n }\r\n .alt-duration-color1 {\r\n background: var(--primary-red);\r\n }\r\n .alt-duration-color2 {\r\n background: var(--primary-blue);\r\n }\r\n .alt-duration-color3 {\r\n background: var(--primary-green);\r\n }\r\n .alt-duration i {\r\n font-size: 0.75rem;\r\n color: white;\r\n }\r\n .alt-card-content {\r\n padding: 2rem 1.5rem;\r\n position: relative;\r\n }\r\n .alt-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n .alt-stars {\r\n letter-spacing: 0.1rem;\r\n font-size: 1rem;\r\n }\r\n .alt-stars-color1 {\r\n color: var(--primary-red);\r\n }\r\n .alt-stars-color2 {\r\n color: var(--primary-blue);\r\n }\r\n .alt-stars-color3 {\r\n color: var(--primary-green);\r\n }\r\n .alt-title {\r\n font-size: 1.35rem;\r\n font-weight: 600;\r\n color: var(--dark-text);\r\n margin-bottom: 0.5rem;\r\n line-height: 1.4;\r\n }\r\n .alt-location {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n color: var(--light-text);\r\n font-size: 0.875rem;\r\n margin-bottom: 1.25rem;\r\n }\r\n .alt-location i {\r\n font-size: 0.75rem;\r\n }\r\n .alt-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n .alt-tag {\r\n background: #f3f4f6;\r\n color: var(--dark-text);\r\n padding: 0.375rem 0.75rem;\r\n border-radius: 100px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n }\r\n .alt-divider {\r\n height: 1px;\r\n background: #e5e7eb;\r\n margin: 1.25rem 0;\r\n }\r\n .alt-btn-container {\r\n width: 100%;\r\n }\r\n .alt-btn {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n padding: 0.875rem;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n border: none;\r\n color: white;\r\n }\r\n .alt-btn:hover {\r\n transform: translateY(-2px);\r\n }\r\n .alt-btn-color1 {\r\n background: var(--primary-red);\r\n }\r\n .alt-btn-color1:hover {\r\n background: #c0392b;\r\n box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);\r\n }\r\n .alt-btn-color2 {\r\n background: var(--primary-blue);\r\n }\r\n .alt-btn-color2:hover {\r\n background: #2980b9;\r\n box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);\r\n }\r\n .alt-btn-color3 {\r\n background: var(--primary-green);\r\n }\r\n .alt-btn-color3:hover {\r\n background: #27ae60;\r\n box-shadow: 0 4px 12px rgba(46, 204, 113, 0.3);\r\n }\r\n \/* Explore More Button Styles *\/\r\n .alt-explore-more-container {\r\n margin-top: 3rem;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n .alt-explore-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.75rem;\r\n padding: 0.875rem 2rem;\r\n background: linear-gradient(to right, var(--primary-red), var(--primary-blue), var(--primary-green));\r\n color: white;\r\n border-radius: 8px;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n .alt-explore-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);\r\n background: linear-gradient(to right, #c0392b, #2980b9, #27ae60);\r\n }\r\n .alt-explore-btn i {\r\n font-size: 1rem;\r\n transition: transform 0.3s ease;\r\n }\r\n .alt-explore-btn:hover i {\r\n transform: translateX(3px);\r\n }\r\n \/* Mockup elements *\/\r\n .alt-mockup {\r\n position: absolute;\r\n z-index: 1;\r\n opacity: 0.05;\r\n pointer-events: none;\r\n }\r\n .alt-mockup-1 {\r\n top: 10%;\r\n left: 5%;\r\n font-size: 8rem;\r\n transform: rotate(-15deg);\r\n }\r\n .alt-mockup-2 {\r\n bottom: 10%;\r\n right: 5%;\r\n font-size: 6rem;\r\n transform: rotate(10deg);\r\n }\r\n \/* Accessibility improvements *\/\r\n .alt-btn:focus, .alt-explore-btn:focus {\r\n outline: 2px solid var(--primary-blue);\r\n outline-offset: 2px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"alt-main-container\">\r\n <!-- Section Title -->\r\n <div class=\"alt-section-title\">\r\n <h2>\u963f\u7279\u62c9\u65af\u96c4\u72ee\u4e4b\u65c5\u6d3b\u52a8<\/h2>\r\n <p>\u901a\u8fc7\u6211\u4eec\u7cbe\u5f69\u7684\u63a2\u9669\u6d3b\u52a8\u4f53\u9a8c\u6469\u6d1b\u54e5\u7684\u60ca\u9669\u523a\u6fc0<\/p>\r\n <\/div>\r\n \r\n <div class=\"alt-card-container\">\r\n <!-- Berber-Style Camel Safari -->\r\n <div class=\"alt-card alt-card-color1\" itemscope itemtype=\"https:\/\/schema.org\/TouristAttraction\">\r\n <meta itemprop=\"touristType\" content=\"Desert Adventure\">\r\n <div class=\"alt-card-header\" style=\"background-image: url('https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/7-1.png')\" itemprop=\"image\" content=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/7-1.png\">\r\n <div class=\"alt-badge\">\u6c99\u6f20<\/div>\r\n <div class=\"alt-duration alt-duration-color1\"><i class=\"fas fa-clock\"><\/i> <span itemprop=\"duration\">3-4 \u5c0f\u65f6<\/span><\/div>\r\n <\/div>\r\n <div class=\"alt-card-content\">\r\n <div class=\"alt-rating\">\r\n <span class=\"alt-stars alt-stars-color1\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <meta itemprop=\"ratingValue\" content=\"5\">\r\n <meta itemprop=\"reviewCount\" content=\"28\">\r\n <\/div>\r\n <h3 class=\"alt-title\" itemprop=\"name\">\u67cf\u67cf\u5c14\u5f0f\u9a86\u9a7c\u4e4b\u65c5<\/h3>\r\n <div class=\"alt-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span itemprop=\"address\" itemscope itemtype=\"https:\/\/schema.org\/Place\"><span itemprop=\"name\">\u6492\u54c8\u62c9\u6c99\u6f20<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u4f20\u7edf<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u65e5\u843d<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u6587\u5316<\/div>\r\n <\/div>\r\n <div class=\"alt-divider\"><\/div>\r\n <div class=\"alt-btn-container\">\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/berber-style-camel-safari\/\" class=\"alt-btn alt-btn-color1\" itemprop=\"url\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>\u7acb\u5373\u9884\u8ba2<\/span>\r\n <\/a>\r\n <\/div>\r\n <meta itemprop=\"description\" content=\"Experience an authentic Berber-style camel safari through the stunning Sahara Desert with traditional guides.\">\r\n <\/div>\r\n <!-- Mockup elements -->\r\n <i class=\"fas fa-camel alt-mockup alt-mockup-1\"><\/i>\r\n <i class=\"fas fa-sun alt-mockup alt-mockup-2\"><\/i>\r\n <\/div>\r\n\r\n <!-- Desert Quad Expedition -->\r\n <div class=\"alt-card alt-card-color2\" itemscope itemtype=\"https:\/\/schema.org\/TouristAttraction\">\r\n <meta itemprop=\"touristType\" content=\"Adventure Sport\">\r\n <div class=\"alt-card-header\" style=\"background-image: url('https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/10.png')\" itemprop=\"image\" content=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/10.png\">\r\n <div class=\"alt-badge\">\u63a2\u9669<\/div>\r\n <div class=\"alt-duration alt-duration-color2\"><i class=\"fas fa-clock\"><\/i> <span itemprop=\"duration\">2-3 \u5c0f\u65f6<\/span><\/div>\r\n <\/div>\r\n <div class=\"alt-card-content\">\r\n <div class=\"alt-rating\">\r\n <span class=\"alt-stars alt-stars-color2\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <meta itemprop=\"ratingValue\" content=\"5\">\r\n <meta itemprop=\"reviewCount\" content=\"35\">\r\n <\/div>\r\n <h3 class=\"alt-title\" itemprop=\"name\">\u6c99\u6f20\u56db\u8f6e\u63a2\u9669<\/h3>\r\n <div class=\"alt-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span itemprop=\"address\" itemscope itemtype=\"https:\/\/schema.org\/Place\"><span itemprop=\"name\">\u6c99\u6f20\u5730\u533a<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u60ca\u5fc3\u52a8\u9b44<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u63a2\u9669<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u4e50\u8da3<\/div>\r\n <\/div>\r\n <div class=\"alt-divider\"><\/div>\r\n <div class=\"alt-btn-container\">\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/desert-quad-expedition\/\" class=\"alt-btn alt-btn-color2\" itemprop=\"url\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>\u7acb\u5373\u9884\u8ba2<\/span>\r\n <\/a>\r\n <\/div>\r\n <meta itemprop=\"description\" content=\"Get your adrenaline pumping with our desert quad biking expedition through Morocco's stunning desert landscapes.\">\r\n <\/div>\r\n <!-- Mockup elements -->\r\n <i class=\"fas fa-motorcycle alt-mockup alt-mockup-1\"><\/i>\r\n <i class=\"fas fa-tachometer-alt alt-mockup alt-mockup-2\"><\/i>\r\n <\/div>\r\n\r\n <!-- Atlas Mountains Sunrise Balloon Flight -->\r\n <div class=\"alt-card alt-card-color3\" itemscope itemtype=\"https:\/\/schema.org\/TouristAttraction\">\r\n <meta itemprop=\"touristType\" content=\"Scenic Experience\">\r\n <div class=\"alt-card-header\" style=\"background-image: url('https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/56-1-1-360x320-1.webp')\" itemprop=\"image\" content=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/56-1-1-360x320-1.webp\">\r\n <div class=\"alt-badge\">\u98ce\u666f<\/div>\r\n <div class=\"alt-duration alt-duration-color3\"><i class=\"fas fa-clock\"><\/i> <span itemprop=\"duration\">3-4 \u5c0f\u65f6<\/span><\/div>\r\n <\/div>\r\n <div class=\"alt-card-content\">\r\n <div class=\"alt-rating\">\r\n <span class=\"alt-stars alt-stars-color3\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <meta itemprop=\"ratingValue\" content=\"5\">\r\n <meta itemprop=\"reviewCount\" content=\"42\">\r\n <\/div>\r\n <h3 class=\"alt-title\" itemprop=\"name\">\u963f\u7279\u62c9\u65af\u5c71\u8109\u65e5\u51fa\u70ed\u6c14\u7403\u98de\u884c<\/h3>\r\n <div class=\"alt-location\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <span itemprop=\"address\" itemscope itemtype=\"https:\/\/schema.org\/Place\"><span itemprop=\"name\">\u963f\u7279\u62c9\u65af\u5c71\u8109<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u98ce\u666f<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u65e5\u51fa<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">\u72ec\u7279\u6027<\/div>\r\n <\/div>\r\n <div class=\"alt-divider\"><\/div>\r\n <div class=\"alt-btn-container\">\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/atlas-mountains-sunrise-balloon-flight\/\" class=\"alt-btn alt-btn-color3\" itemprop=\"url\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>\u7acb\u5373\u9884\u8ba2<\/span>\r\n <\/a>\r\n <\/div>\r\n <meta itemprop=\"description\" content=\"Soar above the stunning Atlas Mountains at sunrise for breathtaking views and unforgettable memories.\">\r\n <\/div>\r\n <!-- Mockup elements -->\r\n <i class=\"fas fa-hot-air-balloon alt-mockup alt-mockup-1\"><\/i>\r\n <i class=\"fas fa-mountain alt-mockup alt-mockup-2\"><\/i>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Explore More Button -->\r\n \r\n <\/div>\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-11a2a6f e-con-full e-flex e-con e-parent\" data-id=\"11a2a6f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b313a1 elementor-widget elementor-widget-html\" data-id=\"9b313a1\" 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>Why Choose Us | Atlas Lion Tour<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Reset and Base Styles *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n \r\n }\r\n \r\n html, body {\r\n height: 100%;\r\n font-family: 'Montserrat', 'Segoe UI', sans-serif;\r\n background-color: #f8f9fa;\r\n color: #2d3748;\r\n line-height: 1.6;\r\n }\r\n \r\n .wc-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n }\r\n \r\n \/* Hero Section - Full Viewport *\/\r\n .wc-hero {\r\n background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/when-the-light-talks.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: white;\r\n padding: 20px;\r\n }\r\n \r\n .wc-hero-content {\r\n max-width: 800px;\r\n }\r\n \r\n .wc-hero-title {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\r\n }\r\n \r\n .wc-hero-subtitle {\r\n font-size: 1.4rem;\r\n margin: 0 auto 30px;\r\n opacity: 0.95;\r\n font-weight: 400;\r\n }\r\n \r\n .wc-hero-btn {\r\n display: inline-block;\r\n background: #e53e3e;\r\n color: white;\r\n font-weight: 600;\r\n padding: 16px 36px;\r\n border-radius: 30px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\r\n font-size: 1.1rem;\r\n }\r\n \r\n .wc-hero-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\r\n background: #c53030;\r\n }\r\n \r\n \/* Stats Section *\/\r\n .wc-stats {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 25px;\r\n margin: 60px 0;\r\n }\r\n \r\n .wc-stat {\r\n background: white;\r\n border-radius: 16px;\r\n padding: 30px 20px;\r\n text-align: center;\r\n color: #2d3748;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.07);\r\n border-top: 5px solid #1a56db;\r\n }\r\n \r\n .wc-stat:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .wc-stat:nth-child(2) {\r\n border-top-color: #e53e3e;\r\n }\r\n \r\n .wc-stat:nth-child(3) {\r\n border-top-color: #38a169;\r\n }\r\n \r\n .wc-stat:nth-child(4) {\r\n border-top-color: #1a56db;\r\n }\r\n \r\n .wc-stat-number {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n margin-bottom: 10px;\r\n color: #1a56db;\r\n }\r\n \r\n .wc-stat:nth-child(2) .wc-stat-number {\r\n color: #e53e3e;\r\n }\r\n \r\n .wc-stat:nth-child(3) .wc-stat-number {\r\n color: #38a169;\r\n }\r\n \r\n .wc-stat:nth-child(4) .wc-stat-number {\r\n color: #1a56db;\r\n }\r\n \r\n .wc-stat-text {\r\n font-size: 1.1rem;\r\n margin-bottom: 15px;\r\n font-weight: 500;\r\n }\r\n \r\n .wc-stat-icon {\r\n font-size: 1.8rem;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .wc-stat-icon.blue {\r\n color: #1a56db;\r\n }\r\n \r\n .wc-stat-icon.red {\r\n color: #e53e3e;\r\n }\r\n \r\n .wc-stat-icon.green {\r\n color: #38a169;\r\n }\r\n \r\n \/* Features Section *\/\r\n .wc-section-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .wc-section-title {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n color: #2d3748;\r\n margin-bottom: 15px;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .wc-section-title:after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(to right, #1a56db, #e53e3e, #38a169);\r\n border-radius: 2px;\r\n }\r\n \r\n .wc-section-subtitle {\r\n font-size: 1.1rem;\r\n color: #4a5568;\r\n max-width: 700px;\r\n margin: 20px auto 0;\r\n }\r\n \r\n .wc-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n \r\n .wc-feature {\r\n background: white;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.07);\r\n height: 100%;\r\n }\r\n \r\n .wc-feature:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .wc-feature-image {\r\n height: 200px;\r\n overflow: hidden;\r\n }\r\n \r\n .wc-feature-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n \r\n .wc-feature:hover .wc-feature-image img {\r\n transform: scale(1.08);\r\n }\r\n \r\n .wc-feature-icon {\r\n width: 70px;\r\n height: 70px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: white;\r\n border-radius: 18px;\r\n margin: -35px auto 20px;\r\n position: relative;\r\n z-index: 2;\r\n box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);\r\n border: 3px solid;\r\n }\r\n \r\n .wc-feature-icon.blue {\r\n border-color: #1a56db;\r\n color: #1a56db;\r\n }\r\n \r\n .wc-feature-icon.red {\r\n border-color: #e53e3e;\r\n color: #e53e3e;\r\n }\r\n \r\n .wc-feature-icon.green {\r\n border-color: #38a169;\r\n color: #38a169;\r\n }\r\n \r\n .wc-feature-icon i {\r\n font-size: 28px;\r\n }\r\n \r\n .wc-feature-content {\r\n padding: 0 25px 25px;\r\n text-align: center;\r\n }\r\n \r\n .wc-feature-title {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: #2d3748;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .wc-feature-desc {\r\n color: #4a5568;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* CTA Section *\/\r\n .wc-cta {\r\n background: linear-gradient(135deg, #38a169 0%, #1a56db 100%);\r\n padding: 60px 20px;\r\n text-align: center;\r\n color: white;\r\n border-radius: 20px;\r\n margin: 60px 0;\r\n }\r\n \r\n .wc-cta-title {\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .wc-cta-text {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n font-size: 1.1rem;\r\n }\r\n \r\n .wc-cta-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin-top: 30px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .wc-cta-btn {\r\n display: inline-block;\r\n padding: 14px 32px;\r\n border-radius: 30px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .wc-cta-btn.primary {\r\n background: white;\r\n color: #38a169;\r\n }\r\n \r\n .wc-cta-btn.secondary {\r\n background: transparent;\r\n color: white;\r\n border: 2px solid white;\r\n }\r\n \r\n .wc-cta-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n \/* Responsive Design *\/\r\n @media (max-width: 900px) {\r\n .wc-hero-title {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .wc-hero-subtitle {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .wc-stats {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .wc-features {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .wc-cta-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n }\r\n \r\n @media (max-width: 600px) {\r\n .wc-hero {\r\n padding: 20px;\r\n }\r\n \r\n .wc-hero-title {\r\n font-size: 2rem;\r\n }\r\n \r\n .wc-hero-subtitle {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .wc-stats {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .wc-section-title {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .wc-features {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section - Full Viewport -->\r\n <section class=\"wc-hero\">\r\n <div class=\"wc-hero-content\">\r\n <h1 class=\"wc-hero-title\">\u4e3a\u4ec0\u4e48\u9009\u62e9\u963f\u7279\u62c9\u65af\u96c4\u72ee\u4e4b\u65c5<\/h1>\r\n <p class=\"wc-hero-subtitle\">\u4e0e\u6700\u503c\u5f97\u4fe1\u8d56\u7684\u65c5\u6e38\u4e13\u5bb6\u4e00\u8d77\u4f53\u9a8c\u6469\u6d1b\u54e5\u7684\u96c4\u4f1f\u58ee\u89c2\uff0c\u9886\u7565\u58ee\u4e3d\u7684\u98ce\u666f\u548c\u6587\u5316\u5b9d\u85cf\uff0c\u4f53\u9a8c\u96be\u5fd8\u7684\u65c5\u7a0b\u3002<\/p>\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/tours\/\" class=\"wc-hero-btn\">\u4e86\u89e3\u6211\u4eec\u7684\u65c5\u6e38\u7ebf\u8def<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"wc-container\">\r\n <!-- Stats Section -->\r\n <div class=\"wc-stats\">\r\n <div class=\"wc-stat\">\r\n <div class=\"wc-stat-icon blue\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"wc-stat-number\">15,000+<\/div>\r\n <div class=\"wc-stat-text\">\u6ee1\u610f\u7684\u65c5\u5ba2<\/div>\r\n <\/div>\r\n \r\n <div class=\"wc-stat\">\r\n <div class=\"wc-stat-icon red\">\r\n <i class=\"fas fa-calendar-alt\"><\/i>\r\n <\/div>\r\n <div class=\"wc-stat-number\">12+<\/div>\r\n <div class=\"wc-stat-text\">\u5de5\u4f5c\u5e74\u9650<\/div>\r\n <\/div>\r\n \r\n <div class=\"wc-stat\">\r\n <div class=\"wc-stat-icon green\">\r\n <i class=\"fas fa-thumbs-up\"><\/i>\r\n <\/div>\r\n <div class=\"wc-stat-number\">99%<\/div>\r\n <div class=\"wc-stat-text\">\u6b63\u9762\u8bc4\u4ef7<\/div>\r\n <\/div>\r\n \r\n <div class=\"wc-stat\">\r\n <div class=\"wc-stat-icon blue\">\r\n <i class=\"fas fa-route\"><\/i>\r\n <\/div>\r\n <div class=\"wc-stat-number\">50+<\/div>\r\n <div class=\"wc-stat-text\">\u72ec\u7279\u4e4b\u65c5<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Features Section -->\r\n <section id=\"features\">\r\n <div class=\"wc-section-header\">\r\n <h2 class=\"wc-section-title\">\u6211\u4eec\u7684\u72ec\u5bb6\u4f18\u52bf<\/h2>\r\n <p class=\"wc-section-subtitle\">\u6211\u4eec\u81f4\u529b\u4e8e\u63d0\u4f9b\u5353\u8d8a\u7684\u6469\u6d1b\u54e5\u63a2\u9669\u4e4b\u65c5\uff0c\u6ce8\u91cd\u771f\u5b9e\u3001\u8212\u9002\u548c\u96be\u5fd8\u7684\u4f53\u9a8c\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"wc-features\">\r\n <!-- Feature 1 -->\r\n <div class=\"wc-feature\">\r\n <div class=\"wc-feature-image\">\r\n <img decoding=\"async\" src=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/6-1.png\" alt=\"Expert Guides\">\r\n <\/div>\r\n <div class=\"wc-feature-icon blue\">\r\n <i class=\"fas fa-user-tie\"><\/i>\r\n <\/div>\r\n <div class=\"wc-feature-content\">\r\n <h3 class=\"wc-feature-title\">\u5f53\u5730\u4e13\u5bb6\u5bfc\u6e38<\/h3>\r\n <p class=\"wc-feature-desc\">\u6211\u4eec\u7684\u6469\u6d1b\u54e5\u7c4d\u5bfc\u6e38\u5bf9\u6469\u6d1b\u54e5\u4e86\u5982\u6307\u638c\uff0c\u53ef\u786e\u4fdd\u60a8\u7684\u5b89\u5168\uff0c\u5e76\u6700\u5927\u9650\u5ea6\u5730\u4eab\u53d7\u6bcf\u4e00\u6b21\u63a2\u9669\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Feature 2 -->\r\n <div class=\"wc-feature\">\r\n <div class=\"wc-feature-image\">\r\n <img decoding=\"async\" src=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/96.jpg\" alt=\"Luxury Camps\">\r\n <\/div>\r\n <div class=\"wc-feature-icon red\">\r\n <i class=\"fas fa-concierge-bell\"><\/i>\r\n <\/div>\r\n <div class=\"wc-feature-content\">\r\n <h3 class=\"wc-feature-title\">\u8c6a\u534e\u6c99\u6f20\u8425\u5730<\/h3>\r\n <p class=\"wc-feature-desc\">\u6211\u4eec\u7684\u9ad8\u7ea7\u8c6a\u534e\u8425\u5730\u62e5\u6709\u73b0\u4ee3\u5316\u7684\u8bbe\u65bd\u548c\u4f20\u7edf\u7684\u9b45\u529b\uff0c\u8ba9\u60a8\u4f53\u9a8c\u8212\u9002\u7684\u6492\u54c8\u62c9\u4e4b\u65c5\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Feature 3 -->\r\n <div class=\"wc-feature\">\r\n <div class=\"wc-feature-image\">\r\n <img decoding=\"async\" src=\"https:\/\/atlasliontour.com\/wp-content\/uploads\/2025\/09\/when-the-light-talks.jpg\" alt=\"Authentic Experiences\">\r\n <\/div>\r\n <div class=\"wc-feature-icon green\">\r\n <i class=\"fas fa-map-marked-alt\"><\/i>\r\n <\/div>\r\n <div class=\"wc-feature-content\">\r\n <h3 class=\"wc-feature-title\">\u771f\u5b9e\u4f53\u9a8c<\/h3>\r\n <p class=\"wc-feature-desc\">\u83b7\u5f97\u771f\u6b63\u7684\u6587\u5316\u4f53\u9a8c\uff0c\u9886\u7565\u6469\u6d1b\u54e5\u7684\u58ee\u89c2\u666f\u8272\uff0c\u8fd9\u4e9b\u90fd\u662f\u5927\u4f17\u65c5\u6e38\u65e0\u6cd5\u4f01\u53ca\u7684\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section class=\"wc-cta\">\r\n <h2 class=\"wc-cta-title\">\u51c6\u5907\u597d\u5f00\u59cb\u6469\u6d1b\u54e5\u63a2\u9669\u4e86\u5417\uff1f<\/h2>\r\n <p class=\"wc-cta-text\">\u963f\u7279\u62c9\u65af\u96c4\u72ee\u4e4b\u65c5\uff08Atlas Lion Tour\uff09\u8ba9\u6570\u4ee5\u5343\u8ba1\u7684\u6e38\u5ba2\u4f53\u9a8c\u5230\u4e86\u6469\u6d1b\u54e5\u7684\u795e\u5947\u9b45\u529b\uff0c\u60a8\u4e5f\u53ef\u4ee5\u52a0\u5165\u4ed6\u4eec\u7684\u884c\u5217\u3002<\/p>\r\n <div class=\"wc-cta-buttons\">\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/tours\/\" class=\"wc-cta-btn primary\">\u63a2\u7d22\u6211\u4eec\u7684\u65c5\u6e38\u7ebf\u8def<\/a>\r\n <a href=\"https:\/\/atlasliontour.com\/zh\/contact\/\" class=\"wc-cta-btn secondary\">\u8054\u7cfb\u6211\u4eec<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Atlas Lion Tour – Discover Morocco Discover Morocco’s Magic & Beauty … <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1801","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/pages\/1801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/comments?post=1801"}],"version-history":[{"count":73,"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/pages\/1801\/revisions"}],"predecessor-version":[{"id":2050,"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/pages\/1801\/revisions\/2050"}],"wp:attachment":[{"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/media?parent=1801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}