{"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\/ty\/","title":{"rendered":"Home"},"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\">Discover <span class=\"blue\">Morocco<\/span>'s <span class=\"red\">Magic<\/span> & <span class=\"green\">Beauty<\/span><\/h2>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"content-section\">\r\n <p class=\"subtitle\">About Atlas Lion Tour<\/p>\r\n <h3 class=\"heading\">Experience the Wonder of Morocco<\/h3>\r\n <p class=\"description\">\r\n Atlas Lion Tour offers unforgettable journeys through Morocco's diverse landscapes. From the Atlas Mountains to the Sahara Desert, we create personalized experiences that capture the essence of Moroccan culture, history, and natural beauty.\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>Expert Guides<\/h4>\r\n <p>Local experts with deep knowledge of Moroccan culture<\/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>Safe Travel<\/h4>\r\n <p>Your safety and comfort are our top priorities<\/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>Photo Opportunities<\/h4>\r\n <p>Visit the most photogenic locations in Morocco<\/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>Authentic Experiences<\/h4>\r\n <p>Connect with local communities and traditions<\/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\">Years Experience<\/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\">Happy Travelers<\/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\">Tours<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/atlasliontour.com\/ty\/tours\/\" class=\"cta-button\">Explore Our Tours<\/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>Atlas Lion Tour Packages<\/h2>\r\n <p>Discover the magic of Morocco with our carefully crafted tour experiences<\/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\">Complete<\/div>\r\n <div class=\"alt-duration alt-duration-color1\"><i class=\"fas fa-calendar-day\"><\/i> <span itemprop=\"duration\">10 Days<\/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\">10-Day Complete Morocco Tour from Casablanca<\/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\">Casablanca & Beyond<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Comprehensive<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Cultural<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Desert<\/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\/ty\/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>Book Now<\/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\">Premium<\/div>\r\n <div class=\"alt-duration alt-duration-color2\"><i class=\"fas fa-calendar-day\"><\/i> <span itemprop=\"duration\">13 Days<\/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\">13-Day Grand Tour of Morocco from Casablanca<\/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\">All of Morocco<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Comprehensive<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Luxury<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Cultural<\/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\/ty\/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>Book Now<\/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\">Adventure<\/div>\r\n <div class=\"alt-duration alt-duration-color3\"><i class=\"fas fa-calendar-day\"><\/i> <span itemprop=\"duration\">8 Days<\/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\">8-Day Morocco Tour from Casablanca<\/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\">Morocco Highlights<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Adventure<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Desert<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Cities<\/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\/ty\/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>Book Now<\/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\">Discover Morocco with Atlas Lion Tour<\/p>\r\n <h2 class=\"alt-heading\">Premium <span class=\"alt-blue\">Tours<\/span> & <span class=\"alt-green\">Activities<\/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>Complete Tour<\/span>\r\n <\/div>\r\n <h3 class=\"alt-banner-title\">10-Day Complete Morocco Tour<\/h3>\r\n <p class=\"alt-banner-desc\">\r\n Experience the best of Morocco in 10 days. From Casablanca to the Sahara Desert, imperial cities, \r\n and authentic cultural experiences with knowledgeable local guides.\r\n <\/p>\r\n <a href=\"https:\/\/atlasliontour.com\/ty\/10-day-complete-morocco-tour-from-casablanca\/\" class=\"alt-banner-btn\">\r\n View Tour <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>Camel<\/span>\r\n <\/div>\r\n <h3 class=\"alt-banner-title\">Camel Ride<\/h3>\r\n <p class=\"alt-banner-desc\">\r\n The ultimate Morocco experience. Explore imperial cities, Sahara desert, Atlas Mountains, \r\n and coastal towns in this comprehensive 13-day journey.\r\n <\/p>\r\n <a href=\"https:\/\/atlasliontour.com\/ty\/13-day-grand-tour-of-morocco-from-casablanca\/\" class=\"alt-banner-btn\">\r\n Explore Tour <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>Adventure Tour<\/span>\r\n <\/div>\r\n <h3 class=\"alt-banner-title\">8-Day Morocco Tour<\/h3>\r\n <p class=\"alt-banner-desc\">\r\n Perfect for those with limited time. This 8-day tour covers the highlights of Morocco including \r\n Marrakech, Sahara desert, and Atlas Mountains.\r\n <\/p>\r\n <a href=\"https:\/\/atlasliontour.com\/ty\/8-day-morocco-tour-from-casablanca\/\" class=\"alt-banner-btn\">\r\n Discover Tour <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>Atlas Lion Tour Activities<\/h2>\r\n <p>Experience the thrill of Morocco with our exciting adventure activities<\/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\">Desert<\/div>\r\n <div class=\"alt-duration alt-duration-color1\"><i class=\"fas fa-clock\"><\/i> <span itemprop=\"duration\">3-4 Hours<\/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\">Berber-Style Camel Safari<\/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\">Sahara Desert<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Traditional<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Sunset<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Cultural<\/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\/ty\/berber-style-camel-safari\/\" class=\"alt-btn alt-btn-color1\" itemprop=\"url\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>Book Now<\/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\">Adventure<\/div>\r\n <div class=\"alt-duration alt-duration-color2\"><i class=\"fas fa-clock\"><\/i> <span itemprop=\"duration\">2-3 Hours<\/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\">Desert Quad Expedition<\/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\">Desert Areas<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Thrilling<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Adventure<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Fun<\/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\/ty\/desert-quad-expedition\/\" class=\"alt-btn alt-btn-color2\" itemprop=\"url\">\r\n <i class=\"far fa-calendar-check\"><\/i>\r\n <span>Book Now<\/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\">Scenic<\/div>\r\n <div class=\"alt-duration alt-duration-color3\"><i class=\"fas fa-clock\"><\/i> <span itemprop=\"duration\">3-4 Hours<\/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\">Atlas Mountains Sunrise Balloon Flight<\/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\">Atlas Mountains<\/span><\/span>\r\n <\/div>\r\n <div class=\"alt-tags\">\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Scenic<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Sunrise<\/div>\r\n <div class=\"alt-tag\" itemprop=\"keywords\">Unique<\/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\/ty\/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>Book Now<\/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\">Why Choose Atlas Lion Tour<\/h1>\r\n <p class=\"wc-hero-subtitle\">Experience the majesty of Morocco with the most trusted tour specialists, offering unforgettable journeys through majestic landscapes and cultural treasures.<\/p>\r\n <a href=\"https:\/\/atlasliontour.com\/ty\/tours\/\" class=\"wc-hero-btn\">Discover Our Tours<\/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\">Satisfied Travelers<\/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\">Years Experience<\/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\">Positive Reviews<\/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\">Unique Tours<\/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\">Our Exclusive Advantages<\/h2>\r\n <p class=\"wc-section-subtitle\">We are committed to providing exceptional Moroccan adventures with a focus on authenticity, comfort, and memorable experiences.<\/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\">Expert Local Guides<\/h3>\r\n <p class=\"wc-feature-desc\">Our Morocco-born guides know the country intimately, ensuring your safety and maximum enjoyment on every adventure.<\/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\">Luxury Desert Camps<\/h3>\r\n <p class=\"wc-feature-desc\">Experience the Sahara in comfort with our premium luxury camps featuring modern amenities and traditional charm.<\/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\">Authentic Experiences<\/h3>\r\n <p class=\"wc-feature-desc\">Access to genuine cultural experiences and spectacular locations in Morocco that mass tourism doesn't reach.<\/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\">Ready for Your Moroccan Adventure?<\/h2>\r\n <p class=\"wc-cta-text\">Join thousands of satisfied travelers who have experienced the magic of Morocco with Atlas Lion Tour.<\/p>\r\n <div class=\"wc-cta-buttons\">\r\n <a href=\"https:\/\/atlasliontour.com\/ty\/tours\/\" class=\"wc-cta-btn primary\">Explore Our Tours<\/a>\r\n <a href=\"https:\/\/atlasliontour.com\/ty\/contact\/\" class=\"wc-cta-btn secondary\">Contact Us<\/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\/ty\/wp-json\/wp\/v2\/pages\/1801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atlasliontour.com\/ty\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atlasliontour.com\/ty\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atlasliontour.com\/ty\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atlasliontour.com\/ty\/wp-json\/wp\/v2\/comments?post=1801"}],"version-history":[{"count":73,"href":"https:\/\/atlasliontour.com\/ty\/wp-json\/wp\/v2\/pages\/1801\/revisions"}],"predecessor-version":[{"id":2050,"href":"https:\/\/atlasliontour.com\/ty\/wp-json\/wp\/v2\/pages\/1801\/revisions\/2050"}],"wp:attachment":[{"href":"https:\/\/atlasliontour.com\/ty\/wp-json\/wp\/v2\/media?parent=1801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}