{"id":18174,"date":"2024-12-09T20:51:39","date_gmt":"2024-12-09T16:51:39","guid":{"rendered":"https:\/\/dubaisafari.ae\/al-wadi\/"},"modified":"2026-08-24T14:06:28","modified_gmt":"2026-08-24T10:06:28","slug":"adventure-valley","status":"publish","type":"page","link":"https:\/\/dubaisafari.ae\/ar\/adventure-valley\/","title":{"rendered":"\u0627\u0644\u0648\u0627\u062f\u064a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18174\" class=\"elementor elementor-18174 elementor-18002\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abb58e6 e-con-full e-flex e-con e-parent\" data-id=\"abb58e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c655d46 elementor-widget__width-inherit elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"c655d46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ar\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n    <title>\u0627\u0644\u0648\u0627\u062f\u064a | \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643<\/title>\n\n    <!-- Fonts & Icons -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\" \/>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" \/>\n    <link rel=\"stylesheet\" href=\"https:\/\/dubaisafari.ae\/wp-content\/plugins\/elementor\/assets\/lib\/swiper\/v8\/css\/swiper.min.css\" \/>\n\n    <style>\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 BRAND VARIABLES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        :root {\n            --dsp-orange: #FAA61A;\n            --dsp-orange-hover: #e09500;\n            --dsp-green: #2b5d32;\n            --dsp-green-dark: #2d4642;\n            --dsp-light-bg: #fcfaf5;\n            --dsp-text: #585858;\n            --dsp-heading: #1a1a1a;\n            --font-main: 'Tajawal', 'Inter', 'Gotham', 'Helvetica Neue', sans-serif;\n            --font-title: 'Tajawal', 'Inter', 'Gotham', sans-serif;\n            --font-primary: 'Tajawal', 'Inter', 'Gotham', sans-serif;\n            --radius: 24px;\n            --shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .ds-page-wrapper {\n            font-family: var(--font-main);\n            color: var(--dsp-text);\n            line-height: 1.8;\n            background-color: #ffffff;\n            overflow-x: hidden;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            width: 100%;\n            direction: rtl;\n            text-align: right;\n        }\n\n        .ds-container {\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 24px;\n            width: 100%;\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            background: var(--dsp-orange);\n            color: white !important;\n            padding: 14px 28px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 700;\n            transition: 0.3s;\n            border: none;\n            font-size: 1rem;\n            cursor: pointer;\n            font-family: var(--font-main);\n        }\n        .btn:hover {\n            background: var(--dsp-orange-hover);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(250, 166, 26, 0.3);\n        }\n        .btn-outline-light {\n            background: transparent;\n            border: 2px solid rgba(255, 255, 255, 0.4);\n            color: white !important;\n            box-shadow: none;\n        }\n        .btn-outline-light:hover {\n            background: white;\n            color: var(--dsp-green) !important;\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SECTION HEADERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .section-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        .section-header h2 {\n            font-family: var(--font-title);\n            font-size: 2.8rem;\n            color: var(--dsp-green);\n            margin-bottom: 15px;\n            font-weight: 900;\n            position: relative;\n            display: inline-block;\n        }\n        .section-header h2::after {\n            content: '';\n            display: block;\n            width: 60px;\n            height: 4px;\n            background: var(--dsp-orange);\n            margin: 12px auto 0;\n            border-radius: 2px;\n        }\n        .section-header p {\n            max-width: 800px;\n            margin: 20px auto 0;\n            font-size: 1.05rem;\n            color: var(--dsp-text);\n        }\n        .section-header .highlight {\n            color: var(--dsp-orange);\n        }\n\n        .section-pad {\n            padding: 80px 0;\n        }\n        .section-pad--sm {\n            padding: 50px 0;\n        }\n        .bg-light {\n            background: var(--dsp-light-bg);\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .hero-banner {\n            position: relative;\n            background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.15)),\n                url('https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/01\/al-wadi_-Dubai-safari-park-arabian-desert.webp') center\/cover no-repeat;\n            height: 70vh;\n            min-height: 500px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            color: white;\n            border-radius: 0 0 40px 40px;\n            margin-bottom: 60px;\n            overflow: hidden;\n        }\n        .hero-banner::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 120px;\n            background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.2));\n            pointer-events: none;\n        }\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            animation: heroFadeUp 1s ease forwards;\n            padding: 0 20px;\n            max-width: 800px;\n        }\n        @keyframes heroFadeUp {\n            0% { opacity: 0; transform: translateY(40px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n        .hero-badge {\n            display: inline-block;\n            background: var(--dsp-orange);\n            color: white;\n            padding: 6px 24px;\n            border-radius: 30px;\n            font-weight: 700;\n            font-size: 0.85rem;\n            letter-spacing: 2px;\n            margin-bottom: 20px;\n            box-shadow: 0 4px 15px rgba(250, 166, 26, 0.3);\n            font-family: var(--font-main);\n        }\n        .hero-content h1 {\n            font-family: var(--font-title);\n            font-size: 4.5rem;\n            font-weight: 900;\n            margin-bottom: 15px;\n            letter-spacing: 1px;\n            text-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);\n            color: white;\n        }\n        .hero-content p {\n            font-size: 1.2rem;\n            max-width: 700px;\n            margin: 0 auto 30px;\n            font-weight: 500;\n            opacity: 0.95;\n            text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n            color: rgba(255, 255, 255, 0.9);\n        }\n        .hero-ctas {\n            display: flex;\n            justify-content: center;\n            gap: 16px;\n            flex-wrap: wrap;\n        }\n        .scroll-indicator {\n            position: absolute;\n            bottom: 40px;\n            left: 50%;\n            transform: translateX(-50%);\n            text-align: center;\n            color: white;\n            opacity: 0.7;\n            z-index: 3;\n            animation: bounceScroll 2s infinite;\n            cursor: pointer;\n        }\n        .scroll-indicator span {\n            display: block;\n            font-size: 0.8rem;\n            font-weight: 600;\n            letter-spacing: 1px;\n            margin-bottom: 6px;\n            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n        }\n        .scroll-indicator i {\n            font-size: 1.4rem;\n            display: block;\n        }\n        @keyframes bounceScroll {\n            0%, 100% { transform: translateX(-50%) translateY(0); }\n            50% { transform: translateX(-50%) translateY(10px); }\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 INTRO TEXT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .intro-text-section p {\n            font-size: 1.1rem;\n            line-height: 1.8;\n            color: var(--dsp-text);\n            max-width: 900px;\n            margin: 0 auto 20px;\n            font-family: var(--font-primary);\n        }\n        .intro-text-section p:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 FEATURE SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .feature-slider-wrapper {\n            position: relative;\n            padding: 0 10px;\n        }\n        .feature-swiper .swiper-wrapper {\n            align-items: stretch;\n        }\n        .feature-swiper .swiper-slide {\n            height: auto;\n            display: flex;\n        }\n        .feature-card {\n            background: white;\n            border-radius: var(--radius);\n            padding: 35px 20px;\n            text-align: center;\n            box-shadow: var(--shadow);\n            border: 1px solid #f0f0f0;\n            transition: var(--transition);\n            height: 100%;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n        .feature-card:hover {\n            transform: translateY(-6px);\n            border-color: var(--dsp-orange);\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n        }\n        .feature-card .icon {\n            width: 65px;\n            height: 65px;\n            background: rgba(250, 166, 26, 0.1);\n            color: var(--dsp-orange);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 28px;\n            margin-bottom: 20px;\n        }\n        .feature-card h3 {\n            font-family: var(--font-title);\n            font-size: 1.6rem;\n            color: var(--dsp-green);\n            margin-bottom: 8px;\n            font-weight: 900;\n        }\n        .feature-card p {\n            font-size: 0.95rem;\n            color: var(--dsp-text);\n            margin: 0;\n            font-family: var(--font-primary);\n            max-width: 250px;\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SWIPER NAV (matches English exactly) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .ds-swiper-btn {\n            position: static !important;\n            width: 50px !important;\n            height: 50px !important;\n            background: var(--dsp-orange);\n            border-radius: 50%;\n            color: white !important;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 !important;\n            transition: 0.3s ease;\n            box-shadow: 0 4px 10px rgba(250, 166, 26, 0.3);\n            cursor: pointer;\n            border: none;\n        }\n        .ds-swiper-btn::after {\n            font-size: 1.2rem !important;\n            font-weight: bold;\n        }\n        .ds-swiper-btn:hover {\n            background: var(--dsp-orange-hover);\n            transform: scale(1.05);\n        }\n        .ds-swiper-btn.swiper-button-disabled {\n            opacity: 0.5;\n            background: #ccc;\n            box-shadow: none;\n            cursor: not-allowed;\n        }\n\n        .ds-nav-wrapper {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 30px;\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 SPOTLIGHT \/ HIGHLIGHT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .spotlight-section {\n            background: var(--dsp-light-bg);\n            padding: 60px 0;\n            border-radius: 32px;\n            margin: 40px 0 80px;\n        }\n        .spotlight-card {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 30px;\n            background: white;\n            padding: 35px 40px;\n            border-radius: var(--radius);\n            border: 2px solid var(--dsp-orange);\n            box-shadow: 0 8px 25px rgba(250, 166, 26, 0.15);\n            max-width: 900px;\n            margin: 0 auto;\n            text-align: right;\n        }\n        .spotlight-card .icon {\n            font-size: 3rem;\n            color: var(--dsp-orange);\n            flex-shrink: 0;\n        }\n        .spotlight-card .content h4 {\n            font-family: var(--font-title);\n            font-size: 1.8rem;\n            color: var(--dsp-green);\n            margin-bottom: 6px;\n            font-weight: 900;\n        }\n        .spotlight-card .content p {\n            font-size: 1rem;\n            color: var(--dsp-text);\n            margin: 0;\n            font-family: var(--font-primary);\n        }\n        @media (max-width: 768px) {\n            .spotlight-card {\n                flex-direction: column;\n                text-align: center;\n                padding: 25px 20px;\n                margin: 0 20px;\n            }\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 ANIMAL GRID (for 2 cards) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .animal-grid-section {\n            max-width: 1000px;\n            margin: 60px auto;\n            padding: 0 20px;\n            direction: rtl;\n        }\n        .animal-grid {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n        }\n        .animal-card-wrapper {\n            flex: 0 1 350px;\n            min-width: 300px;\n        }\n        .animal-card {\n            background: #fff;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n            border: 1px solid #f0f0f0;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        .animal-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n        }\n        .animal-img-container {\n            position: relative;\n            height: 220px;\n            flex-shrink: 0;\n            overflow: hidden;\n        }\n        .animal-img-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n        .animal-card:hover .animal-img-container img {\n            transform: scale(1.05);\n        }\n        .location-badge {\n            position: absolute;\n            bottom: 10px;\n            left: 10px;\n            right: auto;\n            background-color: rgba(255, 255, 255, 0.95);\n            color: #2d4642;\n            padding: 6px 14px;\n            border-radius: 50px;\n            font-size: 11px;\n            font-weight: 700;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n            z-index: 2;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            font-family: var(--font-primary);\n        }\n        .location-badge i {\n            color: #FAA61A;\n        }\n        .animal-content-wrap {\n            padding: 22px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n            text-align: center;\n            justify-content: center;\n        }\n        .animal-compact-title {\n            font-size: 18px;\n            font-weight: 700;\n            color: #2d4642;\n            margin: 0 0 8px 0;\n            line-height: 1.3;\n        }\n        .animal-compact-desc {\n            font-size: 13px;\n            color: #666;\n            line-height: 1.6;\n            margin: 0;\n        }\n        @media (max-width: 768px) {\n            .animal-card-wrapper {\n                flex: 1 1 100%;\n            }\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 EXPLORE OTHER ZONES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .ds-zones-minimal {\n            background: var(--dsp-light-bg);\n            padding: 60px 0;\n            border-radius: 32px;\n            margin: 40px 0 80px;\n        }\n        .ds-zones-wrapper {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }\n        .ds-zone-pill {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background: white;\n            border: 1px solid #eaeaea;\n            border-radius: 12px;\n            padding: 20px 25px;\n            text-decoration: none;\n            color: var(--dsp-green-dark);\n            font-weight: 700;\n            font-size: 1rem;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);\n            transition: all 0.3s ease;\n            font-family: var(--font-primary);\n        }\n        .ds-zone-pill i {\n            color: #ccc;\n            font-size: 14px;\n            transition: all 0.3s ease;\n            transform: translateX(0);\n        }\n        .ds-zone-pill:hover {\n            border-color: var(--dsp-orange);\n            box-shadow: 0 8px 25px rgba(250, 166, 26, 0.1);\n            transform: translateY(-3px);\n            color: var(--dsp-orange);\n        }\n        .ds-zone-pill:hover i {\n            color: var(--dsp-orange);\n            transform: translateX(-5px);\n        }\n        .ds-zone-pill.current-zone {\n            background: transparent;\n            border: 1px dashed #d0d0d0;\n            color: #999;\n            pointer-events: none;\n            box-shadow: none;\n        }\n        .ds-zone-pill.current-zone i {\n            display: none;\n        }\n        .ds-zone-pill.current-zone span {\n            font-size: 0.7rem;\n            font-weight: normal;\n            color: var(--dsp-orange);\n            background: rgba(250, 166, 26, 0.1);\n            padding: 4px 10px;\n            border-radius: 50px;\n        }\n        @media (max-width: 992px) {\n            .ds-zones-wrapper {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        @media (max-width: 768px) {\n            .ds-zones-wrapper {\n                display: flex;\n                overflow-x: auto;\n                scroll-snap-type: x mandatory;\n                gap: 15px;\n                padding: 10px 4px 25px 4px;\n                scrollbar-width: none;\n            }\n            .ds-zones-wrapper::-webkit-scrollbar {\n                display: none;\n            }\n            .ds-zone-pill {\n                flex: 0 0 75%;\n                scroll-snap-align: center;\n                padding: 18px 20px;\n                font-size: 0.95rem;\n            }\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 CTA SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .cta-section {\n            background: linear-gradient(135deg, var(--dsp-green), var(--dsp-green-dark));\n            padding: 60px 40px;\n            border-radius: 32px;\n            text-align: center;\n            color: white;\n            margin: 40px 0 80px;\n        }\n        .cta-section h2 {\n            font-family: var(--font-title);\n            font-size: 2.5rem;\n            color: white;\n            margin-bottom: 14px;\n            letter-spacing: 1px;\n        }\n        .cta-section p {\n            font-size: 1.05rem;\n            opacity: 0.9;\n            margin-bottom: 28px;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n            font-family: var(--font-primary);\n        }\n        .cta-section .btn {\n            background: var(--dsp-orange);\n            color: white;\n            box-shadow: 0 4px 15px rgba(250, 166, 26, 0.3);\n        }\n        .cta-section .btn:hover {\n            background: var(--dsp-orange-hover);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(250, 166, 26, 0.4);\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 BACK TO TOP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .back-to-top {\n            position: fixed;\n            bottom: 30px;\n            left: 30px;\n            right: auto;\n            background: var(--dsp-orange);\n            color: white;\n            width: 48px;\n            height: 48px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            opacity: 0;\n            visibility: hidden;\n            transition: var(--transition);\n            box-shadow: var(--shadow);\n            z-index: 100;\n            border: none;\n            cursor: pointer;\n            font-size: 1.2rem;\n        }\n        .back-to-top.show {\n            opacity: 1;\n            visibility: visible;\n        }\n        .back-to-top:hover {\n            background: var(--dsp-orange-hover);\n            transform: translateY(-3px);\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        @media (max-width: 1024px) {\n            .hero-content h1 {\n                font-size: 3.5rem;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .hero-banner {\n                height: 60vh;\n                min-height: 400px;\n            }\n            .hero-content h1 {\n                font-size: 2.8rem;\n            }\n            .hero-content p {\n                font-size: 1rem;\n            }\n            .section-header h2 {\n                font-size: 2rem;\n            }\n            .section-pad {\n                padding: 50px 0;\n            }\n            .cta-section {\n                padding: 30px 20px;\n            }\n            .cta-section h2 {\n                font-size: 1.6rem;\n            }\n            .back-to-top {\n                bottom: 20px;\n                left: 20px;\n                right: auto;\n                width: 42px;\n                height: 42px;\n                font-size: 1rem;\n            }\n            .scroll-indicator {\n                display: none;\n            }\n            .spotlight-section {\n                padding: 40px 0;\n                margin: 20px 0 40px;\n            }\n            .ds-zones-minimal {\n                padding: 40px 0;\n                margin: 20px 0 40px;\n            }\n            .swiper {\n                padding-bottom: 20px !important;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hero-banner {\n                height: 50vh;\n                min-height: 350px;\n            }\n            .hero-content h1 {\n                font-size: 2.2rem;\n            }\n            .section-header h2 {\n                font-size: 1.6rem;\n            }\n            .feature-card h3 {\n                font-size: 1.3rem;\n            }\n            .ds-zone-pill {\n                flex: 0 0 85%;\n            }\n            .ds-swiper-btn {\n                width: 40px !important;\n                height: 40px !important;\n            }\n        }\n\n        \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 RTL SPECIFIC ADJUSTMENTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        [dir=\"rtl\"] .ds-zone-pill i {\n            transform: rotate(180deg);\n        }\n        [dir=\"rtl\"] .ds-zone-pill:hover i {\n            transform: rotate(180deg) translateX(-5px);\n        }\n        [dir=\"rtl\"] .ds-zone-pill.current-zone i {\n            display: none;\n        }\n        [dir=\"rtl\"] .location-badge {\n            left: auto;\n            right: 10px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"ds-page-wrapper\" dir=\"rtl\">\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO BANNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"hero-banner\">\n            <div class=\"hero-content\">\n                <span class=\"hero-badge\"><i class=\"fas fa-map-pin\"><\/i> \u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641<\/span>\n                <h1>\u0627\u0644\u0648\u0627\u062f\u064a<\/h1>\n                <p>\u0627\u0633\u062a\u0639\u062f\u0648\u0627 \u0644\u0644\u0627\u0633\u062a\u0631\u062e\u0627\u0621 \u0639\u0646\u062f \u0627\u0644\u0648\u0627\u062f\u064a\u060c \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0647\u0627\u062f\u0626 \u0644\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643. \u0633\u062a\u0633\u064a\u0631\u0648\u0646 \u0639\u0644\u0649 \u0636\u0641\u0627\u0641 \u0645\u064a\u0627\u0647\u0647 \u0627\u0644\u0647\u0627\u062f\u0626\u0629\u060c \u0645\u062d\u0627\u0637\u064a\u0646 \u0628\u0627\u0644\u0645\u0646\u0627\u0638\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0627\u0644\u062e\u0644\u0627\u0628\u0629 \u0648\u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0627\u0644\u0633\u0627\u062d\u0631\u0629\u060c \u0644\u062a\u0633\u062a\u0645\u062a\u0639\u0648\u0627 \u0628\u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u0645\u063a\u0627\u0645\u0631\u0629 \u0641\u064a \u0622\u0646 \u0648\u0627\u062d\u062f.<\/p>\n                <div class=\"hero-ctas\">\n                    <a href=\"https:\/\/ticketingsales.dubaisafari.ae\/\" class=\"btn\">\u0627\u062d\u062c\u0632\u0648\u0627 \u062a\u0630\u0627\u0643\u0631\u0643\u0645<\/a>\n                    <a href=\"#discover\" class=\"btn btn-outline-light\">\u0627\u0643\u062a\u0634\u0641\u0648\u0627 \u0627\u0644\u0645\u0632\u064a\u062f<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"scroll-indicator\" onclick=\"document.getElementById('discover').scrollIntoView({behavior:'smooth'})\">\n                <span>\u062a\u0645\u0631\u064a\u0631 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641<\/span>\n                <i class=\"fas fa-chevron-down\"><\/i>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 INTRO TEXT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"section-pad--sm\" id=\"discover\">\n            <div class=\"ds-container intro-text-section\">\n                <p>\n                    \u0634\u0627\u0647\u062f\u0648\u0627 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u0647\u0634\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u064a\u0634 \u0639\u0644\u0649 \u0636\u0641\u0627\u0641 \u0627\u0644\u0646\u0647\u0631\u060c \u0648\u0627\u0633\u0633\u062a\u0645\u062a\u0639\u0648\u0627 \u0628\u062a\u062c\u0627\u0631\u0628 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062a\u0642\u0631\u0651\u0628\u0643\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u0637\u0628\u064a\u0639\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a\u0645 \u062a\u0644\u062a\u0642\u0637\u0648\u0646 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629\u060c \u0623\u0648 \u062a\u0642\u0636\u0648\u0646 \u0648\u0642\u062a\u0627\u064b \u0645\u0645\u062a\u0639\u0627\u064b \u0645\u0639 \u0627\u0644\u0639\u0627\u0626\u0644\u0629\u060c \u0623\u0648 \u062a\u0633\u062a\u0645\u062a\u0639\u0648\u0646 \u0628\u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u062c\u0645\u0627\u0644 \u0627\u0644\u0637\u0628\u064a\u0639\u064a.\n                <\/p>\n                <p>\n                    \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0635\u062f\u0642\u0627\u0621 \u0648\u0645\u062d\u0628\u064a \u0627\u0644\u0637\u0628\u064a\u0639\u0629\u060c \u0633\u064a\u062c\u0645\u0639 \u0646\u0647\u0631 \u0627\u0644\u0648\u0627\u062f\u064a \u0628\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0631\u062e\u0627\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\u060c \u0644\u064a\u0635\u0628\u062d \u0648\u0627\u062d\u062f\u0627\u064b \u0645\u0646 \u0623\u0628\u0631\u0632 \u0645\u0639\u0627\u0644\u0645 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 \u0627\u0644\u062a\u064a \u0644\u0627 \u062a\u0641\u0648\u062a\u0648\u0646 \u0632\u064a\u0627\u0631\u062a\u0647\u0627.\n                <\/p>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FEATURES SLIDER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"section-pad\" style=\"padding-top: 0;\">\n            <div class=\"ds-container\">\n                <div class=\"section-header\">\n                    <h2>\u0627\u0644\u0648\u0627\u062f\u064a \u0645\u0648\u0637\u0646 \u0644\u0640<\/h2>\n                    <p>\u0627\u0643\u062a\u0634\u0641\u0648\u0627 \u0627\u0644\u062a\u0646\u0648\u0639 \u0627\u0644\u0645\u0630\u0647\u0644 \u0644\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0627\u062f\u064a.<\/p>\n                <\/div>\n\n                <div class=\"feature-slider-wrapper\">\n                    <div class=\"swiper feature-swiper\" dir=\"rtl\">\n                        <div class=\"swiper-wrapper\">\n                            <div class=\"swiper-slide\">\n                                <div class=\"feature-card\">\n                                    <div class=\"icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\n                                    <h3>\u0645\u0646\u0641\u0630\u0627\u0646 \u0644\u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0637\u0639\u0627\u0645<\/h3>\n                                    <p>\u0627\u0633\u062a\u0645\u062a\u0639\u0648\u0627 \u0628\u0648\u062c\u0628\u0629 \u0634\u0647\u064a\u0629 \u0623\u0648 \u0645\u0634\u0631\u0648\u0628 \u0645\u0646\u0639\u0634 \u0623\u062b\u0646\u0627\u0621 \u062a\u0623\u0645\u0644\u0643\u0645 \u0644\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0647\u0627\u062f\u0626\u0629 \u0648\u0627\u0644\u0645\u062a\u062f\u0641\u0642\u0629 \u0641\u064a \u0627\u0644\u0648\u0627\u062f\u064a.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-slide\">\n                                <div class=\"feature-card\">\n                                    <div class=\"icon\"><i class=\"fas fa-feather\"><\/i><\/div>\n                                    <h3>\u062d\u064a\u0627\u0629 \u0628\u0631\u064a\u0629 \u0639\u0644\u0649 \u0636\u0641\u0627\u0641 \u0627\u0644\u0646\u0647\u0631<\/h3>\n                                    <p>\u062a\u0639\u0631\u0641\u0648\u0627 \u0639\u0644\u0649 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0637\u064a\u0648\u0631 \u0627\u0644\u0645\u0630\u0647\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u062e\u0630 \u0645\u0646 \u0636\u0641\u0627\u0641 \u0646\u0647\u0631 \u0627\u0644\u0648\u0627\u062f\u064a \u0627\u0644\u0647\u0627\u062f\u0626\u0629 \u0645\u0648\u0637\u0646\u0627\u064b \u0644\u0647\u0627.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-slide\">\n                                <div class=\"feature-card\">\n                                    <div class=\"icon\"><i class=\"fas fa-camera\"><\/i><\/div>\n                                    <h3>\u0625\u0637\u0644\u0627\u0644\u0627\u062a \u0628\u0627\u0646\u0648\u0631\u0627\u0645\u064a\u0629<\/h3>\n                                    <p>\u0627\u0644\u062a\u0642\u0637\u0648\u0627 \u0623\u062c\u0645\u0644 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629 \u0648\u0633\u0637 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u062e\u0636\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0631\u0642\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u0644\u0645 \u0627\u0644\u0645\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0630\u0647\u0644\u0629 \u0643\u062e\u0644\u0641\u064a\u0629 \u0631\u0627\u0626\u0639\u0629 \u0644\u0643\u0645.<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"swiper-slide\">\n                                <div class=\"feature-card\">\n                                    <div class=\"icon\"><i class=\"fas fa-leaf\"><\/i><\/div>\n                                    <h3>\u0627\u0633\u062a\u0631\u062e\u0627\u0621 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647<\/h3>\n                                    <p>\u062e\u0630\u0648\u0627 \u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0647\u0627\u062f\u0626\u0629 \u0645\u0646 \u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u0648\u062c\u0647\u0629 \u0648\u0627\u0646\u063a\u0645\u0633\u0648\u0627 \u0641\u064a \u0627\u0644\u062c\u0645\u0627\u0644 \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0627\u0644\u0622\u0633\u0631 \u0644\u0647\u0630\u0647 \u0627\u0644\u0648\u0627\u062d\u0629 \u0627\u0644\u062c\u0645\u064a\u0644\u0629.<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"swiper-pagination\"><\/div>\n                    <\/div>\n\n                    <!-- Navigation below slider \u2013 arrows match English exactly -->\n                    <div class=\"ds-nav-wrapper\">\n                        <div class=\"swiper-button-prev ds-swiper-btn feature-prev\"><\/div>\n                        <div class=\"swiper-button-next ds-swiper-btn feature-next\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SPOTLIGHT SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"spotlight-section\">\n            <div class=\"ds-container\">\n                <div class=\"section-header\" style=\"margin-bottom: 30px;\">\n                    <h2 style=\"font-size: 2.2rem;\">\u0642\u0644\u0628 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643<\/h2>\n                    <p>\u062a\u062c\u0627\u0631\u0628 \u062d\u0635\u0631\u064a\u0629 \u0644\u0627 \u062a\u062c\u062f\u0648\u0646\u0647\u0627 \u0625\u0644\u0627 \u0641\u064a \u0627\u0644\u0648\u0627\u062f\u064a.<\/p>\n                <\/div>\n                <div class=\"spotlight-card\">\n                    <div class=\"icon\"><i class=\"fas fa-coffee\"><\/i><\/div>\n                    <div class=\"content\">\n                        <h4>\u0645\u0644\u0627\u0630 \u0644\u0644\u0627\u0633\u062a\u0631\u062e\u0627\u0621<\/h4>\n                        <p>\u0628\u0639\u062f \u064a\u0648\u0645 \u0645\u0644\u064a\u0621 \u0628\u0627\u0644\u0645\u063a\u0627\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0644\u0642\u0627\u0621\u0627\u062a \u0645\u0639 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u064a\u0648\u0641\u0631 \u0627\u0644\u0648\u0627\u062f\u064a \u0627\u0644\u0645\u0644\u0627\u0630 \u0627\u0644\u0623\u0645\u062b\u0644. \u062a\u062c\u0648\u0644\u0648\u0627 \u0641\u064a \u0627\u0644\u0645\u0645\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0627\u0644\u062c\u0645\u064a\u0644\u0629\u060c \u0648\u0627\u0633\u062a\u0645\u0639\u0648\u0627 \u0625\u0644\u0649 \u0635\u0648\u062a \u0627\u0644\u0645\u0627\u0621 \u0627\u0644\u0645\u062a\u062f\u0641\u0642 \u0627\u0644\u0647\u0627\u062f\u0626\u060c \u0648\u0634\u0627\u0647\u062f\u0648\u0627 \u0627\u0644\u0637\u064a\u0648\u0631 \u0627\u0644\u0645\u0627\u0626\u064a\u0629 \u0627\u0644\u0623\u0646\u064a\u0642\u0629 \u0648\u0647\u064a \u062a\u0646\u0632\u0644\u0642 \u0639\u0644\u0649 \u0627\u0644\u0633\u0637\u062d. \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0635\u062f\u0642\u0627\u0621 \u0648\u0639\u0634\u0627\u0642 \u0627\u0644\u0637\u0628\u064a\u0639\u0629\u060c \u064a\u062c\u0645\u0639 \u0627\u0644\u0648\u0627\u062f\u064a \u0628\u0633\u0644\u0627\u0633\u0629 \u0628\u064a\u0646 \u0627\u0644\u0627\u0633\u062a\u0631\u062e\u0627\u0621 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ANIMAL GRID (2 CARDS) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"animal-grid-section\">\n            <div class=\"section-header\" style=\"margin-bottom: 40px;\">\n                <h2>\u062a\u0639\u0631\u0641\u0648\u0627 \u0639\u0644\u0649 \u0646\u062c\u0648\u0645\u0646\u0627<\/h2>\n                <p>\u0627\u0642\u062a\u0631\u0628\u0648\u0627 \u0645\u0646 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0630\u0647\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u064a\u0634 \u0641\u064a \u0627\u0644\u0648\u0627\u062f\u064a.<\/p>\n            <\/div>\n\n            <div class=\"animal-grid\">\n                <div class=\"animal-card-wrapper\">\n                    <div class=\"animal-card\">\n                        <div class=\"animal-img-container\">\n                            <img decoding=\"async\" src=\"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/02\/Great-White-Pelican.webp\" alt=\"\u0627\u0644\u0628\u062c\u0639 \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u0643\u0628\u064a\u0631\">\n                            <div class=\"location-badge\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u0648\u0627\u062f\u064a<\/div>\n                        <\/div>\n                        <div class=\"animal-content-wrap\">\n                            <h4 class=\"animal-compact-title\">\u0627\u0644\u0628\u062c\u0639 \u0627\u0644\u0623\u0628\u064a\u0636 \u0627\u0644\u0643\u0628\u064a\u0631<\/h4>\n                            <p class=\"animal-compact-desc\">\u0637\u064a\u0648\u0631 \u0645\u0627\u0626\u064a\u0629 \u0643\u0628\u064a\u0631\u0629 \u0648\u0623\u0646\u064a\u0642\u0629\u060c \u062a\u064f\u0634\u0627\u0647\u062f \u063a\u0627\u0644\u0628\u0627\u064b \u0648\u0647\u064a \u062a\u0646\u0632\u0644\u0642 \u0628\u0646\u0639\u0648\u0645\u0629 \u0648\u0627\u0646\u0633\u062c\u0627\u0645 \u0639\u0644\u0649 \u0633\u0637\u062d \u0645\u064a\u0627\u0647 \u0646\u0647\u0631 \u0627\u0644\u0648\u0627\u062f\u064a.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"animal-card-wrapper\">\n                    <div class=\"animal-card\">\n                        <div class=\"animal-img-container\">\n                            <img decoding=\"async\" src=\"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/02\/Black-Swan-dubai-safari-park.webp\" alt=\"\u0627\u0644\u0628\u062c\u0639 \u0627\u0644\u0623\u0633\u0648\u062f\">\n                            <div class=\"location-badge\"><i class=\"fas fa-map-marker-alt\"><\/i> \u0627\u0644\u0648\u0627\u062f\u064a<\/div>\n                        <\/div>\n                        <div class=\"animal-content-wrap\">\n                            <h4 class=\"animal-compact-title\">\u0627\u0644\u0628\u062c\u0639 \u0627\u0644\u0623\u0633\u0648\u062f<\/h4>\n                            <p class=\"animal-compact-desc\">\u0637\u064a\u0648\u0631 \u062c\u0645\u064a\u0644\u0629 \u0648\u0631\u0634\u064a\u0642\u0629 \u062a\u0636\u0641\u064a \u0644\u0645\u0633\u0629 \u0633\u0627\u062d\u0631\u0629 \u0645\u0646 \u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u0633\u0643\u064a\u0646\u0629 \u0639\u0644\u0649 \u0636\u0641\u0627\u0641 \u0627\u0644\u0646\u0647\u0631 \u0627\u0644\u062e\u0636\u0631\u0627\u0621 \u0627\u0644\u0645\u0648\u0631\u0642\u0629.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 EXPLORE OTHER ZONES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"ds-zones-minimal\">\n            <div class=\"ds-container\" style=\"max-width:1000px; margin:0 auto; padding:0 24px;\">\n                <div class=\"section-header\" style=\"margin-bottom: 30px;\">\n                    <h2 style=\"font-size: 2.2rem;\">\u0627\u0633\u062a\u0643\u0634\u0641\u0648\u0627 \u0645\u0646\u0627\u0637\u0642 \u0623\u062e\u0631\u0649<\/h2>\n                    <p>\u0631\u062d\u0644\u062a\u0643\u0645 \u0644\u0627 \u062a\u0646\u062a\u0647\u064a \u0647\u0646\u0627. \u0648\u0627\u0635\u0644\u0648\u0627 \u0645\u063a\u0627\u0645\u0631\u062a\u0643\u0645 \u0648\u062a\u0639\u0631\u0641\u0648\u0627 \u0639\u0644\u0649 \u0639\u0627\u0644\u0645\u0646\u0627 \u0627\u0644\u0645\u062a\u0646\u0648\u0639.<\/p>\n                <\/div>\n\n                <div class=\"ds-zones-wrapper\">\n                    <a href=\"https:\/\/dubaisafari.ae\/ar\/african-village-2\/\" class=\"ds-zone-pill\">\n                        \u0627\u0644\u0642\u0631\u064a\u0629 \u0627\u0644\u0623\u0641\u0631\u064a\u0642\u064a\u0629 <i class=\"fas fa-arrow-left\"><\/i>\n                    <\/a>\n\n                    <a href=\"https:\/\/dubaisafari.ae\/ar\/asian-village\/\" class=\"ds-zone-pill\">\n                        \u0627\u0644\u0642\u0631\u064a\u0629 \u0627\u0644\u0622\u0633\u064a\u0648\u064a\u0629 <i class=\"fas fa-arrow-left\"><\/i>\n                    <\/a>\n\n                    <a href=\"https:\/\/dubaisafari.ae\/ar\/explorer-village-2\/\" class=\"ds-zone-pill\">\n                        \u0642\u0631\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0643\u0634\u0641 <i class=\"fas fa-arrow-left\"><\/i>\n                    <\/a>\n\n                    <a href=\"https:\/\/dubaisafari.ae\/ar\/arabian-desert\/\" class=\"ds-zone-pill\">\n                        \u0627\u0644\u0635\u062d\u0631\u0627\u0621 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 <i class=\"fas fa-arrow-left\"><\/i>\n                    <\/a>\n\n                    <a href=\"https:\/\/dubaisafari.ae\/ar\/kids-farm\/\" class=\"ds-zone-pill\">\n                        \u0645\u0632\u0631\u0639\u0629 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 <i class=\"fas fa-arrow-left\"><\/i>\n                    <\/a>\n\n                    <div class=\"ds-zone-pill current-zone\">\n                        \u0627\u0644\u0648\u0627\u062f\u064a <span>\u0623\u0646\u062a \u0647\u0646\u0627<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA SECTION \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <section class=\"ds-container\">\n            <div class=\"cta-section\">\n                <h2>\u0627\u062d\u062c\u0632\u0648\u0627 \u0645\u063a\u0627\u0645\u0631\u0629 \u0627\u0644\u0633\u0641\u0627\u0631\u064a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643\u0645<\/h2>\n                <p>\u0627\u0633\u062a\u0645\u062a\u0639\u0648\u0627 \u0628\u0633\u062d\u0631 \u0627\u0644\u0648\u0627\u062f\u064a \u0648\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0633\u062a \u0641\u064a \u064a\u0648\u0645 \u0644\u0627 \u064a\u064f\u0646\u0633\u0649. \u0627\u062d\u062c\u0632\u0648\u0627 \u062a\u0630\u0627\u0643\u0631\u0643\u0645 \u0627\u0644\u0622\u0646 \u0648\u0627\u0633\u062a\u0643\u0634\u0641\u0648\u0627 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\n                <a href=\"https:\/\/dubaisafari.ae\/ar\/tickets\/\" class=\"btn\">\u0627\u062d\u062c\u0632\u0648\u0627 \u0627\u0644\u062a\u0630\u0627\u0643\u0631<\/a>\n            <\/div>\n        <\/section>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BACK TO TOP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <button class=\"back-to-top\" id=\"backToTop\" aria-label=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649\">\n            <i class=\"fas fa-arrow-up\" aria-hidden=\"true\"><\/i>\n        <\/button>\n\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 SCRIPTS \u2500\u2500\u2500 -->\n    <script src=\"https:\/\/dubaisafari.ae\/wp-content\/plugins\/elementor\/assets\/lib\/swiper\/v8\/swiper.min.js\"><\/script>\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n\n            \/\/ \u2500\u2500\u2500 FEATURE SWIPER \u2500\u2500\u2500\n            if (typeof Swiper !== 'undefined') {\n                new Swiper('.feature-swiper', {\n                    slidesPerView: 1.15,\n                    spaceBetween: 15,\n                    rtl: true,\n                    pagination: {\n                        el: '.feature-swiper .swiper-pagination',\n                        clickable: true,\n                    },\n                    navigation: {\n                        nextEl: '.feature-next',\n                        prevEl: '.feature-prev',\n                    },\n                    breakpoints: {\n                        576: { slidesPerView: 2.2, spaceBetween: 20 },\n                        992: { slidesPerView: 3.2, spaceBetween: 25 },\n                        1200: { slidesPerView: 4, spaceBetween: 25 }\n                    },\n                    keyboard: {\n                        enabled: true,\n                        onlyInViewport: true,\n                    },\n                    observer: true,\n                    observeParents: true\n                });\n            }\n\n            \/\/ \u2500\u2500\u2500 BACK TO TOP \u2500\u2500\u2500\n            const backToTopBtn = document.getElementById('backToTop');\n            window.addEventListener('scroll', function() {\n                if (window.pageYOffset > 300) {\n                    backToTopBtn.classList.add('show');\n                } else {\n                    backToTopBtn.classList.remove('show');\n                }\n            });\n            backToTopBtn.addEventListener('click', function() {\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            });\n\n            \/\/ \u2500\u2500\u2500 LAZY LOAD IMAGES \u2500\u2500\u2500\n            const images = document.querySelectorAll('img');\n            const imageObserver = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('loaded');\n                        imageObserver.unobserve(entry.target);\n                    }\n                });\n            }, { threshold: 0.1 });\n            images.forEach(img => {\n                imageObserver.observe(img);\n                if (img.complete) {\n                    img.classList.add('loaded');\n                }\n            });\n\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0648\u0627\u062f\u064a | \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 \u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0648\u0627\u062f\u064a \u0627\u0633\u062a\u0639\u062f\u0648\u0627 \u0644\u0644\u0627\u0633\u062a\u0631\u062e\u0627\u0621 \u0639\u0646\u062f \u0627\u0644\u0648\u0627\u062f\u064a\u060c \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u0647\u0627\u062f\u0626 \u0644\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643. \u0633\u062a\u0633\u064a\u0631\u0648\u0646 \u0639\u0644\u0649 \u0636\u0641\u0627\u0641 \u0645\u064a\u0627\u0647\u0647 \u0627\u0644\u0647\u0627\u062f\u0626\u0629\u060c \u0645\u062d\u0627\u0637\u064a\u0646 \u0628\u0627\u0644\u0645\u0646\u0627\u0638\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0627\u0644\u062e\u0644\u0627\u0628\u0629 \u0648\u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0627\u0644\u0633\u0627\u062d\u0631\u0629\u060c \u0644\u062a\u0633\u062a\u0645\u062a\u0639\u0648\u0627 \u0628\u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u0645\u063a\u0627\u0645\u0631\u0629 \u0641\u064a \u0622\u0646 \u0648\u0627\u062d\u062f. \u0627\u062d\u062c\u0632\u0648\u0627 \u062a\u0630\u0627\u0643\u0631\u0643\u0645 \u0627\u0643\u062a\u0634\u0641\u0648\u0627 \u0627\u0644\u0645\u0632\u064a\u062f \u062a\u0645\u0631\u064a\u0631 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0634\u0627\u0647\u062f\u0648\u0627 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u0647\u0634\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u064a\u0634 \u0639\u0644\u0649 \u0636\u0641\u0627\u0641 \u0627\u0644\u0646\u0647\u0631\u060c \u0648\u0627\u0633\u0633\u062a\u0645\u062a\u0639\u0648\u0627 \u0628\u062a\u062c\u0627\u0631\u0628 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062a\u0642\u0631\u0651\u0628\u0643\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":97,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18174","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/18174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/comments?post=18174"}],"version-history":[{"count":44,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/18174\/revisions"}],"predecessor-version":[{"id":27181,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/18174\/revisions\/27181"}],"wp:attachment":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/media?parent=18174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}