{"id":1976,"date":"2025-09-02T01:58:08","date_gmt":"2025-09-02T01:58:08","guid":{"rendered":"https:\/\/atlasliontour.com\/?page_id=1976"},"modified":"2025-09-02T02:00:21","modified_gmt":"2025-09-02T02:00:21","slug":"about","status":"publish","type":"page","link":"https:\/\/atlasliontour.com\/zh\/about\/","title":{"rendered":"\u5173\u4e8e"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1976\" class=\"elementor elementor-1976\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e66de49 e-flex e-con-boxed e-con e-parent\" data-id=\"e66de49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58e3113 elementor-widget elementor-widget-spacer\" data-id=\"58e3113\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-be8f808 e-flex e-con-boxed e-con e-parent\" data-id=\"be8f808\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96ab4b6 elementor-widget elementor-widget-html\" data-id=\"96ab4b6\" 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 - 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-165933e e-con-full e-flex e-con e-parent\" data-id=\"165933e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4285564 elementor-widget elementor-widget-html\" data-id=\"4285564\" 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 &#8211; Discover Morocco Discover Morocco&#8217;s Magic &#038; Beauty &#8230; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1976","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/pages\/1976","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=1976"}],"version-history":[{"count":7,"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/pages\/1976\/revisions"}],"predecessor-version":[{"id":1983,"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/pages\/1976\/revisions\/1983"}],"wp:attachment":[{"href":"https:\/\/atlasliontour.com\/zh\/wp-json\/wp\/v2\/media?parent=1976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}