{"id":19759,"date":"2025-05-19T14:19:09","date_gmt":"2025-05-19T10:19:09","guid":{"rendered":"https:\/\/dubaisafari.ae\/embed-header\/"},"modified":"2025-05-19T14:52:20","modified_gmt":"2025-05-19T10:52:20","slug":"embed-header","status":"publish","type":"page","link":"https:\/\/dubaisafari.ae\/ar\/embed-header\/","title":{"rendered":"Embed Header"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19759\" class=\"elementor elementor-19759 elementor-19718\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-291e2b5 e-con-full e-flex e-con e-parent\" data-id=\"291e2b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c540c51 elementor-widget__width-inherit embed-element elementor-widget elementor-widget-shortcode\" data-id=\"c540c51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<header data-elementor-type=\"header\" data-elementor-id=\"10754\" class=\"elementor elementor-10754 elementor-10589 elementor-10589\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-d2cf8f7 e-flex e-con-boxed e-con e-parent\" data-id=\"d2cf8f7\" 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-d19e2c5 elementor-widget elementor-widget-html\" data-id=\"d19e2c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --primary-green: #2d5a27;\r\n        --primary-orange-start: rgb(255, 152, 0);\r\n        --primary-orange-end: rgb(245, 124, 0);\r\n        --text-dark: #1a1a1a;\r\n        --glass-bg: rgba(255, 255, 255, 0.85);\r\n        --glass-border: rgba(255, 255, 255, 0.4);\r\n        --shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.12);\r\n        \r\n        --z-header: 1000;\r\n        --z-overlay: 1100;\r\n    }\r\n\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n        font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        *, *::before, *::after {\r\n            animation-duration: 0.01ms !important;\r\n            animation-iteration-count: 1 !important;\r\n            transition-duration: 0.01ms !important;\r\n            scroll-behavior: auto !important;\r\n        }\r\n    }\r\n\r\n    .ds-header-wrapper {\r\n        position: fixed;\r\n        top: 20px;\r\n        left: 0;\r\n        right: 0;\r\n        margin: 0 auto;\r\n        width: 95%;\r\n        max-width: 1350px;\r\n        z-index: var(--z-header);\r\n        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n        will-change: transform, opacity;\r\n        transform: translateZ(0);\r\n    }\r\n\r\n    .ds-header-wrapper.header-hidden {\r\n        transform: translateY(-150%) translateZ(0);\r\n        opacity: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    #ds-site-header,\r\n    .ds-header-actions,\r\n    .ds-menu-header,\r\n    .ds-menu-actions,\r\n    .ds-desktop-nav {\r\n        flex-direction: row-reverse !important;\r\n    }\r\n\r\n    #ds-site-header {\r\n        background: var(--glass-bg);\r\n        backdrop-filter: blur(15px);\r\n        -webkit-backdrop-filter: blur(15px);\r\n        border: 1px solid var(--glass-border);\r\n        border-radius: 60px;\r\n        padding: 8px 25px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        box-shadow: var(--shadow);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    #ds-site-header:hover {\r\n        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    .ds-logo img { \r\n        height: 45px; \r\n        width: auto; \r\n        display: block;\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .ds-logo:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .ds-desktop-nav { \r\n        display: flex; \r\n        list-style: none; \r\n        gap: 5px; \r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    \r\n    .ds-desktop-nav li {\r\n        list-style: none;\r\n    }\r\n    \r\n    .ds-desktop-nav a {\r\n        text-decoration: none;\r\n        color: var(--text-dark);\r\n        font-size: 15px; \r\n        font-weight: 700;\r\n        padding: 10px 18px;\r\n        border-radius: 25px;\r\n        transition: all 0.3s ease;\r\n        opacity: 0.8;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        position: relative;\r\n    }\r\n    \r\n    .ds-desktop-nav a::before {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 4px;\r\n        left: 50%;\r\n        width: 0;\r\n        height: 2px;\r\n        background: linear-gradient(90deg, var(--primary-orange-start), var(--primary-orange-end));\r\n        transition: all 0.3s ease;\r\n        transform: translateX(-50%);\r\n        border-radius: 2px;\r\n    }\r\n    \r\n    .ds-desktop-nav a:hover { \r\n        background: rgba(0,0,0,0.04); \r\n        opacity: 1; \r\n        color: var(--primary-orange-start); \r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .ds-desktop-nav a:hover::before,\r\n    .ds-desktop-nav a.active::before {\r\n        width: 60%;\r\n    }\r\n    \r\n    .ds-desktop-nav a.active {\r\n        color: var(--primary-orange-start);\r\n        font-weight: 800;\r\n    }\r\n\r\n    .ds-header-actions { \r\n        display: flex; \r\n        align-items: center; \r\n        gap: 15px; \r\n    }\r\n    \r\n    .ds-header-hours {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        color: #666;\r\n        background: rgba(0,0,0,0.03);\r\n        padding: 8px 15px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .ds-status-dot {\r\n        width: 8px; \r\n        height: 8px;\r\n        background: #e53935;\r\n        border-radius: 50%;\r\n        box-shadow: 0 0 8px rgba(229, 57, 53, 0.5);\r\n        animation: pulse-red 2s infinite;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    @keyframes pulse-red {\r\n        0%, 100% {\r\n            box-shadow: 0 0 0 0 rgba(229, 57, 53, 0.4);\r\n            transform: scale(1);\r\n        }\r\n        50% {\r\n            box-shadow: 0 0 0 6px rgba(229, 57, 53, 0);\r\n            transform: scale(1.2);\r\n        }\r\n    }\r\n\r\n    .ds-lang-btn { \r\n        text-decoration: none; \r\n        color: var(--text-dark); \r\n        font-weight: 700; \r\n        font-size: 15px;\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    .ds-lang-btn:hover {\r\n        color: var(--primary-orange-start);\r\n    }\r\n    \r\n    .ds-cta-btn,\r\n    .ds-mobile-cta-btn,\r\n    .ds-menu-cta-btn {\r\n        background: linear-gradient(135deg, var(--primary-orange-start) 0%, var(--primary-orange-end) 100%);\r\n        background-color: transparent;\r\n        color: rgb(255, 255, 255) !important;\r\n        border-radius: 35px;\r\n        text-decoration: none;\r\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        display: inline-block;\r\n        position: relative;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        box-shadow: 0 4px 15px rgba(255, 152, 0, 0.3);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n    }\r\n    \r\n    .ds-cta-btn {\r\n        padding: 12px 28px;\r\n        font-weight: 700;\r\n        font-size: 15px;\r\n    }\r\n\r\n    .ds-mobile-cta-btn {\r\n        padding: 8px 20px;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        display: none;\r\n    }\r\n\r\n    .ds-menu-cta-btn {\r\n        padding: 14px 36px;\r\n        font-weight: 800;\r\n        font-size: 18px;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    .ds-cta-btn::before,\r\n    .ds-mobile-cta-btn::before,\r\n    .ds-menu-cta-btn::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n        transition: left 0.5s ease;\r\n    }\r\n    \r\n    .ds-cta-btn:hover::before,\r\n    .ds-mobile-cta-btn:hover::before,\r\n    .ds-menu-cta-btn:hover::before {\r\n        left: 100%;\r\n    }\r\n    \r\n    .ds-cta-btn:hover,\r\n    .ds-mobile-cta-btn:hover,\r\n    .ds-menu-cta-btn:hover {\r\n        transform: translateY(-2px) scale(1.03);\r\n        box-shadow: 0 6px 20px rgba(255, 152, 0, 0.4);\r\n    }\r\n    \r\n    .ds-cta-btn:active,\r\n    .ds-mobile-cta-btn:active,\r\n    .ds-menu-cta-btn:active {\r\n        transform: translateY(0) scale(0.98);\r\n    }\r\n    \r\n    .ds-cta-btn svg,\r\n    .ds-mobile-cta-btn svg,\r\n    .ds-menu-cta-btn svg {\r\n        margin-left: 8px;\r\n        vertical-align: middle;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .ds-cta-btn:hover svg,\r\n    .ds-mobile-cta-btn:hover svg,\r\n    .ds-menu-cta-btn:hover svg {\r\n        transform: rotate(15deg) scale(1.1);\r\n    }\r\n    \r\n    .ds-cta-btn svg {\r\n        width: 14px;\r\n        height: 14px;\r\n    }\r\n\r\n    .ds-mobile-cta-btn svg {\r\n        width: 12px;\r\n        height: 12px;\r\n    }\r\n\r\n    .ds-menu-cta-btn svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        margin-left: 10px;\r\n        margin-right: 0;\r\n    }\r\n\r\n    .ds-burger-trigger {\r\n        width: 45px; \r\n        height: 45px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        cursor: pointer; \r\n        background: rgba(0,0,0,0.04);\r\n        border-radius: 50%; \r\n        gap: 5px;\r\n        border: none;\r\n        padding: 0;\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    .ds-burger-trigger:hover {\r\n        background: rgba(0,0,0,0.08);\r\n        transform: scale(1.05);\r\n    }\r\n    \r\n    .ds-burger-trigger span { \r\n        display: block; \r\n        width: 20px; \r\n        height: 2px; \r\n        background: var(--text-dark);\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .ds-menu-overlay {\r\n        position: fixed;\r\n        top: 0; \r\n        right: -100%;\r\n        left: auto;\r\n        width: 100%;\r\n        height: 100vh;\r\n        background-color: #fff;\r\n        background-image: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), \r\n                          url('https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/04\/menu-image.webp');\r\n        background-size: cover;\r\n        background-position: center 40%;\r\n        background-repeat: no-repeat;\r\n        z-index: var(--z-overlay);\r\n        transition: right 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        display: flex; \r\n        flex-direction: column;\r\n        padding: 40px;\r\n        overflow-y: auto;\r\n        box-shadow: -5px 0 30px rgba(0, 0, 0, 0.1);\r\n        visibility: hidden;\r\n    }\r\n\r\n    .ds-menu-overlay.active { \r\n        right: 0;\r\n        visibility: visible;\r\n    }\r\n    \r\n    @media (min-width: 1101px) {\r\n        .ds-menu-overlay {\r\n            width: 30%;\r\n            right: -30%;\r\n            border-top-left-radius: 25px;\r\n            border-bottom-left-radius: 25px;\r\n        }\r\n\r\n        .ds-menu-overlay.active {\r\n            right: 0;\r\n        }\r\n    }\r\n\r\n    @media (min-width: 769px) and (max-width: 1100px) {\r\n        .ds-menu-overlay {\r\n            border-top-left-radius: 25px;\r\n            border-bottom-left-radius: 25px;\r\n        }\r\n    }\r\n\r\n    .ds-menu-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n        margin-block-end: 60px;\r\n    }\r\n    \r\n    .ds-close-btn {\r\n        width: 50px;\r\n        height: 50px;\r\n        background: rgba(0,0,0,0.05);\r\n        border-radius: 50%; \r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        border: none;\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    .ds-close-btn:hover {\r\n        background: rgba(0,0,0,0.1);\r\n        transform: rotate(90deg) scale(1.1);\r\n    }\r\n\r\n    .ds-close-btn svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        stroke: currentColor;\r\n        stroke-width: 2.5;\r\n    }\r\n\r\n    .ds-menu-actions {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        margin-block-end: 50px;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .ds-menu-lang-btn {\r\n        text-decoration: none;\r\n        color: var(--text-dark);\r\n        font-weight: 700;\r\n        font-size: 18px;\r\n        padding: 12px 25px;\r\n        border-radius: 40px;\r\n        background: rgba(0,0,0,0.05);\r\n        transition: 0.3s;\r\n        display: inline-block;\r\n    }\r\n\r\n    .ds-menu-lang-btn:hover {\r\n        background: rgba(0,0,0,0.1);\r\n        color: var(--primary-orange-start);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    .ds-full-nav {\r\n        list-style: none;\r\n        text-align: center;\r\n        margin: 0 auto;\r\n        padding: 0;\r\n        width: 100%;\r\n    }\r\n\r\n    .ds-full-nav li {\r\n        margin-block: 25px;\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: 0.6s;\r\n    }\r\n\r\n    .ds-menu-overlay.active .ds-full-nav li {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    .ds-menu-overlay.active .ds-full-nav li:nth-child(1) { transition-delay: 0.1s; }\r\n    .ds-menu-overlay.active .ds-full-nav li:nth-child(2) { transition-delay: 0.2s; }\r\n    .ds-menu-overlay.active .ds-full-nav li:nth-child(3) { transition-delay: 0.3s; }\r\n    .ds-menu-overlay.active .ds-full-nav li:nth-child(4) { transition-delay: 0.4s; }\r\n    .ds-menu-overlay.active .ds-full-nav li:nth-child(5) { transition-delay: 0.5s; }\r\n    .ds-menu-overlay.active .ds-full-nav li:nth-child(6) { transition-delay: 0.6s; }\r\n    \r\n    .ds-full-nav a { \r\n        text-decoration: none;\r\n        color: var(--text-dark);\r\n        font-size: 42px;\r\n        font-weight: 800; \r\n        transition: 0.3s;\r\n        display: inline-block;\r\n        position: relative;\r\n        padding-bottom: 5px;\r\n    }\r\n    \r\n    .ds-full-nav a::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 0;\r\n        height: 4px;\r\n        background: linear-gradient(135deg, var(--primary-orange-start), var(--primary-orange-end));\r\n        transition: width 0.3s ease;\r\n        border-radius: 2px;\r\n    }\r\n    \r\n    .ds-full-nav a:hover::after,\r\n    .ds-full-nav a.active::after {\r\n        width: 100%;\r\n    }\r\n\r\n    .ds-full-nav a:hover,\r\n    .ds-full-nav a.active {\r\n        color: var(--primary-orange-start);\r\n        transform: translateY(-3px);\r\n    }\r\n    \r\n    .ds-menu-footer {\r\n        width: 100%;\r\n        margin-block-start: auto;\r\n        padding-block-start: 40px;\r\n        border-block-start: 2px solid rgba(0,0,0,0.08);\r\n        text-align: center;\r\n    }\r\n\r\n    .ds-footer-top {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 100%; \/* Force full width so center alignment works *\/\r\n        margin-block-end: 30px;\r\n    }\r\n    \r\n    .ds-hours-box {\r\n        background: rgba(0, 0, 0, 0.03); \r\n        color: var(--text-dark);\r\n        padding: 12px 24px; \r\n        border-radius: 12px; \r\n        display: inline-flex; \r\n        flex-direction: column; \r\n        align-items: center; \/* FIXED TEXT ALIGNMENT *\/\r\n        justify-content: center;\r\n        margin: 0 auto; \/* Fallback centering if WP breaks flexbox *\/\r\n        gap: 4px; \r\n        text-align: center;\r\n        border: 1px solid rgba(0, 0, 0, 0.05);\r\n    }\r\n    \r\n    .ds-hours-box span:first-child { \r\n        font-size: 11px; \r\n        font-weight: 700; \r\n        color: #666; \r\n        text-transform: uppercase; \r\n        letter-spacing: 1px; \r\n    }\r\n\r\n    .ds-hours-box span:last-child { \r\n        font-size: 15px; \r\n        font-weight: 800; \r\n        letter-spacing: 0.5px; \r\n    }\r\n\r\n    .ds-footer-bottom {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 25px;\r\n    }\r\n\r\n    .ds-contact-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 15px;\r\n        color: #444;\r\n        font-size: 15px;\r\n        font-weight: 700;\r\n    }\r\n    \r\n    .ds-contact-item {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        text-decoration: none;\r\n        color: inherit;\r\n        transition: 0.3s;\r\n        padding-block: 5px;\r\n    }\r\n\r\n    .ds-contact-item:hover {\r\n        color: var(--primary-orange-start);\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    .ds-contact-item svg {\r\n        color: var(--primary-orange-start);\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n\r\n    .ds-social-links {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 15px;\r\n        width: 100%;\r\n    }\r\n\r\n    .ds-social-links span {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #666;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .ds-social-icons {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .ds-social-icon { \r\n        color: var(--text-dark);\r\n        transition: 0.3s;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        background: rgba(0,0,0,0.04);\r\n    }\r\n\r\n    .ds-social-icon svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    .ds-social-icon:hover {\r\n        color: white;\r\n        background: linear-gradient(135deg, var(--primary-orange-start), var(--primary-orange-end));\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 4px 10px rgba(255,152,0,0.3);\r\n    }\r\n\r\n    @media (min-width: 1101px) {\r\n        .ds-full-nav a {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .ds-full-nav li {\r\n            margin-block: 18px;\r\n        }\r\n\r\n        .ds-menu-cta-btn {\r\n            padding: 10px 28px;\r\n            font-size: 15px;\r\n        }\r\n\r\n        .ds-menu-cta-btn svg {\r\n            width: 15px;\r\n            height: 15px;\r\n        }\r\n\r\n        .ds-menu-lang-btn {\r\n            font-size: 15px;\r\n            padding: 8px 20px;\r\n        }\r\n\r\n        .ds-menu-actions {\r\n            margin-block-end: 40px;\r\n            gap: 15px;\r\n        }\r\n\r\n        .ds-menu-header {\r\n            margin-block-end: 40px;\r\n        }\r\n\r\n        .ds-menu-footer {\r\n            padding-block-start: 30px;\r\n        }\r\n\r\n        .ds-contact-info {\r\n            gap: 12px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .ds-social-icon {\r\n            width: 35px;\r\n            height: 35px;\r\n        }\r\n\r\n        .ds-social-icon svg {\r\n            width: 18px;\r\n            height: 18px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n        .ds-desktop-nav {\r\n            display: none;\r\n        }\r\n\r\n        .ds-burger-trigger {\r\n            display: flex;\r\n        }\r\n\r\n        .ds-full-nav a {\r\n            font-size: 32px;\r\n        }\r\n\r\n        .ds-full-nav li {\r\n            margin-block: 20px;\r\n        }\r\n    }\r\n    \r\n    @media (min-width: 1101px) {\r\n        .ds-desktop-nav {\r\n            display: flex !important;\r\n        }\r\n\r\n        .ds-burger-trigger {\r\n            display: flex !important;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .ds-header-wrapper {\r\n            top: 10px;\r\n            width: 90%;\r\n        }\r\n\r\n        #ds-site-header {\r\n            padding: 6px 18px;\r\n        }\r\n\r\n        .ds-logo img {\r\n            height: 35px;\r\n        }\r\n\r\n        .ds-header-hours {\r\n            display: none;\r\n        }\r\n\r\n        .ds-cta-btn {\r\n            display: none;\r\n        }\r\n\r\n        .ds-mobile-cta-btn {\r\n            display: inline-block;\r\n            font-family: 'Tajawal', sans-serif;\r\n        }\r\n\r\n        .ds-full-nav a {\r\n            font-size: 28px;\r\n        }\r\n\r\n        .ds-full-nav li {\r\n            margin-block: 18px;\r\n        }\r\n\r\n        .ds-menu-overlay {\r\n            padding: 25px;\r\n        }\r\n\r\n        .ds-menu-header {\r\n            margin-block-end: 30px;\r\n        }\r\n\r\n        .ds-menu-actions {\r\n            margin-block-end: 40px;\r\n            gap: 15px;\r\n        }\r\n\r\n        .ds-menu-lang-btn,\r\n        .ds-menu-cta-btn {\r\n            font-size: 16px;\r\n            padding: 10px 20px;\r\n        }\r\n\r\n        .ds-menu-cta-btn svg {\r\n            width: 16px;\r\n            height: 16px;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 600px) {\r\n        .ds-full-nav a {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .ds-full-nav li {\r\n            margin-block: 15px;\r\n        }\r\n\r\n        .ds-menu-lang-btn,\r\n        .ds-menu-cta-btn {\r\n            font-size: 14px;\r\n            padding: 8px 16px;\r\n        }\r\n\r\n        .ds-menu-cta-btn svg {\r\n            width: 14px;\r\n            height: 14px;\r\n        }\r\n\r\n        .ds-mobile-cta-btn {\r\n            padding: 6px 16px;\r\n            font-size: 13px;\r\n        }\r\n\r\n        .ds-mobile-cta-btn svg {\r\n            width: 10px;\r\n            height: 10px;\r\n        }\r\n\r\n        .ds-contact-info {\r\n            font-size: 13px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .ds-contact-item svg {\r\n            width: 14px;\r\n            height: 14px;\r\n        }\r\n\r\n        .ds-social-icon {\r\n            width: 35px;\r\n            height: 35px;\r\n        }\r\n\r\n        .ds-social-icon svg {\r\n            width: 18px;\r\n            height: 18px;\r\n        }\r\n    }\r\n    \r\n    .ds-ticket-popup {\r\n        position: fixed;\r\n        inset: 0;\r\n        background: rgba(0, 0, 0, 0.45);\r\n        backdrop-filter: blur(8px);\r\n        -webkit-backdrop-filter: blur(8px);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 9999;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.3s ease;\r\n        padding: 20px;\r\n    }\r\n\r\n    .ds-ticket-popup.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .ds-ticket-popup-content {\r\n        width: 100%;\r\n        max-width: 520px;\r\n        background: var(--glass-bg);\r\n        backdrop-filter: blur(15px);\r\n        -webkit-backdrop-filter: blur(15px);\r\n        border: 1px solid var(--glass-border);\r\n        border-radius: 30px;\r\n        padding: 38px 32px 32px;\r\n        text-align: center;\r\n        box-shadow: var(--shadow);\r\n        position: relative;\r\n        direction: rtl;\r\n    }\r\n\r\n    .ds-ticket-popup-content h3 {\r\n        font-family: 'Tajawal', sans-serif;\r\n        font-size: 30px;\r\n        font-weight: 800;\r\n        color: var(--primary-orange-start);\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    .ds-ticket-popup-content p {\r\n        font-family: 'Tajawal', sans-serif;\r\n        font-size: 17px;\r\n        line-height: 1.8;\r\n        color: #444;\r\n        margin-bottom: 28px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .ds-ticket-popup-ok {\r\n        font-family: 'Tajawal', sans-serif;\r\n        background: linear-gradient(135deg, var(--primary-orange-start), var(--primary-orange-end));\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 40px;\r\n        padding: 12px 38px;\r\n        font-size: 16px;\r\n        font-weight: 800;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n        box-shadow: 0 4px 15px rgba(255, 152, 0, 0.3);\r\n    }\r\n\r\n    .ds-ticket-popup-ok:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(255, 152, 0, 0.4);\r\n    }\r\n\r\n    .ds-ticket-popup-close {\r\n        position: absolute;\r\n        top: 15px;\r\n        left: 15px;\r\n        right: auto;\r\n        width: 42px;\r\n        height: 42px;\r\n        border: none;\r\n        border-radius: 50%;\r\n        background: rgba(0, 0, 0, 0.05);\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: 0.3s;\r\n        color: var(--text-dark);\r\n    }\r\n\r\n    .ds-ticket-popup-close:hover {\r\n        background: rgba(0, 0, 0, 0.1);\r\n        transform: rotate(90deg) scale(1.1);\r\n    }\r\n\r\n    .ds-ticket-popup-close svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        stroke: currentColor;\r\n        stroke-width: 2.5;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .ds-ticket-popup-content {\r\n            border-radius: 24px;\r\n            padding: 34px 24px 28px;\r\n        }\r\n\r\n        .ds-ticket-popup-content h3 {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .ds-ticket-popup-content p {\r\n            font-size: 15px;\r\n        }\r\n    }\r\n\r\n    body.ds-menu-open {\r\n        overflow: hidden;\r\n    }\r\n<\/style>\r\n\r\n<svg style=\"display: none;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n    <defs>\r\n        <symbol id=\"icon-ticket\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 5v2M15 11v2M15 17v2M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3a2 2 0 0 0 0-4V7a2 2 0 0 1 2-2z\"\/><\/symbol>\r\n        <symbol id=\"icon-location\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/symbol>\r\n        <symbol id=\"icon-phone\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/symbol>\r\n        <symbol id=\"icon-mail\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/symbol>\r\n        <symbol id=\"icon-facebook\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/symbol>\r\n        <symbol id=\"icon-youtube\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\"\/><polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"\/><\/symbol>\r\n        <symbol id=\"icon-instagram\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/symbol>\r\n        <symbol id=\"icon-linkedin\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"\/><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/symbol>\r\n        <symbol id=\"icon-close\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/symbol>\r\n    <\/defs>\r\n<\/svg>\r\n\r\n<div class=\"ds-header-wrapper\" id=\"ds-header-wrap\">\r\n    <header id=\"ds-site-header\" role=\"banner\">\r\n        <a href=\"\/ar\/\" class=\"ds-logo\" aria-label=\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a\">\r\n            <img decoding=\"async\" src=\"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"\u0634\u0639\u0627\u0631 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a\" loading=\"eager\">\r\n        <\/a>\r\n\r\n        <nav aria-label=\"\u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\">\r\n            <ul class=\"ds-desktop-nav\">\r\n                <li><a href=\"\/ar\/dubai-safari-park-zones\/\">\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0648\u062c\u0647\u0629<\/a><\/li>\r\n                <li><a href=\"\/ar\/safari-journeys\/\">\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0633\u0641\u0627\u0631\u064a<\/a><\/li>\r\n                <li><a href=\"\/ar\/experiences\/\">\u0627\u0644\u062a\u062c\u0627\u0631\u0628<\/a><\/li>\r\n                <li><a href=\"\/ar\/plan-your-visit-ar\/\">\u062e\u0637\u0637\u0648\u0627 \u0644\u0632\u064a\u0627\u0631\u062a\u0643\u0645<\/a><\/li>\r\n                <li><a href=\"\/ar\/conservation\/\">\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <div class=\"ds-header-actions\">\r\n            <div class=\"ds-header-hours\" aria-hidden=\"true\">\r\n                <span class=\"ds-status-dot\"><\/span> \u0645\u063a\u0644\u0642 \u062d\u0627\u0644\u064a\u0627\u064b\r\n            <\/div>\r\n\r\n            <a href=\"\/\" class=\"ds-lang-btn\" aria-label=\"Switch to English\">English<\/a>\r\n            \r\n            <a href=\"#\" class=\"ds-cta-btn ds-buy-ticket-trigger\" aria-label=\"\u0634\u0631\u0627\u0621 \u0627\u0644\u062a\u0630\u0627\u0643\u0631\">\r\n                <svg aria-hidden=\"true\"><use href=\"#icon-ticket\"\/><\/svg>\r\n                <span class=\"btn-text\">\u0627\u0634\u062a\u0631\u0648\u0627 \u062a\u0630\u0627\u0643\u0631\u0643\u0645<\/span>\r\n            <\/a>\r\n            \r\n            <a href=\"#\" class=\"ds-mobile-cta-btn ds-buy-ticket-trigger\" aria-label=\"\u0634\u0631\u0627\u0621 \u0627\u0644\u062a\u0630\u0627\u0643\u0631\">\r\n                <svg aria-hidden=\"true\"><use href=\"#icon-ticket\"\/><\/svg>\r\n                \u0627\u0634\u062a\u0631 \u0627\u0644\u0622\u0646\r\n            <\/a>\r\n            \r\n            <button class=\"ds-burger-trigger\" id=\"ds-open-menu\" aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\" aria-expanded=\"false\" aria-controls=\"ds-menu-overlay\">\r\n                <span><\/span><span><\/span><span><\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/header>\r\n<\/div>\r\n\r\n<div class=\"ds-menu-overlay\" id=\"ds-menu-overlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062a\u0646\u0642\u0644\" aria-hidden=\"true\">\r\n    <div class=\"ds-menu-header\">\r\n        <a href=\"\/ar\/\" class=\"ds-logo\" aria-label=\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a\">\r\n            <img decoding=\"async\" src=\"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"\u0634\u0639\u0627\u0631 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a\" loading=\"lazy\">\r\n        <\/a>\r\n\r\n        <button class=\"ds-close-btn\" id=\"ds-close-menu\" aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\r\n            <svg aria-hidden=\"true\"><use href=\"#icon-close\"\/><\/svg>\r\n        <\/button>\r\n    <\/div> \r\n\r\n    <div class=\"ds-menu-actions\">\r\n        <a href=\"\/\" class=\"ds-menu-lang-btn\">English<\/a>\r\n\r\n        <a href=\"#\" class=\"ds-menu-cta-btn ds-buy-ticket-trigger\">\r\n            <svg aria-hidden=\"true\"><use href=\"#icon-ticket\"\/><\/svg>\r\n            \u0627\u0634\u062a\u0631\u0648\u0627 \u062a\u0630\u0627\u0643\u0631\u0643\u0645\r\n        <\/a>\r\n    <\/div>\r\n    \r\n    <nav aria-label=\"\u0627\u0644\u062a\u0646\u0642\u0644 \u0639\u0628\u0631 \u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\r\n        <ul class=\"ds-full-nav\">\r\n            <li><a href=\"\/ar\/dubai-safari-park-zones\/\">\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0648\u062c\u0647\u0629<\/a><\/li>\r\n            <li><a href=\"\/ar\/safari-journeys\/\">\u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0633\u0641\u0627\u0631\u064a<\/a><\/li>\r\n            <li><a href=\"\/ar\/experiences\/\">\u0627\u0644\u062a\u062c\u0627\u0631\u0628<\/a><\/li>\r\n            <li><a href=\"\/ar\/plan-your-visit-ar\/\">\u062e\u0637\u0637\u0648\u0627 \u0644\u0632\u064a\u0627\u0631\u062a\u0643\u0645<\/a><\/li>\r\n            <li><a href=\"\/ar\/education\/\">\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629<\/a><\/li>\r\n            <li><a href=\"\/ar\/conservation\/\">\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0626\u0629<\/a><\/li>\r\n        <\/ul>\r\n    <\/nav>\r\n\r\n    <div class=\"ds-menu-footer\">\r\n        <div class=\"ds-footer-top\">\r\n            <div class=\"ds-hours-box\" aria-label=\"\u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 \u0645\u063a\u0644\u0642 \u062d\u0627\u0644\u064a\u0627\u064b \u0644\u0644\u0645\u0648\u0633\u0645\">\r\n                <span aria-hidden=\"true\">\u0645\u063a\u0644\u0642 \u062d\u0627\u0644\u064a\u0627\u064b<\/span>\r\n                <span aria-hidden=\"true\">\r\n                    \u0644\u0627 \u064a\u0633\u0639\u0646\u0627 \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631 \u0644\u0644\u062a\u0631\u062d\u064a\u0628 \u0628\u0643\u0645 \u0645\u062c\u062f\u062f\u0627\u064b<br>\r\n                    \u0641\u064a \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u06408 \u0642\u0631\u064a\u0628\u0627\u064b \u0641\u064a \u0623\u0643\u062a\u0648\u0628\u0631 2026\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ds-footer-bottom\">\r\n            <div class=\"ds-contact-info\">\r\n                <a href=\"https:\/\/maps.app.goo.gl\/mRKpCM3E2hVCMv9o8\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ds-contact-item\" aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0648\u0631\u0642\u0627\u0621 5\u060c \u062f\u0628\u064a\">\r\n                    <svg aria-hidden=\"true\"><use href=\"#icon-location\"\/><\/svg>\r\n                    \u0627\u0644\u0648\u0631\u0642\u0627\u0621 5\u060c \u062f\u0628\u064a\r\n                <\/a>\r\n\r\n                <a href=\"tel:+971800900\" class=\"ds-contact-item\" aria-label=\"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0631\u0642\u0645 +971 800 900\">\r\n                    <svg aria-hidden=\"true\"><use href=\"#icon-phone\"\/><\/svg>\r\n                    +971 800 900\r\n                <\/a>\r\n\r\n                <a href=\"mailto:support@dubaisafari.ae\" class=\"ds-contact-item\" aria-label=\"\u0631\u0627\u0633\u0644\u0646\u0627 \u0639\u0644\u0649 support@dubaisafari.ae\">\r\n                    <svg aria-hidden=\"true\"><use href=\"#icon-mail\"\/><\/svg>\r\n                    support@dubaisafari.ae\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"ds-social-links\">\r\n                <span aria-hidden=\"true\">\u0627\u0646\u0636\u0645\u0648\u0627 \u0625\u0644\u064a\u0646\u0627<\/span>\r\n\r\n                <div class=\"ds-social-icons\">\r\n                    <a href=\"https:\/\/www.facebook.com\/dubaisafari\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ds-social-icon\" aria-label=\"\u0632\u0648\u0631\u0648\u0627 \u0635\u0641\u062d\u062a\u0646\u0627 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643\">\r\n                        <svg aria-hidden=\"true\"><use href=\"#icon-facebook\"\/><\/svg>\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/www.youtube.com\/@DubaiSafariPark\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ds-social-icon\" aria-label=\"\u0632\u0648\u0631\u0648\u0627 \u0642\u0646\u0627\u062a\u0646\u0627 \u0639\u0644\u0649 \u064a\u0648\u062a\u064a\u0648\u0628\">\r\n                        <svg aria-hidden=\"true\"><use href=\"#icon-youtube\"\/><\/svg>\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/www.instagram.com\/dubaisafari\/?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ds-social-icon\" aria-label=\"\u0632\u0648\u0631\u0648\u0627 \u062d\u0633\u0627\u0628\u0646\u0627 \u0639\u0644\u0649 \u0627\u0646\u0633\u062a\u063a\u0631\u0627\u0645\">\r\n                        <svg aria-hidden=\"true\"><use href=\"#icon-instagram\"\/><\/svg>\r\n                    <\/a>\r\n\r\n                    <a href=\"https:\/\/www.linkedin.com\/company\/dubaisafari\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ds-social-icon\" aria-label=\"\u0632\u0648\u0631\u0648\u0627 \u0635\u0641\u062d\u062a\u0646\u0627 \u0639\u0644\u0649 \u0644\u064a\u0646\u0643\u062f \u0625\u0646\">\r\n                        <svg aria-hidden=\"true\"><use href=\"#icon-linkedin\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"ds-ticket-popup\" id=\"ds-ticket-popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ds-ticket-popup-title\" aria-hidden=\"true\">\r\n    <div class=\"ds-ticket-popup-content\" role=\"document\">\r\n        <button class=\"ds-ticket-popup-close\" id=\"ds-ticket-popup-close\" aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0646\u0627\u0641\u0630\u0629\">\r\n            <svg aria-hidden=\"true\"><use href=\"#icon-close\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <h3 id=\"ds-ticket-popup-title\">\u0627\u0644\u0645\u0648\u0633\u0645 \u0645\u063a\u0644\u0642 \u062d\u0627\u0644\u064a\u0627\u064b<\/h3>\r\n\r\n        <p>\r\n            \u0646\u0634\u0643\u0631\u0643\u0645 \u0639\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u0643\u0645 \u0628\u0632\u064a\u0627\u0631\u0629 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643.\r\n            \u0627\u0644\u0648\u062c\u0647\u0629 \u0645\u063a\u0644\u0642\u0629 \u062d\u0627\u0644\u064a\u0627\u064b \u062a\u062d\u0636\u064a\u0631\u0627\u064b \u0644\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u062c\u062f\u064a\u062f\u060c \u0648\u0633\u062a\u062a\u0648\u0641\u0631 \u062a\u0630\u0627\u0643\u0631 \u0627\u0644\u0645\u0648\u0633\u0645 \u0627\u0644\u06408 \r\n            \u0641\u064a \u0623\u0643\u062a\u0648\u0628\u0631 2026. \u0646\u062a\u0637\u0644\u0639 \u0644\u0644\u062a\u0631\u062d\u064a\u0628 \u0628\u0643\u0645 \u0645\u062c\u062f\u062f\u0627\u064b \u0642\u0631\u064a\u0628\u0627\u064b.\r\n        <\/p>\r\n\r\n        <button class=\"ds-ticket-popup-ok\" id=\"ds-ticket-popup-ok\" type=\"button\">\r\n            \u062d\u0633\u0646\u0627\u064b\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    function SafariHeaderManager() {\r\n        this.header = document.getElementById('ds-header-wrap');\r\n        this.overlay = document.getElementById('ds-menu-overlay');\r\n        this.openBtn = document.getElementById('ds-open-menu');\r\n        this.closeBtn = document.getElementById('ds-close-menu');\r\n\r\n        if (!this.header || !this.overlay) {\r\n            return;\r\n        }\r\n\r\n        this.isOpen = false;\r\n        this.lastScrollY = window.pageYOffset || document.documentElement.scrollTop || 0;\r\n        this.ticking = false;\r\n\r\n        this.init();\r\n    }\r\n\r\n    SafariHeaderManager.prototype.init = function () {\r\n        this.bindEvents();\r\n        this.setupLanguageLinks();\r\n        this.highlightActiveLink();\r\n        this.handleScroll();\r\n    };\r\n\r\n    SafariHeaderManager.prototype.bindEvents = function () {\r\n        var self = this;\r\n\r\n        window.addEventListener('scroll', function () {\r\n            if (!self.ticking) {\r\n                var raf = window.requestAnimationFrame || function (callback) {\r\n                    return window.setTimeout(callback, 16);\r\n                };\r\n\r\n                raf(function () {\r\n                    self.handleScroll();\r\n                });\r\n\r\n                self.ticking = true;\r\n            }\r\n        }, { passive: true });\r\n\r\n        if (this.openBtn) {\r\n            this.openBtn.addEventListener('click', function (event) {\r\n                if (event && event.stopPropagation) {\r\n                    event.stopPropagation();\r\n                }\r\n                self.toggleMenu(true);\r\n            });\r\n        }\r\n\r\n        if (this.closeBtn) {\r\n            this.closeBtn.addEventListener('click', function () {\r\n                self.toggleMenu(false);\r\n            });\r\n        }\r\n\r\n        document.addEventListener('click', function (event) {\r\n            var target = event.target;\r\n\r\n            if (\r\n                self.isOpen &&\r\n                self.overlay &&\r\n                !self.overlay.contains(target) &&\r\n                (!self.openBtn || !self.openBtn.contains(target))\r\n            ) {\r\n                self.toggleMenu(false);\r\n            }\r\n        });\r\n\r\n        document.addEventListener('keydown', function (event) {\r\n            var key = event.key || event.keyCode;\r\n\r\n            if ((key === 'Escape' || key === 27) && self.isOpen) {\r\n                self.toggleMenu(false);\r\n            }\r\n\r\n            if ((key === 'Tab' || key === 9) && self.isOpen) {\r\n                self.trapFocus(event);\r\n            }\r\n        });\r\n    };\r\n\r\n    SafariHeaderManager.prototype.handleScroll = function () {\r\n        if (!this.header) {\r\n            this.ticking = false;\r\n            return;\r\n        }\r\n\r\n        if (!this.isOpen) {\r\n            var currentScrollY = window.pageYOffset || document.documentElement.scrollTop || 0;\r\n\r\n            if (currentScrollY > this.lastScrollY && currentScrollY > 100) {\r\n                this.header.classList.add('header-hidden');\r\n            } else {\r\n                this.header.classList.remove('header-hidden');\r\n            }\r\n\r\n            this.lastScrollY = currentScrollY;\r\n        }\r\n\r\n        this.ticking = false;\r\n    };\r\n\r\n    SafariHeaderManager.prototype.toggleMenu = function (show) {\r\n        this.isOpen = !!show;\r\n\r\n        if (this.overlay) {\r\n            this.overlay.classList.toggle('active', this.isOpen);\r\n            this.overlay.setAttribute('aria-hidden', this.isOpen ? 'false' : 'true');\r\n        }\r\n\r\n        document.body.classList.toggle('ds-menu-open', this.isOpen);\r\n\r\n        if (this.openBtn) {\r\n            this.openBtn.setAttribute('aria-expanded', this.isOpen ? 'true' : 'false');\r\n        }\r\n\r\n        if (this.isOpen) {\r\n            if (this.closeBtn && typeof this.closeBtn.focus === 'function') {\r\n                var closeBtn = this.closeBtn;\r\n                window.setTimeout(function () {\r\n                    closeBtn.focus();\r\n                }, 100);\r\n            }\r\n        } else if (this.openBtn && typeof this.openBtn.focus === 'function') {\r\n            this.openBtn.focus();\r\n        }\r\n    };\r\n\r\n    SafariHeaderManager.prototype.trapFocus = function (event) {\r\n        if (!this.overlay) {\r\n            return;\r\n        }\r\n\r\n        var focusable = this.overlay.querySelectorAll('a[href], button:not([disabled])');\r\n\r\n        if (!focusable || focusable.length === 0) {\r\n            return;\r\n        }\r\n\r\n        var firstElement = focusable[0];\r\n        var lastElement = focusable[focusable.length - 1];\r\n\r\n        if (event.shiftKey && document.activeElement === firstElement) {\r\n            lastElement.focus();\r\n            event.preventDefault();\r\n        } else if (!event.shiftKey && document.activeElement === lastElement) {\r\n            firstElement.focus();\r\n            event.preventDefault();\r\n        }\r\n    };\r\n\r\n    SafariHeaderManager.prototype.setupLanguageLinks = function () {\r\n        var currentPath = window.location.pathname || '\/';\r\n        var currentSearch = window.location.search || '';\r\n        var langBtns = document.querySelectorAll('.ds-lang-btn, .ds-menu-lang-btn');\r\n        var targetPath;\r\n        var i;\r\n\r\n        var pageMapToEnglish = {\r\n            '\/ar\/': '\/',\r\n            '\/ar\/dubai-safari-park-zones\/': '\/dubai-safari-park-zones\/',\r\n            '\/ar\/safari-journeys\/': '\/safari-journeys\/',\r\n            '\/ar\/experiences\/': '\/experiences\/',\r\n            '\/ar\/plan-your-visit-ar\/': '\/plan-your-visit\/',\r\n            '\/ar\/education\/': '\/education\/',\r\n            '\/ar\/conservation\/': '\/conservation\/'\r\n        };\r\n\r\n        var pageMapToArabic = {\r\n            '\/': '\/ar\/',\r\n            '\/dubai-safari-park-zones\/': '\/ar\/dubai-safari-park-zones\/',\r\n            '\/safari-journeys\/': '\/ar\/safari-journeys\/',\r\n            '\/experiences\/': '\/ar\/experiences\/',\r\n            '\/plan-your-visit\/': '\/ar\/plan-your-visit-ar\/',\r\n            '\/education\/': '\/ar\/education\/',\r\n            '\/conservation\/': '\/ar\/conservation\/'\r\n        };\r\n\r\n        if (currentPath.indexOf('\/ar') === 0) {\r\n            targetPath = pageMapToEnglish[currentPath] || currentPath.replace(\/^\\\/ar\\\/?\/, '\/');\r\n        } else {\r\n            targetPath = pageMapToArabic[currentPath] || '\/ar' + currentPath;\r\n        }\r\n\r\n        if (!targetPath || targetPath === '') {\r\n            targetPath = '\/';\r\n        }\r\n\r\n        for (i = 0; i < langBtns.length; i++) {\r\n            langBtns[i].setAttribute('href', targetPath + currentSearch);\r\n        }\r\n    };\r\n\r\n    SafariHeaderManager.prototype.highlightActiveLink = function () {\r\n        var currentPath = window.location.pathname || '\/';\r\n        var allNavLinks = document.querySelectorAll('.ds-desktop-nav a, .ds-full-nav a');\r\n        var i;\r\n        var link;\r\n        var href;\r\n        var linkPath;\r\n\r\n        for (i = 0; i < allNavLinks.length; i++) {\r\n            link = allNavLinks[i];\r\n            href = link.getAttribute('href') || '';\r\n            linkPath = href.split('?')[0];\r\n\r\n            if (linkPath === currentPath && currentPath !== '\/') {\r\n                link.classList.add('active');\r\n            }\r\n        }\r\n    };\r\n\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        var headerManager = new SafariHeaderManager();\r\n\r\n        var ticketPopup = document.getElementById('ds-ticket-popup');\r\n        var ticketPopupClose = document.getElementById('ds-ticket-popup-close');\r\n        var ticketPopupOk = document.getElementById('ds-ticket-popup-ok');\r\n        var ticketTriggers = document.querySelectorAll('.ds-buy-ticket-trigger');\r\n        var i;\r\n        var lastFocusedElement = null; \/\/ FIX 2: Variable to track focus\r\n\r\n        function openTicketPopup() {\r\n            if (!ticketPopup) {\r\n                return;\r\n            }\r\n\r\n            \/\/ FIX 2: Save the element that the user clicked to open the popup\r\n            lastFocusedElement = document.activeElement; \r\n\r\n            if (headerManager && headerManager.isOpen && typeof headerManager.toggleMenu === 'function') {\r\n                headerManager.toggleMenu(false);\r\n            }\r\n\r\n            ticketPopup.classList.add('active');\r\n            ticketPopup.setAttribute('aria-hidden', 'false');\r\n\r\n            if (ticketPopupClose && typeof ticketPopupClose.focus === 'function') {\r\n                window.setTimeout(function () {\r\n                    ticketPopupClose.focus();\r\n                }, 100);\r\n            }\r\n        }\r\n\r\n        function closeTicketPopup() {\r\n            if (!ticketPopup) {\r\n                return;\r\n            }\r\n\r\n            \/\/ FIX 2: Blur the current element before hiding the parent\r\n            if (document.activeElement && typeof document.activeElement.blur === 'function') {\r\n                document.activeElement.blur(); \r\n            }\r\n\r\n            ticketPopup.classList.remove('active');\r\n            ticketPopup.setAttribute('aria-hidden', 'true');\r\n\r\n            \/\/ FIX 2: Restore focus back to the button that originally triggered the popup\r\n            if (lastFocusedElement && typeof lastFocusedElement.focus === 'function') {\r\n                lastFocusedElement.focus();\r\n            }\r\n        }\r\n\r\n        for (i = 0; i < ticketTriggers.length; i++) {\r\n            ticketTriggers[i].addEventListener('click', function (event) {\r\n                if (event && event.preventDefault) {\r\n                    event.preventDefault();\r\n                }\r\n                openTicketPopup();\r\n            });\r\n        }\r\n\r\n        if (ticketPopupClose) {\r\n            ticketPopupClose.addEventListener('click', closeTicketPopup);\r\n        }\r\n\r\n        if (ticketPopupOk) {\r\n            ticketPopupOk.addEventListener('click', closeTicketPopup);\r\n        }\r\n\r\n        if (ticketPopup) {\r\n            ticketPopup.addEventListener('click', function (event) {\r\n                if (event.target === ticketPopup) {\r\n                    closeTicketPopup();\r\n                }\r\n            });\r\n        }\r\n\r\n        document.addEventListener('keydown', function (event) {\r\n            var key = event.key || event.keyCode;\r\n\r\n            if (\r\n                (key === 'Escape' || key === 27) &&\r\n                ticketPopup &&\r\n                ticketPopup.classList.contains('active')\r\n            ) {\r\n                closeTicketPopup();\r\n            }\r\n        });\r\n    });\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":84,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19759","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/19759","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/comments?post=19759"}],"version-history":[{"count":3,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/19759\/revisions"}],"predecessor-version":[{"id":19762,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/19759\/revisions\/19762"}],"wp:attachment":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/media?parent=19759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}