{"id":6127,"date":"2026-06-28T11:40:11","date_gmt":"2026-06-28T08:40:11","guid":{"rendered":"https:\/\/namaalasriya.com\/?page_id=6127"},"modified":"2026-06-28T11:57:46","modified_gmt":"2026-06-28T08:57:46","slug":"elementor-6127","status":"publish","type":"page","link":"https:\/\/namaalasriya.com\/?page_id=6127","title":{"rendered":"\u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"\u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629 - \u0625\u0642\u0627\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u0628\u0627\u0644\u0642\u0631\u0628 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646. \u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646 \u0648\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0623\u0641\u0636\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0648\u0627\u0644\u0631\u0627\u062d\u0629.\">\n    <meta name=\"keywords\" content=\"\u0641\u0646\u062f\u0642 \u0645\u0643\u0629\u060c \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644\u060c \u062d\u062c\u0632 \u0641\u0646\u062f\u0642 \u0645\u0643\u0629\u060c \u0642\u0631\u064a\u0628 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645\u060c \u0645\u0639\u062a\u0645\u0631\u064a\u0646\u060c \u062d\u062c\u0627\u062c\">\n    <meta name=\"author\" content=\"Wardah Al Asyl Hotel\">\n    <meta property=\"og:title\" content=\"\u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 | \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\">\n    <meta property=\"og:description\" content=\"\u0625\u0642\u0627\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u0628\u0627\u0644\u0642\u0631\u0628 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645\u064a\u0646 \u0627\u0644\u0634\u0631\u064a\u0641\u064a\u0646\">\n    <meta property=\"og:type\" content=\"website\">\n    <title>\u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 | Wardah Al Asyl Hotel - \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/title>\n\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n    <!-- Fonts: Tajawal (Arabic sans-serif), Inter (English), Noto Nastaliq Urdu -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n    <!-- Tailwind Config -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#0A2540',\n                        'primary-light': '#133A5E',\n                        'primary-dark': '#061A2E',\n                        accent: '#1E6BA8',\n                        'accent-light': '#2A8FD4',\n                        gold: '#C9A84C',\n                        'gold-light': '#D4BA6E',\n                        cream: '#F8F6F0',\n                        'gray-soft': '#F0EDE8',\n                        'gray-medium': '#B0A99F',\n                    },\n                    fontFamily: {\n                        arabic: ['Tajawal', 'Noto Nastaliq Urdu', 'Inter', 'sans-serif'],\n                        inter: ['Inter', 'Tajawal', 'sans-serif'],\n                        urdu: ['Noto Nastaliq Urdu', 'Tajawal', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        * {\n            font-family: 'Tajawal', 'Noto Nastaliq Urdu', 'Inter', sans-serif;\n            scroll-behavior: smooth;\n        }\n\n        \/* Language-specific fonts *\/\n        html[lang=\"en\"] * {\n            font-family: 'Inter', 'Tajawal', sans-serif;\n        }\n\n        html[lang=\"ur\"] * {\n            font-family: 'Noto Nastaliq Urdu', 'Tajawal', sans-serif;\n        }\n\n        html[lang=\"ar\"] * {\n            font-family: 'Tajawal', 'Noto Nastaliq Urdu', sans-serif;\n        }\n\n        \/* Language Switcher *\/\n        .lang-switcher {\n            position: relative;\n        }\n\n        .lang-btn {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            padding: 8px 12px;\n            background: rgba(255, 255, 255, 0.15);\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            border-radius: 20px;\n            color: white;\n            font-size: 13px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .lang-btn:hover {\n            background: rgba(255, 255, 255, 0.25);\n        }\n\n        .lang-dropdown {\n            position: absolute;\n            top: 100%;\n            right: 0;\n            margin-top: 8px;\n            background: white;\n            border-radius: 12px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n            min-width: 140px;\n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(-10px);\n            transition: all 0.3s ease;\n            z-index: 100;\n        }\n\n        html[dir=\"ltr\"] .lang-dropdown {\n            right: auto;\n            left: 0;\n        }\n\n        .lang-dropdown.active {\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n        }\n\n        .lang-option {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 12px 16px;\n            color: #0A2540;\n            font-size: 14px;\n            cursor: pointer;\n            transition: background 0.2s ease;\n            border-bottom: 1px solid #f0f0f0;\n        }\n\n        .lang-option:last-child {\n            border-bottom: none;\n        }\n\n        .lang-option:first-child {\n            border-radius: 12px 12px 0 0;\n        }\n\n        .lang-option:last-child {\n            border-radius: 0 0 12px 12px;\n        }\n\n        .lang-option:hover {\n            background: #F8F6F0;\n        }\n\n        .lang-option.active {\n            background: #0A2540;\n            color: white;\n        }\n\n        .lang-flag {\n            font-size: 16px;\n        }\n\n        \/* Mobile Language Switcher *\/\n        .mobile-lang-switcher {\n            display: flex;\n            gap: 8px;\n            margin-bottom: 16px;\n            padding-bottom: 16px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .mobile-lang-btn {\n            flex: 1;\n            padding: 10px;\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 10px;\n            color: white;\n            font-size: 13px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .mobile-lang-btn.active {\n            background: #C9A84C;\n            color: #0A2540;\n            border-color: #C9A84C;\n        }\n\n        body {\n            overflow-x: hidden;\n        }\n\n        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #F0EDE8;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #0A2540;\n            border-radius: 4px;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(40px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @keyframes fadeInDown {\n            from { opacity: 0; transform: translateY(-30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        @keyframes slideInRight {\n            from { opacity: 0; transform: translateX(60px); }\n            to { opacity: 1; transform: translateX(0); }\n        }\n\n        @keyframes slideInLeft {\n            from { opacity: 0; transform: translateX(-60px); }\n            to { opacity: 1; transform: translateX(0); }\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n        }\n\n        @keyframes shimmer {\n            0% { background-position: -200% 0; }\n            100% { background-position: 200% 0; }\n        }\n\n        @keyframes scaleIn {\n            from { opacity: 0; transform: scale(0.8); }\n            to { opacity: 1; transform: scale(1); }\n        }\n\n        .animate-fade-in-up {\n            animation: fadeInUp 0.8s ease-out forwards;\n        }\n\n        .animate-fade-in-down {\n            animation: fadeInDown 0.8s ease-out forwards;\n        }\n\n        .animate-fade-in {\n            animation: fadeIn 1s ease-out forwards;\n        }\n\n        .animate-slide-right {\n            animation: slideInRight 0.8s ease-out forwards;\n        }\n\n        .animate-slide-left {\n            animation: slideInLeft 0.8s ease-out forwards;\n        }\n\n        .animate-scale-in {\n            animation: scaleIn 0.6s ease-out forwards;\n        }\n\n        .animation-delay-100 { animation-delay: 0.1s; }\n        .animation-delay-200 { animation-delay: 0.2s; }\n        .animation-delay-300 { animation-delay: 0.3s; }\n        .animation-delay-400 { animation-delay: 0.4s; }\n        .animation-delay-500 { animation-delay: 0.5s; }\n        .animation-delay-600 { animation-delay: 0.6s; }\n\n        \/* Reveal on scroll *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Hero parallax *\/\n        .hero-bg {\n            background-attachment: fixed;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-size: cover;\n        }\n\n        @media (max-width: 768px) {\n            .hero-bg {\n                background-attachment: scroll;\n            }\n        }\n\n        \/* Card hover effects *\/\n        .room-card {\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .room-card:hover {\n            transform: translateY(-12px);\n            box-shadow: 0 25px 60px rgba(10, 37, 64, 0.15);\n        }\n\n        .room-card:hover .room-img {\n            transform: scale(1.08);\n        }\n\n        .room-img {\n            transition: transform 0.6s ease;\n        }\n\n        \/* Service card hover *\/\n        .service-card {\n            transition: all 0.35s ease;\n        }\n\n        .service-card:hover {\n            transform: translateY(-8px);\n            background: linear-gradient(135deg, #0A2540, #133A5E);\n        }\n\n        .service-card:hover .service-icon {\n            color: #C9A84C;\n            transform: scale(1.15);\n        }\n\n        .service-card:hover .service-title {\n            color: #ffffff;\n        }\n\n        .service-card:hover .service-desc {\n            color: #B0A99F;\n        }\n\n        .service-icon {\n            transition: all 0.35s ease;\n        }\n\n        .service-title {\n            transition: color 0.35s ease;\n        }\n\n        .service-desc {\n            transition: color 0.35s ease;\n        }\n\n        \/* Testimonial slider *\/\n        .testimonial-track {\n            display: flex;\n            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        \/* Stars *\/\n        .star-filled { color: #C9A84C; }\n        .star-empty { color: #D1D5DB; }\n\n        \/* Mobile menu *\/\n        .mobile-menu {\n            transform: translateX(100%);\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .mobile-menu.open {\n            transform: translateX(0);\n        }\n\n        \/* Button shine effect *\/\n        .btn-shine {\n            position: relative;\n            overflow: hidden;\n        }\n\n        .btn-shine::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -100%;\n            width: 60%;\n            height: 200%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            transform: skewX(-20deg);\n            transition: right 0.6s ease;\n        }\n\n        .btn-shine:hover::after {\n            right: 150%;\n        }\n\n        \/* Navbar scroll effect *\/\n        .navbar-scrolled {\n            background: rgba(10, 37, 64, 0.97) !important;\n            backdrop-filter: blur(20px);\n            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);\n        }\n\n        \/* Form input focus *\/\n        .form-input:focus {\n            border-color: #1E6BA8;\n            box-shadow: 0 0 0 4px rgba(30, 107, 168, 0.1);\n        }\n\n        \/* Decorative elements *\/\n        .pattern-overlay {\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9A84C' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n        }\n\n        \/* Counter animation *\/\n        .counter-value {\n            display: inline-block;\n        }\n\n        \/* Floating decoration *\/\n        .float-decoration {\n            animation: float 4s ease-in-out infinite;\n        }\n\n        \/* Gold line divider *\/\n        .gold-line {\n            height: 3px;\n            background: linear-gradient(90deg, transparent, #C9A84C, transparent);\n            width: 80px;\n            margin: 0 auto;\n        }\n\n        \/* Responsive adjustments *\/\n        @media (max-width: 640px) {\n            .hero-title {\n                font-size: 1.75rem !important;\n            }\n        }\n\n        \/* Loading skeleton *\/\n        .skeleton {\n            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n            background-size: 200% 100%;\n            animation: shimmer 1.5s infinite;\n        }\n\n        \/* Smooth image loading *\/\n        img {\n            opacity: 0;\n            transition: opacity 0.5s ease;\n        }\n\n        img.loaded {\n            opacity: 1;\n        }\n\n        \/* Section divider *\/\n        .section-divider {\n            position: relative;\n        }\n\n        .section-divider::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, #C9A84C, transparent);\n        }\n\n        \/* ==================== MODAL STYLES ==================== *\/\n        .modal-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(10, 37, 64, 0.85);\n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n            z-index: 1000;\n            overflow-y: auto;\n            padding: 20px;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .modal-overlay.active {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 1;\n        }\n\n        .modal-container {\n            background: white;\n            border-radius: 20px;\n            max-width: 800px;\n            width: 100%;\n            max-height: 90vh;\n            overflow-y: auto;\n            position: relative;\n            transform: scale(0.9) translateY(20px);\n            transition: transform 0.3s ease;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n        }\n\n        .modal-overlay.active .modal-container {\n            transform: scale(1) translateY(0);\n        }\n\n        .modal-header {\n            position: sticky;\n            top: 0;\n            background: linear-gradient(135deg, #0A2540 0%, #133A5E 100%);\n            color: white;\n            padding: 20px 30px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            border-radius: 20px 20px 0 0;\n            z-index: 10;\n        }\n\n        .modal-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin: 0;\n        }\n\n        .modal-close {\n            background: rgba(255, 255, 255, 0.2);\n            border: none;\n            color: white;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            font-size: 24px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s ease;\n        }\n\n        .modal-close:hover {\n            background: rgba(255, 255, 255, 0.3);\n            transform: rotate(90deg);\n        }\n\n        .modal-content {\n            padding: 30px;\n        }\n\n        .modal-section {\n            margin-bottom: 25px;\n        }\n\n        .modal-section:last-child {\n            margin-bottom: 0;\n        }\n\n        .modal-section h3 {\n            color: #0A2540;\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin-bottom: 12px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .modal-section h3::before {\n            content: '';\n            width: 4px;\n            height: 20px;\n            background: #C9A84C;\n            border-radius: 2px;\n        }\n\n        .modal-section p {\n            color: #4A5568;\n            line-height: 1.8;\n            margin-bottom: 12px;\n        }\n\n        .modal-section ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .modal-section ul li {\n            color: #4A5568;\n            padding: 8px 0;\n            padding-right: 25px;\n            position: relative;\n            line-height: 1.6;\n        }\n\n        html[lang=\"en\"] .modal-section ul li {\n            padding-right: 0;\n            padding-left: 25px;\n        }\n\n        .modal-section ul li::before {\n            content: '\u2713';\n            position: absolute;\n            right: 0;\n            color: #C9A84C;\n            font-weight: bold;\n        }\n\n        html[lang=\"en\"] .modal-section ul li::before {\n            right: auto;\n            left: 0;\n        }\n\n        .modal-date {\n            color: #718096;\n            font-size: 0.9rem;\n            text-align: center;\n            margin-top: 30px;\n            padding-top: 20px;\n            border-top: 1px solid #E2E8F0;\n        }\n\n        \/* Mobile Modal Adjustments *\/\n        @media (max-width: 640px) {\n            .modal-overlay {\n                padding: 10px;\n            }\n\n            .modal-container {\n                max-height: 95vh;\n                border-radius: 16px;\n            }\n\n            .modal-header {\n                padding: 15px 20px;\n                border-radius: 16px 16px 0 0;\n            }\n\n            .modal-title {\n                font-size: 1.2rem;\n            }\n\n            .modal-content {\n                padding: 20px;\n            }\n\n            .modal-section h3 {\n                font-size: 1rem;\n            }\n        }\n\n        \/* Prevent body scroll when modal is open *\/\n        body.modal-open {\n            overflow: hidden;\n        }\n\n        \/* ==================== DATE INPUT FIX FOR RTL ==================== *\/\n        \/* \u0625\u0635\u0644\u0627\u062d \u0639\u0631\u0636 \u062d\u0642\u0648\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0641\u064a \u0627\u0644\u0648\u0636\u0639 RTL *\/\n        input[type=\"date\"] {\n            direction: ltr !important;\n            text-align: right;\n            unicode-bidi: plaintext !important;\n        }\n\n        \/* \u0625\u0635\u0644\u0627\u062d \u0644\u0644\u0639\u0631\u0628\u064a\u0629 RTL *\/\n        html[dir=\"rtl\"] input[type=\"date\"],\n        [dir=\"rtl\"] input[type=\"date\"] {\n            direction: ltr !important;\n            text-align: right !important;\n            unicode-bidi: plaintext !important;\n        }\n\n        \/* \u0625\u0635\u0644\u0627\u062d \u0644\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 LTR *\/\n        html[lang=\"en\"] input[type=\"date\"],\n        html[dir=\"ltr\"] input[type=\"date\"] {\n            text-align: left !important;\n        }\n\n        \/* \u0625\u0635\u0644\u0627\u062d \u062e\u0627\u0635 \u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 lang=\"en\" *\/\n        input[type=\"date\"][lang=\"en\"] {\n            direction: ltr !important;\n            text-align: right !important;\n        }\n\n        html[dir=\"ltr\"] input[type=\"date\"][lang=\"en\"] {\n            text-align: left !important;\n        }\n\n        \/* \u0625\u0635\u0644\u0627\u062d placeholder \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0641\u064a RTL - \u064a\u0645\u0646\u0639 \u0639\u0643\u0633 \u0627\u0644\u0646\u0635 *\/\n        input[type=\"date\"]:placeholder-shown {\n            direction: ltr !important;\n            unicode-bidi: plaintext !important;\n            text-orientation: mixed;\n        }\n\n        \/* \u0644\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062f\u0639\u0645 ::placeholder *\/\n        input[type=\"date\"]::placeholder {\n            direction: ltr !important;\n            unicode-bidi: plaintext !important;\n        }\n\n        \/* \u0625\u0635\u0644\u0627\u062d \u062e\u0627\u0635 \u0644\u0645\u062a\u0635\u0641\u062d Safari \u0648 Chrome *\/\n        input[type=\"date\"]::-webkit-datetime-edit {\n            direction: ltr !important;\n        }\n\n        input[type=\"date\"]::-webkit-datetime-edit-fields-wrapper {\n            direction: ltr !important;\n        }\n\n        \/* \u0625\u062e\u0641\u0627\u0621 \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u0641\u064a \u0628\u0639\u0636 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a *\/\n        input[type=\"date\"]::-webkit-calendar-picker-indicator {\n            filter: invert(1);\n            cursor: pointer;\n        }\n    <\/style>\n\n\n\n    <!-- ==================== HEADER \/ NAVBAR ==================== -->\n    <header id=\"navbar\" class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-transparent\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-20 lg:h-24\">\n                <!-- Logo -->\n                <a href=\"https:\/\/namaalasriya.com\/?lang=ar\" class=\"flex items-center gap-3 group\" aria-label=\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 - \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644\">\n                    <div class=\"w-12 h-12 lg:w-14 lg:h-14 bg-white rounded-full flex items-center justify-center shadow-lg group-hover:shadow-xl transition-shadow duration-300\">\n                        <svg viewBox=\"0 0 60 60\" class=\"w-8 h-8 lg:w-9 lg:h-9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#0A2540\" stroke-width=\"3\"><\/circle>\n                            <path d=\"M15 25L22 38L30 22L38 38L45 25\" stroke=\"#0A2540\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <path d=\"M30 18L30 22\" stroke=\"#0A2540\" stroke-width=\"3\" stroke-linecap=\"round\"><\/path>\n                            <path d=\"M27 15L30 18L33 15\" stroke=\"#0A2540\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"hidden sm:block\">\n                        <h1 class=\"text-white font-bold text-lg lg:text-xl leading-tight\">\u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644<\/h1>\n                        <p class=\"text-white\/70 text-xs lg:text-sm\">WARDAL ALASYL HOTEL<\/p>\n                    <\/div>\n                <\/a>\n\n                <!-- Desktop Navigation -->\n                <nav class=\"hidden lg:flex items-center gap-1\" role=\"navigation\" aria-label=\"\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\">\n                    <a href=\"https:\/\/namaalasriya.com\/?lang=ar\" class=\"nav-link px-4 py-2 text-white\/90 hover:text-gold rounded-lg hover:bg-white\/10 transition-all duration-300 text-sm font-medium\" data-i18n=\"nav_home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n                    <a href=\"#about\" class=\"nav-link px-4 py-2 text-white\/90 hover:text-gold rounded-lg hover:bg-white\/10 transition-all duration-300 text-sm font-medium\" data-i18n=\"nav_about\">\u0639\u0646 \u0627\u0644\u0641\u0646\u062f\u0642<\/a>\n                    <a href=\"#rooms\" class=\"nav-link px-4 py-2 text-white\/90 hover:text-gold rounded-lg hover:bg-white\/10 transition-all duration-300 text-sm font-medium\" data-i18n=\"nav_rooms\">\u0627\u0644\u063a\u0631\u0641<\/a>\n                    <a href=\"#services\" class=\"nav-link px-4 py-2 text-white\/90 hover:text-gold rounded-lg hover:bg-white\/10 transition-all duration-300 text-sm font-medium\" data-i18n=\"nav_services\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a>\n                    <a href=\"#testimonials\" class=\"nav-link px-4 py-2 text-white\/90 hover:text-gold rounded-lg hover:bg-white\/10 transition-all duration-300 text-sm font-medium\" data-i18n=\"nav_testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0646\u0632\u0644\u0627\u0621<\/a>\n                    <a href=\"#contact\" class=\"nav-link px-4 py-2 text-white\/90 hover:text-gold rounded-lg hover:bg-white\/10 transition-all duration-300 text-sm font-medium\" data-i18n=\"nav_contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n                <\/nav>\n\n                <!-- Language Switcher + CTA Button + Mobile Toggle -->\n                <div class=\"flex items-center gap-3\">\n                    <!-- Language Switcher -->\n                    <div class=\"lang-switcher hidden sm:block\">\n                        <button class=\"lang-btn\" id=\"langToggle\" aria-label=\"\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0644\u063a\u0629\">\n                            <span class=\"lang-flag\" id=\"currentLangFlag\">\ud83c\uddf8\ud83c\udde6<\/span>\n                            <span id=\"currentLangCode\">AR<\/span>\n                            <svg class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                        <\/button>\n                        <div class=\"lang-dropdown\" id=\"langDropdown\">\n                            <div class=\"lang-option active\" data-lang=\"ar\">\n                                <span class=\"lang-flag\">\ud83c\uddf8\ud83c\udde6<\/span>\n                                <span>\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/span>\n                            <\/div>\n                            <div class=\"lang-option\" data-lang=\"en\">\n                                <span class=\"lang-flag\">\ud83c\uddec\ud83c\udde7<\/span>\n                                <span>English<\/span>\n                            <\/div>\n                            <div class=\"lang-option\" data-lang=\"ur\">\n                                <span class=\"lang-flag\">\ud83c\uddf5\ud83c\uddf0<\/span>\n                                <span>\u0627\u0631\u062f\u0648<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#booking\" class=\"hidden sm:inline-flex items-center gap-2 bg-gold hover:bg-gold-light text-primary font-bold px-5 py-2.5 rounded-full text-sm transition-all duration-300 btn-shine shadow-lg hover:shadow-xl\" data-i18n=\"book_now\">\n                        \u0627\u062d\u062c\u0632 \u0625\u0642\u0627\u0645\u062a\u0643\n                    <\/a>\n                    <button id=\"menuToggle\" class=\"lg:hidden text-white p-2 rounded-lg hover:bg-white\/10 transition-colors\" aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\" aria-expanded=\"false\">\n                        <svg id=\"menuIconOpen\" class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"><\/path><\/svg>\n                        <svg id=\"menuIconClose\" class=\"w-7 h-7 hidden\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Mobile Menu -->\n        <div id=\"mobileMenu\" class=\"mobile-menu fixed top-0 right-0 w-80 h-full bg-primary-dark\/98 backdrop-blur-xl z-50 lg:hidden\" role=\"dialog\" aria-modal=\"true\" aria-label=\"\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062a\u0646\u0642\u0644\">\n            <div class=\"flex flex-col h-full p-6\">\n                <div class=\"flex items-center justify-between mb-4\">\n                    <div class=\"flex items-center gap-3\">\n                        <div class=\"w-10 h-10 bg-white rounded-full flex items-center justify-center\">\n                            <svg viewBox=\"0 0 60 60\" class=\"w-6 h-6\" fill=\"none\">\n                                <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#0A2540\" stroke-width=\"3\"><\/circle>\n                                <path d=\"M15 25L22 38L30 22L38 38L45 25\" stroke=\"#0A2540\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <span class=\"text-white font-bold\" data-i18n=\"hotel_name_short\">\u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644<\/span>\n                    <\/div>\n                    <button id=\"mobileMenuClose\" class=\"text-white\/70 hover:text-white p-1\" aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629\">\n                        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n                <!-- Mobile Language Switcher -->\n                <div class=\"mobile-lang-switcher\">\n                    <button class=\"mobile-lang-btn active\" data-lang=\"ar\" onclick=\"changeLanguage('ar')\">\ud83c\uddf8\ud83c\udde6 AR<\/button>\n                    <button class=\"mobile-lang-btn\" data-lang=\"en\" onclick=\"changeLanguage('en')\">\ud83c\uddec\ud83c\udde7 EN<\/button>\n                    <button class=\"mobile-lang-btn\" data-lang=\"ur\" onclick=\"changeLanguage('ur')\">\ud83c\uddf5\ud83c\uddf0 UR<\/button>\n                <\/div>\n                <nav class=\"flex flex-col gap-1 flex-1\">\n                    <a href=\"https:\/\/namaalasriya.com\/?lang=ar\" class=\"mobile-nav-link text-white\/80 hover:text-gold hover:bg-white\/5 px-4 py-3 rounded-xl transition-all text-lg\" data-i18n=\"nav_home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\n                    <a href=\"#about\" class=\"mobile-nav-link text-white\/80 hover:text-gold hover:bg-white\/5 px-4 py-3 rounded-xl transition-all text-lg\" data-i18n=\"nav_about\">\u0639\u0646 \u0627\u0644\u0641\u0646\u062f\u0642<\/a>\n                    <a href=\"#rooms\" class=\"mobile-nav-link text-white\/80 hover:text-gold hover:bg-white\/5 px-4 py-3 rounded-xl transition-all text-lg\" data-i18n=\"nav_rooms\">\u0627\u0644\u063a\u0631\u0641 \u0648\u0627\u0644\u0623\u062c\u0646\u062d\u0629<\/a>\n                    <a href=\"#services\" class=\"mobile-nav-link text-white\/80 hover:text-gold hover:bg-white\/5 px-4 py-3 rounded-xl transition-all text-lg\" data-i18n=\"nav_services\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a>\n                    <a href=\"#testimonials\" class=\"mobile-nav-link text-white\/80 hover:text-gold hover:bg-white\/5 px-4 py-3 rounded-xl transition-all text-lg\" data-i18n=\"nav_testimonials\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0646\u0632\u0644\u0627\u0621<\/a>\n                    <a href=\"#contact\" class=\"mobile-nav-link text-white\/80 hover:text-gold hover:bg-white\/5 px-4 py-3 rounded-xl transition-all text-lg\" data-i18n=\"nav_contact\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n                <\/nav>\n                <div class=\"mt-6 pt-6 border-t border-white\/10\">\n                    <a href=\"#booking\" class=\"flex items-center justify-center gap-2 bg-gold text-primary font-bold px-6 py-3 rounded-full w-full text-base\" data-i18n=\"book_now_mobile\">\n                        \u0627\u062d\u062c\u0632 \u0625\u0642\u0627\u0645\u062a\u0643 \u0627\u0644\u0622\u0646\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"mobileOverlay\" class=\"fixed inset-0 bg-black\/50 z-40 hidden lg:hidden\"><\/div>\n    <\/header>\n\n    <!-- ==================== HERO SECTION ==================== -->\n    <section id=\"home\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden\">\n        <!-- Background Image -->\n        <div class=\"absolute inset-0 hero-bg\" style=\"background-image: url('https:\/\/namaalasriya.com\/wp-content\/uploads\/2026\/06\/unnamed.jpg');\" role=\"img\" aria-label=\"\u063a\u0631\u0641\u0629 \u0641\u0627\u062e\u0631\u0629 \u0628\u0625\u0637\u0644\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0643\u0639\u0628\u0629 \u0627\u0644\u0645\u0634\u0631\u0641\u0629\">\n            <div class=\"absolute inset-0 bg-gradient-to-b from-primary\/80 via-primary\/60 to-primary\/90\"><\/div>\n        <\/div>\n\n        <!-- Decorative Elements -->\n        <div class=\"absolute top-20 left-10 w-32 h-32 border border-gold\/10 rounded-full hidden lg:block\"><\/div>\n        <div class=\"absolute bottom-32 right-16 w-48 h-48 border border-gold\/5 rounded-full hidden lg:block\"><\/div>\n\n        <!-- Content -->\n        <div class=\"relative z-10 text-center px-4 sm:px-6 max-w-5xl mx-auto pt-20\">\n            <!-- Badge -->\n            <div class=\"inline-flex items-center gap-2 bg-white\/10 backdrop-blur-sm border border-white\/20 rounded-full px-5 py-2 mb-8 animate-fade-in-down\">\n                <span class=\"w-2 h-2 bg-gold rounded-full animate-pulse\"><\/span>\n                <span class=\"text-white\/90 text-sm font-medium\" data-i18n=\"hero_badge\">\u2b50 \u0641\u0646\u062f\u0642 \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0646\u062c\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 \u0641\u064a \u0642\u0644\u0628 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629<\/span>\n            <\/div>\n\n            <!-- Main Title -->\n            <h2 class=\"hero-title text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold text-white leading-tight mb-6 animate-fade-in-up animation-delay-200\">\n                <span data-i18n=\"hero_welcome\">\u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643 \u0641\u064a \u0641\u0646\u062f\u0642<\/span>\n                <span class=\"block mt-2 text-transparent bg-clip-text bg-gradient-to-r from-gold to-gold-light\" data-i18n=\"hotel_name_highlight\">\u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644<\/span>\n            <\/h2>\n\n            <!-- Subtitle -->\n            <p class=\"text-white\/80 text-lg sm:text-xl md:text-2xl max-w-3xl mx-auto mb-10 leading-relaxed animate-fade-in-up animation-delay-400\">\n                <span data-i18n=\"hero_subtitle_1\">\u0625\u0642\u0627\u0645\u062a\u0643 \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0639\u0644\u0649 \u0628\u064f\u0639\u062f 13 \u062f\u0642\u064a\u0642\u0629 \u0628\u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0645\u0646 \u0628\u064a\u062a \u0627\u0644\u0644\u0647 \u0627\u0644\u062d\u0631\u0627\u0645<\/span>\n                <br class=\"hidden sm:block\">\n                <span class=\"text-gold-light\" data-i18n=\"hero_subtitle_2\">\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0647\u062f\u0648\u0621 \u0641\u064a \u0623\u0642\u062f\u0633 \u0628\u0642\u0627\u0639 \u0627\u0644\u0623\u0631\u0636<\/span>\n            <\/p>\n\n            <!-- CTA Buttons -->\n            <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 animate-fade-in-up animation-delay-600\">\n                <a href=\"#booking\" class=\"btn-shine group inline-flex items-center gap-3 bg-gold hover:bg-gold-light text-primary font-bold px-8 py-4 rounded-full text-lg transition-all duration-300 shadow-2xl hover:shadow-gold\/30 hover:-translate-y-1\">\n                    <span data-i18n=\"hero_cta_book\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/span>\n                    <svg class=\"w-5 h-5 hero-arrow-icon transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                <\/a>\n                <a href=\"#rooms\" class=\"group inline-flex items-center gap-3 bg-white\/10 hover:bg-white\/20 backdrop-blur-sm border border-white\/30 text-white font-bold px-8 py-4 rounded-full text-lg transition-all duration-300 hover:-translate-y-1\">\n                    <span data-i18n=\"hero_cta_rooms\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u063a\u0631\u0641<\/span>\n                    <svg class=\"w-5 h-5 hero-arrow-icon-2 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                <\/a>\n            <\/div>\n\n            <!-- Quick Stats -->\n            <div class=\"grid grid-cols-3 gap-4 sm:gap-8 mt-16 max-w-2xl mx-auto animate-fade-in-up animation-delay-600\">\n                <div class=\"text-center\">\n                    <div class=\"text-3xl sm:text-4xl font-bold text-gold counter-value\" data-target=\"13\">0<\/div>\n                    <div class=\"text-white\/60 text-sm mt-1\" data-i18n=\"stat_minutes\">\u062f\u0642\u064a\u0642\u0629 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645<\/div>\n                <\/div>\n                <div class=\"text-center\">\n                    <div class=\"text-3xl sm:text-4xl font-bold text-gold counter-value\" data-target=\"200\">0<\/div>\n                    <div class=\"text-white\/60 text-sm mt-1\" data-i18n=\"stat_rooms\">\u063a\u0631\u0641\u0629 \u0648\u062c\u0646\u0627\u062d<\/div>\n                <\/div>\n                <div class=\"text-center\">\n                    <div class=\"text-3xl sm:text-4xl font-bold text-gold counter-value\" data-target=\"15000\">0<\/div>\n                    <div class=\"text-white\/60 text-sm mt-1\" data-i18n=\"stat_guests\">\u0646\u0632\u064a\u0644 \u0633\u0639\u064a\u062f<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Scroll Indicator -->\n        <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 flex flex-col items-center gap-2 animate-bounce\">\n            <span class=\"text-white\/50 text-xs\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n            <svg class=\"w-6 h-6 text-gold\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path><\/svg>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== ABOUT SECTION ==================== -->\n    <section id=\"about\" class=\"relative py-20 lg:py-28 bg-white pattern-overlay\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n                <!-- Image Side -->\n                <div class=\"reveal relative\">\n                    <div class=\"relative rounded-2xl overflow-hidden shadow-2xl\">\n                        <img decoding=\"async\" src=\"https:\/\/namaalasriya.com\/wp-content\/uploads\/2026\/06\/unnamed.jpg\" alt=\"\u063a\u0631\u0641\u0629 \u0641\u0627\u062e\u0631\u0629 \u0641\u064a \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644\" class=\"w-full h-80 lg:h-[500px] object-cover\" loading=\"lazy\">\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-primary\/40 to-transparent\"><\/div>\n                    <\/div>\n                    <!-- Floating Badge -->\n                    <div class=\"absolute -bottom-6 -left-4 sm:left-6 bg-gold text-primary rounded-2xl p-5 shadow-xl float-decoration\">\n                        <div class=\"text-3xl font-bold\">+10<\/div>\n                        <div class=\"text-sm font-medium\">\u0633\u0646\u0629 \u0645\u0646 \u0627\u0644\u062a\u0645\u064a\u0632<\/div>\n                    <\/div>\n                    <!-- Decorative -->\n                    <div class=\"absolute -top-4 -right-4 w-24 h-24 border-2 border-gold\/30 rounded-2xl hidden lg:block\"><\/div>\n                <\/div>\n\n                <!-- Text Side -->\n                <div class=\"reveal\">\n                    <div class=\"inline-flex items-center gap-2 text-accent mb-4\">\n                        <div class=\"w-8 h-[2px] bg-accent rounded\"><\/div>\n                        <span class=\"text-sm font-semibold tracking-wide\" data-i18n=\"about_title\">\u0639\u0646 \u0627\u0644\u0641\u0646\u062f\u0642<\/span>\n                    <\/div>\n                    <h3 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-primary leading-tight mb-6\">\n                        <span data-i18n=\"about_headline_1\">\u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a<\/span>\n                        <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-accent to-primary\" data-i18n=\"about_headline_2\">\u0627\u0644\u0631\u0627\u062d\u0629 \u0628\u0627\u0644\u0631\u0648\u062d\u0627\u0646\u064a\u0629<\/span>\n                    <\/h3>\n                    <p class=\"text-gray-600 text-lg leading-relaxed mb-6\" data-i18n=\"about_desc_1\">\n                        \u064a\u0642\u0639 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 \u0641\u064a \u0645\u0648\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0645\u0645\u064a\u0632 \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0639\u0644\u0649 \u0628\u064f\u0639\u062f \u062f\u0642\u0627\u0626\u0642 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u0645\u0643\u064a \u0627\u0644\u0634\u0631\u064a\u0641. \u0635\u064f\u0645\u0651\u0645 \u0627\u0644\u0641\u0646\u062f\u0642 \u0644\u064a\u0648\u0641\u0631 \u0644\u0636\u064a\u0648\u0641\u0647 \u0627\u0644\u0643\u0631\u0627\u0645 \u0645\u0646 \u0627\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0648\u0627\u0644\u0632\u0648\u0627\u0631 \u0648\u0627\u0644\u062d\u062c\u0627\u062c \u0625\u0642\u0627\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0623\u0635\u0627\u0644\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0635\u0631\u064a\u0629.\n                    <\/p>\n                    <p class=\"text-gray-600 text-lg leading-relaxed mb-8\" data-i18n=\"about_desc_2\">\n                        \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u063a\u0631\u0641\u0627\u064b \u0645\u062c\u0647\u0632\u0629 \u0628\u0623\u062d\u062f\u062b \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0631\u0627\u062d\u0629\u060c \u0645\u0637\u0627\u0639\u0645 \u062a\u0642\u062f\u0645 \u0623\u0634\u0647\u0649 \u0627\u0644\u0645\u0623\u0643\u0648\u0644\u0627\u062a\u060c \u0648\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062d\u062a\u0631\u0641 \u064a\u0636\u0645\u0646 \u0644\u0643\u0645 \u0625\u0642\u0627\u0645\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u0641\u064a \u0623\u062c\u0648\u0627\u0621 \u0645\u0646 \u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u0633\u0643\u064a\u0646\u0629.\n                    <\/p>\n\n                    <!-- Features List -->\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\">\n                        <div class=\"flex items-center gap-3\">\n                            <div class=\"w-10 h-10 bg-accent\/10 rounded-full flex items-center justify-center flex-shrink-0\">\n                                <svg class=\"w-5 h-5 text-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                            <\/div>\n                            <span class=\"text-primary font-medium\" data-i18n=\"feature_1\">\u0645\u0648\u0642\u0639 \u0642\u0631\u064a\u0628 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645<\/span>\n                        <\/div>\n                        <div class=\"flex items-center gap-3\">\n                            <div class=\"w-10 h-10 bg-accent\/10 rounded-full flex items-center justify-center flex-shrink-0\">\n                                <svg class=\"w-5 h-5 text-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                            <\/div>\n                            <span class=\"text-primary font-medium\" data-i18n=\"feature_2\">\u0625\u0637\u0644\u0627\u0644\u0629 \u0639\u0644\u0649 \u0645\u0643\u0629<\/span>\n                        <\/div>\n                        <div class=\"flex items-center gap-3\">\n                            <div class=\"w-10 h-10 bg-accent\/10 rounded-full flex items-center justify-center flex-shrink-0\">\n                                <svg class=\"w-5 h-5 text-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                            <\/div>\n                            <span class=\"text-primary font-medium\" data-i18n=\"feature_3\">\u0641\u0631\u064a\u0642 \u062e\u062f\u0645\u0629 \u0645\u062a\u0645\u064a\u0632<\/span>\n                        <\/div>\n                        <div class=\"flex items-center gap-3\">\n                            <div class=\"w-10 h-10 bg-accent\/10 rounded-full flex items-center justify-center flex-shrink-0\">\n                                <svg class=\"w-5 h-5 text-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                            <\/div>\n                            <span class=\"text-primary font-medium\" data-i18n=\"feature_4\">\u0646\u0638\u0627\u0641\u0629 \u0648\u062a\u0639\u0642\u064a\u0645 \u0645\u0633\u062a\u0645\u0631<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"#rooms\" class=\"inline-flex items-center gap-2 text-accent hover:text-primary font-bold text-lg group transition-colors\">\n                        <span data-i18n=\"about_rooms_link\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u063a\u0631\u0641\u0646\u0627<\/span>\n                        <svg class=\"w-5 h-5 about-arrow-icon transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== ROOMS SECTION ==================== -->\n    <section id=\"rooms\" class=\"relative py-20 lg:py-28 bg-cream pattern-overlay section-divider\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <!-- Section Header -->\n            <div class=\"text-center mb-16 reveal\">\n                <div class=\"inline-flex items-center gap-2 text-accent mb-4\">\n                    <div class=\"w-8 h-[2px] bg-accent rounded\"><\/div>\n                    <span class=\"text-sm font-semibold tracking-wide\" data-i18n=\"rooms_section_title\">\u0627\u0644\u063a\u0631\u0641 \u0648\u0627\u0644\u0623\u062c\u0646\u062d\u0629<\/span>\n                    <div class=\"w-8 h-[2px] bg-accent rounded\"><\/div>\n                <\/div>\n                <h3 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-primary mb-4\" data-i18n=\"rooms_title\">\n                    \u0627\u062e\u062a\u0631 \u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u0627\u0633\u0628\u0643\n                <\/h3>\n                <div class=\"gold-line mb-4\"><\/div>\n                <p class=\"text-gray-500 text-lg max-w-2xl mx-auto\" data-i18n=\"rooms_subtitle\">\n                    \u063a\u0631\u0641 \u0645\u0635\u0645\u0645\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629\n                <\/p>\n            <\/div>\n\n            <!-- Rooms Grid -->\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Room Card 1: Standard -->\n                <div class=\"room-card bg-white rounded-2xl overflow-hidden shadow-lg reveal\" style=\"transition-delay: 0.1s;\">\n                    <div class=\"relative overflow-hidden h-64\">\n                        <img decoding=\"async\" src=\"https:\/\/zaferalasriya.com\/wp-content\/uploads\/2025\/12\/16-scaled.webp\" alt=\"\u063a\u0631\u0641\u0629 \u0631\u0628\u0627\u0639\u064a\u0629\" class=\"room-img w-full h-full object-cover\" loading=\"lazy\">\n                        <div class=\"absolute top-4 right-4 bg-primary text-white text-xs font-bold px-3 py-1.5 rounded-full\" data-i18n=\"room_badge_popular\">\n                            \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <h4 class=\"text-xl font-bold text-primary mb-3\" data-i18n=\"room_quad\">\u063a\u0631\u0641\u0629 \u0631\u0628\u0627\u0639\u064a\u0629<\/h4>\n                        <div class=\"flex flex-wrap gap-2 mb-4\">\n                            <span class=\"bg-cream text-gray-600 text-xs px-3 py-1 rounded-full\" data-i18n=\"amenity_wifi\">\u0648\u0627\u064a \u0641\u0627\u064a<\/span>\n                            <span class=\"bg-cream text-gray-600 text-xs px-3 py-1 rounded-full\" data-i18n=\"amenity_ac\">\u062a\u0643\u064a\u064a\u0641<\/span>\n                            <span class=\"bg-cream text-gray-600 text-xs px-3 py-1 rounded-full\" data-i18n=\"amenity_tv\">\u062a\u0644\u0641\u0627\u0632<\/span>\n                        <\/div>\n                        <p class=\"text-gray-500 text-sm mb-5 leading-relaxed\" data-i18n=\"room_quad_desc\">\u063a\u0631\u0641\u0629 \u0645\u0631\u064a\u062d\u0629 \u0648\u0645\u062c\u0647\u0632\u0629 \u0628\u0643\u0627\u0641\u0629 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0625\u0642\u0627\u0645\u0629 \u0647\u0627\u062f\u0626\u0629 \u0648\u0645\u0631\u064a\u062d\u0629.<\/p>\n                        <div class=\"flex items-end justify-between pt-4 border-t border-gray-100\">\n                            <div>\n                                <span class=\"text-2xl font-bold text-accent\"><\/span>\n                                <span class=\"text-gray-400 text-sm\"><\/span>\n                            <\/div>\n                            <a href=\"#booking\" class=\"bg-primary hover:bg-primary-light text-white font-bold px-5 py-2.5 rounded-full text-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg\" data-i18n=\"book_now_btn\">\n                                \u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Room Card 2: Deluxe -->\n                <div class=\"room-card bg-white rounded-2xl overflow-hidden shadow-lg reveal ring-2 ring-gold\/30 relative\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"absolute top-0 left-0 right-0 bg-gold text-primary text-center text-xs font-bold py-1.5\" data-i18n=\"room_badge_recommended\">\n                        \u2b50 \u0645\u0648\u0635\u0649 \u0628\u0647\u0627\n                    <\/div>\n                    <div class=\"relative overflow-hidden h-64 mt-7\">\n                        <img decoding=\"async\" src=\"https:\/\/zaferalasriya.com\/wp-content\/uploads\/2025\/12\/13-scaled.webp\" alt=\"\u063a\u0631\u0641\u0629 \u0631\u0628\u0627\u0639\u064a\u0629\" class=\"room-img w-full h-full object-cover\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"p-6\">\n                        <h4 class=\"text-xl font-bold text-primary mb-3\" data-i18n=\"room_quad\">\u063a\u0631\u0641\u0629 \u0631\u0628\u0627\u0639\u064a\u0629<\/h4>\n                        <div class=\"flex flex-wrap gap-2 mb-4\">\n                            <span class=\"bg-cream text-gray-600 text-xs px-3 py-1 rounded-full\" data-i18n=\"amenity_view\">\u0625\u0637\u0644\u0627\u0644\u0629 \u0645\u0645\u064a\u0632\u0629<\/span>\n                            <span class=\"bg-cream text-gray-600 text-xs px-3 py-1 rounded-full\" data-i18n=\"amenity_wifi\">\u0648\u0627\u064a \u0641\u0627\u064a<\/span>\n                            <span class=\"bg-cream text-gray-600 text-xs px-3 py-1 rounded-full\" data-i18n=\"amenity_minibar\">\u0645\u064a\u0646\u064a \u0628\u0627\u0631<\/span>\n                        <\/div>\n                        <p class=\"text-gray-500 text-sm mb-5 leading-relaxed\" data-i18n=\"room_quad_deluxe_desc\">\u063a\u0631\u0641\u0629 \u0641\u0627\u062e\u0631\u0629 \u0645\u0639 \u0625\u0637\u0644\u0627\u0644\u0629 \u0645\u0645\u064a\u0632\u0629 \u0648\u062a\u0635\u0645\u064a\u0645 \u0639\u0635\u0631\u064a \u0623\u0646\u064a\u0642 \u0644\u062a\u062c\u0631\u0628\u0629 \u0625\u0642\u0627\u0645\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629.<\/p>\n                        <div class=\"flex items-end justify-between pt-4 border-t border-gray-100\">\n                            <div>\n                                <span class=\"text-2xl font-bold text-accent\"><\/span>\n                                <span class=\"text-gray-400 text-sm\"><\/span>\n                            <\/div>\n                            <a href=\"#booking\" class=\"bg-gold hover:bg-gold-light text-primary font-bold px-5 py-2.5 rounded-full text-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg\" data-i18n=\"book_now_btn\">\n                                \u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Room Card 3: Family Suite -->\n                <div class=\"room-card bg-white rounded-2xl overflow-hidden shadow-lg reveal\" style=\"transition-delay: 0.3s;\">\n                    <div class=\"relative overflow-hidden h-64\">\n                        <img decoding=\"async\" src=\"https:\/\/zaferalasriya.com\/wp-content\/uploads\/2025\/12\/16-scaled.webp\" alt=\"\u063a\u0631\u0641\u0629 \u062b\u0644\u0627\u062b\u064a\u0629\" class=\"room-img w-full h-full object-cover\" loading=\"lazy\">\n                        <div class=\"absolute top-4 right-4 bg-accent text-white text-xs font-bold px-3 py-1.5 rounded-full\" data-i18n=\"room_badge_family\">\n                            \u0639\u0627\u0626\u0644\u064a\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-6\">\n                        <h4 class=\"text-xl font-bold text-primary mb-3\" data-i18n=\"room_triple\">\u063a\u0631\u0641\u0629 \u062b\u0644\u0627\u062b\u064a\u0629<\/h4>\n                        <div class=\"flex flex-wrap gap-2 mb-4\">\n                            <span class=\"bg-cream text-gray-600 text-xs px-3 py-1 rounded-full\" data-i18n=\"amenity_wifi\">\u0648\u0627\u064a \u0641\u0627\u064a<\/span>\n                            <span class=\"bg-cream text-gray-600 text-xs px-3 py-1 rounded-full\" data-i18n=\"amenity_room_service\">\u062e\u062f\u0645\u0629 \u063a\u0631\u0641<\/span>\n                        <\/div>\n                        <p class=\"text-gray-500 text-sm mb-5 leading-relaxed\" data-i18n=\"room_triple_desc\">\u062c\u0646\u0627\u062d \u0648\u0627\u0633\u0639 \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0645\u0639 \u063a\u0631\u0641 \u0645\u0646\u0641\u0635\u0644\u0629 \u0648\u0645\u0633\u0627\u062d\u0629 \u0645\u0639\u064a\u0634\u0629 \u0645\u0631\u064a\u062d\u0629.<\/p>\n                        <div class=\"flex items-end justify-between pt-4 border-t border-gray-100\">\n                            <div>\n                                <span class=\"text-2xl font-bold text-accent\"><\/span>\n                                <span class=\"text-gray-400 text-sm\"><\/span>\n                            <\/div>\n                            <a href=\"#booking\" class=\"bg-primary hover:bg-primary-light text-white font-bold px-5 py-2.5 rounded-full text-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg\" data-i18n=\"book_now_btn\">\n                                \u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- View All Rooms -->\n            <div class=\"text-center mt-12 reveal\">\n                <a href=\"#\" class=\"inline-flex items-center gap-2 border-2 border-primary text-primary hover:bg-primary hover:text-white font-bold px-8 py-3.5 rounded-full text-base transition-all duration-300\">\n                    <span data-i18n=\"view_all_rooms\">\u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u063a\u0631\u0641<\/span>\n                    <svg class=\"w-5 h-5 rooms-arrow-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== SERVICES SECTION ==================== -->\n    <section id=\"services\" class=\"relative py-20 lg:py-28 bg-primary overflow-hidden\">\n        <!-- Background Pattern -->\n        <div class=\"absolute inset-0 opacity-5\">\n            <div class=\"absolute top-10 right-10 w-72 h-72 border border-white rounded-full\"><\/div>\n            <div class=\"absolute bottom-10 left-10 w-96 h-96 border border-white rounded-full\"><\/div>\n        <\/div>\n\n        <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <!-- Section Header -->\n            <div class=\"text-center mb-16 reveal\">\n                <div class=\"inline-flex items-center gap-2 text-gold mb-4\">\n                    <div class=\"w-8 h-[2px] bg-gold rounded\"><\/div>\n                    <span class=\"text-sm font-semibold tracking-wide text-gold\" data-i18n=\"services_section_title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/span>\n                    <div class=\"w-8 h-[2px] bg-gold rounded\"><\/div>\n                <\/div>\n                <h3 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4\" data-i18n=\"services_title\">\n                    \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0631\u0627\u062d\u062a\u0643\u0645\n                <\/h3>\n                <div class=\"gold-line mb-4\"><\/div>\n                <p class=\"text-white\/60 text-lg max-w-2xl mx-auto\" data-i18n=\"services_subtitle\">\n                    \u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0625\u0642\u0627\u0645\u0629 \u0645\u0631\u064a\u062d\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627\n                <\/p>\n            <\/div>\n\n            <!-- Services Grid -->\n            <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 sm:gap-6\">\n                <!-- Service 1: WiFi -->\n                <div class=\"service-card bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-2xl p-6 text-center cursor-pointer reveal\" style=\"transition-delay: 0.05s;\">\n                    <div class=\"service-icon text-gold text-4xl mb-4 mx-auto\">\n                        <svg class=\"w-10 h-10 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.858 15.355-5.858 21.213 0\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"service-title text-white font-bold text-sm mb-2\" data-i18n=\"service_wifi\">Wi-Fi \u0645\u062c\u0627\u0646\u064a<\/h4>\n                    <p class=\"service-desc text-white\/50 text-xs leading-relaxed\" data-i18n=\"service_wifi_desc\">\u0625\u0646\u062a\u0631\u0646\u062a \u0639\u0627\u0644\u064a \u0627\u0644\u0633\u0631\u0639\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0641\u0646\u062f\u0642<\/p>\n                <\/div>\n\n                <!-- Service 2: 24h Reception -->\n                <div class=\"service-card bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-2xl p-6 text-center cursor-pointer reveal\" style=\"transition-delay: 0.1s;\">\n                    <div class=\"service-icon text-gold text-4xl mb-4 mx-auto\">\n                        <svg class=\"w-10 h-10 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"service-title text-white font-bold text-sm mb-2\" data-i18n=\"service_reception\">\u0627\u0633\u062a\u0642\u0628\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/h4>\n                    <p class=\"service-desc text-white\/50 text-xs leading-relaxed\" data-i18n=\"service_reception_desc\">\u0641\u0631\u064a\u0642 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0645\u062a\u0627\u062d \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/p>\n                <\/div>\n\n                <!-- Service 3: Restaurant -->\n                <div class=\"service-card bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-2xl p-6 text-center cursor-pointer reveal\" style=\"transition-delay: 0.15s;\">\n                    <div class=\"service-icon text-gold text-4xl mb-4 mx-auto\">\n                        <svg class=\"w-10 h-10 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"service-title text-white font-bold text-sm mb-2\" data-i18n=\"service_restaurant\">\u0645\u0637\u0639\u0645 \u0648\u0643\u0627\u0641\u064a\u062a\u064a\u0631\u064a\u0627<\/h4>\n                    <p class=\"service-desc text-white\/50 text-xs leading-relaxed\" data-i18n=\"service_restaurant_desc\">\u0645\u0623\u0643\u0648\u0644\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u0634\u0647\u064a\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u064a\u0648\u0645<\/p>\n                <\/div>\n\n                <!-- Service 4: Room Service -->\n                <div class=\"service-card bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-2xl p-6 text-center cursor-pointer reveal\" style=\"transition-delay: 0.2s;\">\n                    <div class=\"service-icon text-gold text-4xl mb-4 mx-auto\">\n                        <svg class=\"w-10 h-10 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"service-title text-white font-bold text-sm mb-2\" data-i18n=\"service_room\">\u062e\u062f\u0645\u0629 \u0627\u0644\u063a\u0631\u0641<\/h4>\n                    <p class=\"service-desc text-white\/50 text-xs leading-relaxed\" data-i18n=\"service_room_desc\">\u0648\u062c\u0628\u0627\u062a \u0648\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u062a\u0635\u0644 \u0625\u0644\u0649 \u063a\u0631\u0641\u062a\u0643<\/p>\n                <\/div>\n\n                <!-- Service 5: Parking -->\n                <div class=\"service-card bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-2xl p-6 text-center cursor-pointer reveal\" style=\"transition-delay: 0.25s;\">\n                    <div class=\"service-icon text-gold text-4xl mb-4 mx-auto\">\n                        <svg class=\"w-10 h-10 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V19a2 2 0 01-2 2H8a2 2 0 01-2-2v-2\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"service-title text-white font-bold text-sm mb-2\" data-i18n=\"service_parking\">\u0645\u0648\u0627\u0642\u0641 \u0633\u064a\u0627\u0631\u0627\u062a<\/h4>\n                    <p class=\"service-desc text-white\/50 text-xs leading-relaxed\" data-i18n=\"service_parking_desc\">\u0645\u0648\u0627\u0642\u0641 \u0622\u0645\u0646\u0629 \u0648\u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u0646\u0632\u0644\u0627\u0621<\/p>\n                <\/div>\n\n                <!-- Service 6: Haram Transport -->\n                <div class=\"service-card bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-2xl p-6 text-center cursor-pointer reveal\" style=\"transition-delay: 0.3s;\">\n                    <div class=\"service-icon text-gold text-4xl mb-4 mx-auto\">\n                        <svg class=\"w-10 h-10 mx-auto\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"service-title text-white font-bold text-sm mb-2\" data-i18n=\"service_transport\">\u0646\u0642\u0644 \u0645\u0646\/\u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645<\/h4>\n                    <p class=\"service-desc text-white\/50 text-xs leading-relaxed\" data-i18n=\"service_transport_desc\">\u062e\u062f\u0645\u0629 \u0646\u0642\u0644 \u0645\u0631\u064a\u062d\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u062c\u062f \u0627\u0644\u062d\u0631\u0627\u0645<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== TESTIMONIALS SECTION ==================== -->\n    <section id=\"testimonials\" class=\"relative py-20 lg:py-28 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <!-- Section Header -->\n            <div class=\"text-center mb-16 reveal\">\n                <div class=\"inline-flex items-center gap-2 text-accent mb-4\">\n                    <div class=\"w-8 h-[2px] bg-accent rounded\"><\/div>\n                    <span class=\"text-sm font-semibold tracking-wide\" data-i18n=\"testimonials_section_title\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0646\u0632\u0644\u0627\u0621<\/span>\n                    <div class=\"w-8 h-[2px] bg-accent rounded\"><\/div>\n                <\/div>\n                <h3 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-primary mb-4\" data-i18n=\"testimonials_title\">\n                    \u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0636\u064a\u0648\u0641\u0646\u0627\n                <\/h3>\n                <div class=\"gold-line mb-4\"><\/div>\n                <p class=\"text-gray-500 text-lg max-w-2xl mx-auto\" data-i18n=\"testimonials_subtitle\">\n                    \u0646\u0641\u062e\u0631 \u0628\u062b\u0642\u0629 \u0622\u0644\u0627\u0641 \u0627\u0644\u0646\u0632\u0644\u0627\u0621 \u0627\u0644\u0630\u064a\u0646 \u0627\u062e\u062a\u0627\u0631\u0648\u0627 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 \u0644\u0625\u0642\u0627\u0645\u062a\u0647\u0645\n                <\/p>\n            <\/div>\n\n            <!-- Testimonials Slider -->\n            <div class=\"relative overflow-hidden reveal\">\n                <div id=\"testimonialTrack\" class=\"testimonial-track\">\n                    <!-- Testimonial 1 -->\n                    <div class=\"w-full flex-shrink-0 px-3\">\n                        <div class=\"max-w-3xl mx-auto bg-cream rounded-2xl p-8 lg:p-10 text-center relative\">\n                            <div class=\"absolute -top-4 right-8 text-gold text-6xl font-serif leading-none\">\"<\/div>\n                            <div class=\"flex justify-center mb-4\">\n                                <div class=\"flex gap-1\">\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-gray-600 text-lg leading-relaxed mb-6\">\n                                \u062a\u062c\u0631\u0628\u0629 \u0631\u0627\u0626\u0639\u0629! \u0627\u0644\u0641\u0646\u062f\u0642 \u0646\u0638\u064a\u0641 \u062c\u062f\u0627\u064b \u0648\u0627\u0644\u0645\u0648\u0638\u0641\u0648\u0646 \u0648\u062f\u0648\u062f\u0648\u0646 \u0648\u0645\u062a\u0639\u0627\u0648\u0646\u0648\u0646. \u0627\u0644\u0645\u0648\u0642\u0639 \u0645\u0645\u062a\u0627\u0632 \u0648\u0642\u0631\u064a\u0628 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645. \u0623\u0646\u0635\u062d \u0627\u0644\u062c\u0645\u064a\u0639 \u0628\u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0641\u064a \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644.\n                            <\/p>\n                            <div class=\"flex items-center justify-center gap-3\">\n                                <div class=\"w-12 h-12 bg-accent\/10 rounded-full flex items-center justify-center\">\n                                    <span class=\"text-accent font-bold text-lg\">\u0623<\/span>\n                                <\/div>\n                                <div class=\"text-right\">\n                                    <h5 class=\"font-bold text-primary\">\u0623\u062d\u0645\u062f \u0645\u062d\u0645\u062f<\/h5>\n                                    <p class=\"text-gray-400 text-sm\">\u0645\u0639\u062a\u0645\u0631 - \u062c\u062f\u0629<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial 2 -->\n                    <div class=\"w-full flex-shrink-0 px-3\">\n                        <div class=\"max-w-3xl mx-auto bg-cream rounded-2xl p-8 lg:p-10 text-center relative\">\n                            <div class=\"absolute -top-4 right-8 text-gold text-6xl font-serif leading-none\">\"<\/div>\n                            <div class=\"flex justify-center mb-4\">\n                                <div class=\"flex gap-1\">\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-gray-600 text-lg leading-relaxed mb-6\">\n                                \u0623\u0642\u0645\u0646\u0627 \u0645\u0639 \u0639\u0627\u0626\u0644\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u062c\u0646\u0627\u062d \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0648\u0643\u0627\u0646\u062a \u062a\u062c\u0631\u0628\u0629 \u0645\u0645\u062a\u0627\u0632\u0629. \u0627\u0644\u063a\u0631\u0641 \u0648\u0627\u0633\u0639\u0629 \u0648\u0646\u0638\u064a\u0641\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0629 \u0645\u0645\u062a\u0627\u0632\u0629. \u0627\u0644\u0645\u0637\u0639\u0645 \u064a\u0642\u062f\u0645 \u0648\u062c\u0628\u0627\u062a \u0634\u0647\u064a\u0629 \u0648\u0645\u062a\u0646\u0648\u0639\u0629. \u0633\u0646\u0639\u0648\u062f \u062d\u062a\u0645\u0627\u064b \u0625\u0646 \u0634\u0627\u0621 \u0627\u0644\u0644\u0647.\n                            <\/p>\n                            <div class=\"flex items-center justify-center gap-3\">\n                                <div class=\"w-12 h-12 bg-accent\/10 rounded-full flex items-center justify-center\">\n                                    <span class=\"text-accent font-bold text-lg\">\u0641<\/span>\n                                <\/div>\n                                <div class=\"text-right\">\n                                    <h5 class=\"font-bold text-primary\">\u0641\u0627\u0637\u0645\u0629 \u0627\u0644\u0639\u0644\u064a<\/h5>\n                                    <p class=\"text-gray-400 text-sm\">\u062d\u0627\u062c\u0651\u0629 - \u0627\u0644\u0642\u0627\u0647\u0631\u0629<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial 3 -->\n                    <div class=\"w-full flex-shrink-0 px-3\">\n                        <div class=\"max-w-3xl mx-auto bg-cream rounded-2xl p-8 lg:p-10 text-center relative\">\n                            <div class=\"absolute -top-4 right-8 text-gold text-6xl font-serif leading-none\">\"<\/div>\n                            <div class=\"flex justify-center mb-4\">\n                                <div class=\"flex gap-1\">\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-empty\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-gray-600 text-lg leading-relaxed mb-6\">\n                                \u062e\u062f\u0645\u0629 \u0627\u0644\u0646\u0642\u0644 \u0645\u0646 \u0648\u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645 \u0643\u0627\u0646\u062a \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u0633\u0647\u0644\u0629. \u0627\u0644\u0645\u0648\u0638\u0641\u0648\u0646 \u064a\u062a\u062d\u062f\u062b\u0648\u0646 \u0639\u062f\u0629 \u0644\u063a\u0627\u062a \u0645\u0645\u0627 \u0633\u0647\u0651\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644. \u0627\u0644\u0625\u0637\u0644\u0627\u0644\u0629 \u0645\u0646 \u0627\u0644\u063a\u0631\u0641\u0629 \u0643\u0627\u0646\u062a \u0631\u0627\u0626\u0639\u0629. \u0623\u0646\u0635\u062d \u0628\u0647\u0630\u0627 \u0627\u0644\u0641\u0646\u062f\u0642 \u0628\u0634\u062f\u0629.\n                            <\/p>\n                            <div class=\"flex items-center justify-center gap-3\">\n                                <div class=\"w-12 h-12 bg-accent\/10 rounded-full flex items-center justify-center\">\n                                    <span class=\"text-accent font-bold text-lg\">\u062e<\/span>\n                                <\/div>\n                                <div class=\"text-right\">\n                                    <h5 class=\"font-bold text-primary\">\u062e\u0627\u0644\u062f \u0627\u0644\u0631\u0634\u064a\u062f\u064a<\/h5>\n                                    <p class=\"text-gray-400 text-sm\">\u0645\u0639\u062a\u0645\u0631 - \u0627\u0644\u0643\u0648\u064a\u062a<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial 4 -->\n                    <div class=\"w-full flex-shrink-0 px-3\">\n                        <div class=\"max-w-3xl mx-auto bg-cream rounded-2xl p-8 lg:p-10 text-center relative\">\n                            <div class=\"absolute -top-4 right-8 text-gold text-6xl font-serif leading-none\">\"<\/div>\n                            <div class=\"flex justify-center mb-4\">\n                                <div class=\"flex gap-1\">\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                    <svg class=\"w-5 h-5 star-filled\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"><\/path><\/svg>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-gray-600 text-lg leading-relaxed mb-6\">\n                                \u0623\u0641\u0636\u0644 \u0641\u0646\u062f\u0642 \u0623\u0642\u0645\u0646\u0627 \u0641\u064a\u0647 \u062e\u0644\u0627\u0644 \u0632\u064a\u0627\u0631\u062a\u0646\u0627 \u0644\u0645\u0643\u0629. \u0627\u0644\u0646\u0638\u0627\u0641\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u0627\u0644\u0645\u0648\u0642\u0639 \u0645\u062b\u0627\u0644\u064a. \u0637\u0627\u0642\u0645 \u0627\u0644\u0639\u0645\u0644 \u0645\u062d\u062a\u0631\u0641 \u062c\u062f\u0627\u064b \u0648\u064a\u062d\u0631\u0635 \u0639\u0644\u0649 \u0631\u0627\u062d\u0629 \u0627\u0644\u0646\u0632\u0644\u0627\u0621. \u0634\u0643\u0631\u0627\u064b \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644!\n                            <\/p>\n                            <div class=\"flex items-center justify-center gap-3\">\n                                <div class=\"w-12 h-12 bg-accent\/10 rounded-full flex items-center justify-center\">\n                                    <span class=\"text-accent font-bold text-lg\">\u0646<\/span>\n                                <\/div>\n                                <div class=\"text-right\">\n                                    <h5 class=\"font-bold text-primary\">\u0646\u0648\u0631\u0629 \u0627\u0644\u0633\u0627\u0644\u0645<\/h5>\n                                    <p class=\"text-gray-400 text-sm\">\u0645\u0639\u062a\u0645\u0631\u0629 - \u0627\u0644\u0631\u064a\u0627\u0636<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Slider Controls -->\n                <div class=\"flex items-center justify-center gap-4 mt-8\">\n                    <button id=\"prevTestimonial\" class=\"w-12 h-12 bg-primary hover:bg-primary-light text-white rounded-full flex items-center justify-center transition-all duration-300 hover:scale-110\" aria-label=\"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0633\u0627\u0628\u0642\">\n                        <svg class=\"w-5 h-5 transform rotate-180\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                    <div id=\"testimonialDots\" class=\"flex gap-2\">\n                        <button class=\"w-3 h-3 rounded-full bg-accent transition-all duration-300\" aria-label=\"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 1\"><\/button>\n                        <button class=\"w-3 h-3 rounded-full bg-gray-300 transition-all duration-300\" aria-label=\"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 2\"><\/button>\n                        <button class=\"w-3 h-3 rounded-full bg-gray-300 transition-all duration-300\" aria-label=\"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 3\"><\/button>\n                        <button class=\"w-3 h-3 rounded-full bg-gray-300 transition-all duration-300\" aria-label=\"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 4\"><\/button>\n                    <\/div>\n                    <button id=\"nextTestimonial\" class=\"w-12 h-12 bg-primary hover:bg-primary-light text-white rounded-full flex items-center justify-center transition-all duration-300 hover:scale-110\" aria-label=\"\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062a\u0627\u0644\u064a\">\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== BOOKING SECTION ==================== -->\n    <section id=\"booking\" class=\"relative py-20 lg:py-28 bg-gradient-to-br from-primary via-primary-light to-primary overflow-hidden\">\n        <!-- Decorative -->\n        <div class=\"absolute top-0 left-0 w-full h-full opacity-5\">\n            <div class=\"absolute top-20 right-20 w-40 h-40 border-2 border-white rounded-full\"><\/div>\n            <div class=\"absolute bottom-20 left-20 w-60 h-60 border border-white rounded-full\"><\/div>\n        <\/div>\n\n        <div class=\"relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-12 reveal\">\n                <div class=\"inline-flex items-center gap-2 text-gold mb-4\">\n                    <div class=\"w-8 h-[2px] bg-gold rounded\"><\/div>\n                    <span class=\"text-sm font-semibold tracking-wide text-gold\" data-i18n=\"booking_section_title\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646<\/span>\n                    <div class=\"w-8 h-[2px] bg-gold rounded\"><\/div>\n                <\/div>\n                <h3 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4\" data-i18n=\"booking_title\">\n                    \u0627\u062d\u062c\u0632 \u0625\u0642\u0627\u0645\u062a\u0643 \u0627\u0644\u0622\u0646\n                <\/h3>\n                <div class=\"gold-line mb-4\"><\/div>\n                <p class=\"text-white\/60 text-lg\" data-i18n=\"booking_subtitle\">\n                    \u0627\u062d\u062c\u0632 \u063a\u0631\u0641\u062a\u0643 \u0648\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0625\u0642\u0627\u0645\u0629 \u0645\u0645\u064a\u0632\u0629 \u0641\u064a \u0642\u0644\u0628 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\n                <\/p>\n            <\/div>\n\n            <!-- Booking Form -->\n            <div class=\"bg-white\/10 backdrop-blur-lg rounded-3xl p-8 lg:p-12 border border-white\/10 reveal\">\n                <form id=\"bookingForm\" class=\"space-y-6\">\n                    <div class=\"grid sm:grid-cols-2 gap-6\">\n                        <div>\n                            <label class=\"block text-white\/80 text-sm font-medium mb-2\" for=\"bookName\" data-i18n=\"form_fullname\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n                            <input type=\"text\" id=\"bookName\" data-i18n-placeholder=\"form_fullname_placeholder\" placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\" class=\"form-input w-full bg-white\/10 border border-white\/20 rounded-xl px-4 py-3 text-white placeholder-white\/40 focus:outline-none focus:border-gold transition-all\" required=\"\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-white\/80 text-sm font-medium mb-2\" for=\"bookPhone\" data-i18n=\"form_phone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n                            <input type=\"tel\" id=\"bookPhone\" placeholder=\"+966 5XX XXX XXXX\" class=\"form-input w-full bg-white\/10 border border-white\/20 rounded-xl px-4 py-3 text-white placeholder-white\/40 focus:outline-none focus:border-gold transition-all\" required=\"\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"grid sm:grid-cols-2 gap-6\">\n                        <div>\n                            <label class=\"block text-white\/80 text-sm font-medium mb-2\" for=\"bookCheckin\" data-i18n=\"form_checkin\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0648\u0635\u0648\u0644<\/label>\n                            <input type=\"text\" id=\"bookCheckin\" placeholder=\"YYYY-MM-DD\" onfocus=\"this.type='date'\" onblur=\"if(!this.value)this.type='text'\" class=\"form-input w-full bg-white\/10 border border-white\/20 rounded-xl px-4 py-3 text-white placeholder-white\/50 focus:outline-none focus:border-gold transition-all\" style=\"direction:ltr; text-align:right;\" required=\"\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-white\/80 text-sm font-medium mb-2\" for=\"bookCheckout\" data-i18n=\"form_checkout\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u063a\u0627\u062f\u0631\u0629<\/label>\n                            <input type=\"text\" id=\"bookCheckout\" placeholder=\"YYYY-MM-DD\" onfocus=\"this.type='date'\" onblur=\"if(!this.value)this.type='text'\" class=\"form-input w-full bg-white\/10 border border-white\/20 rounded-xl px-4 py-3 text-white placeholder-white\/50 focus:outline-none focus:border-gold transition-all\" style=\"direction:ltr; text-align:right;\" required=\"\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"grid sm:grid-cols-2 gap-6\">\n                        <div>\n                            <label class=\"block text-white\/80 text-sm font-medium mb-2\" for=\"bookRoom\" data-i18n=\"form_room_type\">\u0646\u0648\u0639 \u0627\u0644\u063a\u0631\u0641\u0629<\/label>\n                            <select id=\"bookRoom\" class=\"form-input w-full bg-white\/10 border border-white\/20 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold transition-all\" required=\"\">\n                                <option value=\"\" class=\"text-primary\" data-i18n=\"form_select_room\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u063a\u0631\u0641\u0629<\/option>\n                                <option value=\"standard\" class=\"text-primary\" data-i18n=\"room_option_standard\">\u0627\u0644\u063a\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629<\/option>\n                                <option value=\"deluxe\" class=\"text-primary\" data-i18n=\"room_option_deluxe\">\u063a\u0631\u0641\u0629 \u0627\u0644\u062f\u064a\u0644\u0648\u0643\u0633<\/option>\n                                <option value=\"suite\" class=\"text-primary\" data-i18n=\"room_option_suite\">\u0627\u0644\u062c\u0646\u0627\u062d \u0627\u0644\u0639\u0627\u0626\u0644\u064a<\/option>\n                            <\/select>\n                        <\/div>\n                        <div>\n                            <label class=\"block text-white\/80 text-sm font-medium mb-2\" for=\"bookGuests\" data-i18n=\"form_guests\">\u0639\u062f\u062f \u0627\u0644\u0646\u0632\u0644\u0627\u0621<\/label>\n                            <select id=\"bookGuests\" class=\"form-input w-full bg-white\/10 border border-white\/20 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-gold transition-all\" required=\"\">\n                                <option value=\"\" class=\"text-primary\" data-i18n=\"form_select_guests\">\u0627\u062e\u062a\u0631<\/option>\n                                <option value=\"1\" class=\"text-primary\" data-i18n=\"guest_1\">1 \u0634\u062e\u0635<\/option>\n                                <option value=\"2\" class=\"text-primary\" data-i18n=\"guest_2\">2 \u0634\u062e\u0635<\/option>\n                                <option value=\"3\" class=\"text-primary\" data-i18n=\"guest_3\">3 \u0623\u0634\u062e\u0627\u0635<\/option>\n                                <option value=\"4\" class=\"text-primary\" data-i18n=\"guest_4\">4 \u0623\u0634\u062e\u0627\u0635<\/option>\n                                <option value=\"5\" class=\"text-primary\" data-i18n=\"guest_5\">5 \u0623\u0634\u062e\u0627\u0635 \u0623\u0648 \u0623\u0643\u062b\u0631<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <label class=\"block text-white\/80 text-sm font-medium mb-2\" for=\"bookNotes\" data-i18n=\"form_notes\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629<\/label>\n                        <textarea id=\"bookNotes\" rows=\"3\" data-i18n-placeholder=\"form_notes_placeholder\" placeholder=\"\u0623\u064a \u0637\u0644\u0628\u0627\u062a \u062e\u0627\u0635\u0629 \u0623\u0648 \u0645\u0644\u0627\u062d\u0638\u0627\u062a...\" class=\"form-input w-full bg-white\/10 border border-white\/20 rounded-xl px-4 py-3 text-white placeholder-white\/40 focus:outline-none focus:border-gold transition-all resize-none\"><\/textarea>\n                    <\/div>\n                    <button type=\"submit\" class=\"w-full bg-gold hover:bg-gold-light text-primary font-bold px-8 py-4 rounded-full text-lg transition-all duration-300 btn-shine shadow-xl hover:shadow-gold\/30 hover:-translate-y-1\" data-i18n=\"form_submit\">\n                        \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u062c\u0632\n                    <\/button>\n                <\/form>\n\n                <!-- Success Message (Hidden by default) -->\n                <div id=\"bookingSuccess\" class=\"hidden text-center py-8\">\n                    <div class=\"w-20 h-20 bg-green-500\/20 rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <svg class=\"w-10 h-10 text-green-400\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"text-2xl font-bold text-white mb-2\" data-i18n=\"form_success_title\">\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d!<\/h4>\n                    <p class=\"text-white\/70 text-lg\" data-i18n=\"form_success_desc\">\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0642\u0631\u064a\u0628\u0627\u064b \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u062c\u0632. \u0634\u0643\u0631\u0627\u064b \u0644\u0627\u062e\u062a\u064a\u0627\u0631\u0643\u0645 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== CONTACT SECTION ==================== -->\n    <section id=\"contact\" class=\"relative py-20 lg:py-28 bg-cream pattern-overlay section-divider\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <!-- Section Header -->\n            <div class=\"text-center mb-16 reveal\">\n                <div class=\"inline-flex items-center gap-2 text-accent mb-4\">\n                    <div class=\"w-8 h-[2px] bg-accent rounded\"><\/div>\n                    <span class=\"text-sm font-semibold tracking-wide\" data-i18n=\"contact_section_title\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\n                    <div class=\"w-8 h-[2px] bg-accent rounded\"><\/div>\n                <\/div>\n                <h3 class=\"text-3xl sm:text-4xl lg:text-5xl font-bold text-primary mb-4\" data-i18n=\"contact_title\">\n                    \u0646\u0633\u0639\u062f \u0628\u062a\u0648\u0627\u0635\u0644\u0643\u0645\n                <\/h3>\n                <div class=\"gold-line mb-4\"><\/div>\n                <p class=\"text-gray-500 text-lg max-w-2xl mx-auto\" data-i18n=\"contact_subtitle\">\n                    \u0644\u0627 \u062a\u062a\u0631\u062f\u062f \u0641\u064a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0623\u0648 \u062d\u062c\u0632\n                <\/p>\n            <\/div>\n\n            <div class=\"grid lg:grid-cols-2 gap-12\">\n                <!-- Contact Form -->\n                <div class=\"reveal\">\n                    <form id=\"contactForm\" class=\"bg-white rounded-2xl p-8 shadow-lg space-y-6\">\n                        <h4 class=\"text-xl font-bold text-primary mb-6\" data-i18n=\"contact_form_title\">\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629<\/h4>\n                        <div class=\"grid sm:grid-cols-2 gap-6\">\n                            <div>\n                                <label class=\"block text-gray-600 text-sm font-medium mb-2\" for=\"contactName\" data-i18n=\"form_name\">\u0627\u0644\u0627\u0633\u0645<\/label>\n                                <input type=\"text\" id=\"contactName\" data-i18n-placeholder=\"form_name_placeholder\" placeholder=\"\u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\" class=\"form-input w-full border border-gray-200 rounded-xl px-4 py-3 text-primary placeholder-gray-400 focus:outline-none transition-all\" required=\"\">\n                            <\/div>\n                            <div>\n                                <label class=\"block text-gray-600 text-sm font-medium mb-2\" for=\"contactEmail\" data-i18n=\"form_email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n                                <input type=\"email\" id=\"contactEmail\" data-i18n-placeholder=\"form_email_placeholder\" placeholder=\"example@email.com\" class=\"form-input w-full border border-gray-200 rounded-xl px-4 py-3 text-primary placeholder-gray-400 focus:outline-none transition-all\" required=\"\">\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <label class=\"block text-gray-600 text-sm font-medium mb-2\" for=\"contactPhone\" data-i18n=\"form_phone\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n                            <input type=\"tel\" id=\"contactPhone\" placeholder=\"+966 5XX XXX XXXX\" class=\"form-input w-full border border-gray-200 rounded-xl px-4 py-3 text-primary placeholder-gray-400 focus:outline-none transition-all\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-gray-600 text-sm font-medium mb-2\" for=\"contactMessage\" data-i18n=\"form_message\">\u0627\u0644\u0631\u0633\u0627\u0644\u0629<\/label>\n                            <textarea id=\"contactMessage\" rows=\"4\" data-i18n-placeholder=\"form_message_placeholder\" placeholder=\"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\" class=\"form-input w-full border border-gray-200 rounded-xl px-4 py-3 text-primary placeholder-gray-400 focus:outline-none transition-all resize-none\" required=\"\"><\/textarea>\n                        <\/div>\n                        <button type=\"submit\" class=\"w-full bg-primary hover:bg-primary-light text-white font-bold px-8 py-3.5 rounded-full text-base transition-all duration-300 btn-shine\" data-i18n=\"form_send\">\n                            \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\n                        <\/button>\n                    <\/form>\n                <\/div>\n\n                <!-- Contact Info + Map -->\n                <div class=\"reveal space-y-8\">\n                    <!-- Contact Info Cards -->\n                    <div class=\"space-y-4\">\n                        <div class=\"flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-accent\/10 rounded-xl flex items-center justify-center flex-shrink-0\">\n                                <svg class=\"w-6 h-6 text-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n                            <\/div>\n                            <div>\n                                <h5 class=\"font-bold text-primary mb-1\" data-i18n=\"contact_address\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h5>\n                                <p class=\"text-gray-500 text-sm\">\u0634\u0627\u0631\u0639 \u0627\u0644\u0639\u0632\u064a\u0632\u064a\u0629\u060c \u062d\u064a \u0627\u0644\u0639\u0632\u064a\u0632\u064a\u0629\u060c \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-accent\/10 rounded-xl flex items-center justify-center flex-shrink-0\">\n                                <svg class=\"w-6 h-6 text-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n                            <\/div>\n                            <div>\n                                <h5 class=\"font-bold text-primary mb-1\" data-i18n=\"contact_phone\">\u0627\u0644\u0647\u0627\u062a\u0641<\/h5>\n                                <p class=\"text-gray-500 text-sm\" dir=\"ltr\">+966 56 609 4618<\/p>\n                                <p class=\"text-gray-500 text-sm\" dir=\"ltr\">+966 12 521 2550<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-accent\/10 rounded-xl flex items-center justify-center flex-shrink-0\">\n                                <svg class=\"w-6 h-6 text-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg>\n                            <\/div>\n                            <div>\n                                <h5 class=\"font-bold text-primary mb-1\" data-i18n=\"contact_email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h5>\n                                <p class=\"text-gray-500 text-sm\" dir=\"ltr\">info@warda-alasyl.com<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm hover:shadow-md transition-shadow\">\n                            <div class=\"w-12 h-12 bg-accent\/10 rounded-xl flex items-center justify-center flex-shrink-0\">\n                                <svg class=\"w-6 h-6 text-accent\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                            <\/div>\n                            <div>\n                                <h5 class=\"font-bold text-primary mb-1\" data-i18n=\"contact_hours\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h5>\n                                <p class=\"text-gray-500 text-sm\" data-i18n=\"contact_hours_desc\">\u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0645\u062a\u0627\u062d 24 \u0633\u0627\u0639\u0629 \/ 7 \u0623\u064a\u0627\u0645<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Google Maps Embed -->\n                    <div class=\"rounded-2xl overflow-hidden shadow-lg\">\n                        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d1142.733943164135!2d39.8655335!3d21.398083399999997!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c2056ae860ca0f%3A0xaf82e9223b81a20f!2z2YHZhtiv2YIg2YjYryDYp9mE2LnYstmK2LLZitip!5e1!3m2!1sar!2ssa!4v1778053769212!5m2!1sar!2ssa\" width=\"100%\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" title=\"\u0645\u0648\u0642\u0639 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 \u0639\u0644\u0649 \u0627\u0644\u062e\u0631\u064a\u0637\u0629\"><\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==================== FOOTER ==================== -->\n    <footer class=\"bg-primary-dark text-white\">\n        <!-- Main Footer -->\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16\">\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10\">\n                <!-- Brand -->\n                <div class=\"sm:col-span-2 lg:col-span-1\">\n                    <div class=\"flex items-center gap-3 mb-6\">\n                        <div class=\"w-12 h-12 bg-white rounded-full flex items-center justify-center\">\n                            <svg viewBox=\"0 0 60 60\" class=\"w-8 h-8\" fill=\"none\">\n                                <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"#0A2540\" stroke-width=\"3\"><\/circle>\n                                <path d=\"M15 25L22 38L30 22L38 38L45 25\" stroke=\"#0A2540\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <h4 class=\"font-bold text-lg\">\u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644<\/h4>\n                            <p class=\"text-white\/50 text-xs\">WARDAL ALASYL HOTEL<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-white\/50 text-sm leading-relaxed mb-6\">\n                       \u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0625\u0642\u0627\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u062a\u062a\u0648\u0633\u0637 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u062d\u064a\u062b \u064a\u0628\u0639\u062f \u0627\u0644\u0641\u0646\u062f\u0642 \u0639\u0646 \u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u0645\u0643\u064a \u0627\u0644\u0634\u0631\u064a\u0641 13 \u062f\u0642\u064a\u0642\u0629 \u0628\u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0641\u0642\u0637. \u0635\u064f\u0645\u0645\u062a \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0636\u064a\u0627\u0641\u0629 \u0644\u062f\u064a\u0646\u0627 \u0644\u062a\u0643\u0648\u0646 \u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u0645\u0643\u064a \u0627\u0644\u0634\u0631\u064a\u0641\u060c \u0645\u0639 \u062e\u062f\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0648\u0639\u0646\u0627\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 \u0644\u0636\u0645\u0627\u0646 \u0631\u0627\u062d\u0629 \u0636\u064a\u0648\u0641\u0646\u0627 \u0627\u0644\u0643\u0631\u0627\u0645 \u0641\u064a \u0643\u0644 \u0644\u062d\u0638\u0629.\n                    <\/p>\n                    <!-- Social Icons -->\n                    <div class=\"flex gap-3\">\n                        <a href=\"https:\/\/www.facebook.com\/namaalasriya\" class=\"w-10 h-10 bg-white\/10 hover:bg-gold hover:text-primary rounded-full flex items-center justify-center transition-all duration-300\" aria-label=\"\u0641\u064a\u0633\u0628\u0648\u0643\">\n                            <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"><\/path><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/twitter.com\/HotelNama\" class=\"w-10 h-10 bg-white\/10 hover:bg-gold hover:text-primary rounded-full flex items-center justify-center transition-all duration-300\" aria-label=\"\u062a\u0648\u064a\u062a\u0631\">\n                            <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"><\/path><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.instagram.com\/namaalasriyahotel\" class=\"w-10 h-10 bg-white\/10 hover:bg-gold hover:text-primary rounded-full flex items-center justify-center transition-all duration-300\" aria-label=\"\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\">\n                            <svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"><\/path><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Quick Links -->\n                <div>\n                    <h5 class=\"font-bold text-lg mb-6\">\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h5>\n                    <ul class=\"space-y-3\">\n                        <li><a href=\"https:\/\/namaalasriya.com\/?lang=ar\" class=\"text-white\/50 hover:text-gold text-sm transition-colors\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n                        <li><a href=\"#about\" class=\"text-white\/50 hover:text-gold text-sm transition-colors\">\u0639\u0646 \u0627\u0644\u0641\u0646\u062f\u0642<\/a><\/li>\n                        <li><a href=\"#rooms\" class=\"text-white\/50 hover:text-gold text-sm transition-colors\">\u0627\u0644\u063a\u0631\u0641 \u0648\u0627\u0644\u0623\u062c\u0646\u062d\u0629<\/a><\/li>\n                        <li><a href=\"#services\" class=\"text-white\/50 hover:text-gold text-sm transition-colors\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/a><\/li>\n                        <li><a href=\"#testimonials\" class=\"text-white\/50 hover:text-gold text-sm transition-colors\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0646\u0632\u0644\u0627\u0621<\/a><\/li>\n                        <li><a href=\"#contact\" class=\"text-white\/50 hover:text-gold text-sm transition-colors\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Services -->\n                <div>\n                    <h5 class=\"font-bold text-lg mb-6\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h5>\n                    <ul class=\"space-y-3\">\n                        <li><span class=\"text-white\/50 text-sm\">Wi-Fi \u0645\u062c\u0627\u0646\u064a<\/span><\/li>\n                        <li><span class=\"text-white\/50 text-sm\">\u0627\u0633\u062a\u0642\u0628\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/span><\/li>\n                        <li><span class=\"text-white\/50 text-sm\">\u0645\u0637\u0639\u0645 \u0648\u0643\u0627\u0641\u064a\u062a\u064a\u0631\u064a\u0627<\/span><\/li>\n                        <li><span class=\"text-white\/50 text-sm\">\u062e\u062f\u0645\u0629 \u0627\u0644\u063a\u0631\u0641<\/span><\/li>\n                        <li><span class=\"text-white\/50 text-sm\">\u0645\u0648\u0627\u0642\u0641 \u0633\u064a\u0627\u0631\u0627\u062a<\/span><\/li>\n                        <li><span class=\"text-white\/50 text-sm\">\u0646\u0642\u0644 \u0645\u0646\/\u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645<\/span><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Newsletter -->\n                <div>\n                    <h5 class=\"font-bold text-lg mb-6\">\u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629<\/h5>\n                    <p class=\"text-white\/50 text-sm mb-4\">\u0627\u0634\u062a\u0631\u0643 \u0644\u062a\u0635\u0644\u0643 \u0623\u062d\u062f\u062b \u0627\u0644\u0639\u0631\u0648\u0636 \u0648\u0627\u0644\u0623\u062e\u0628\u0627\u0631<\/p>\n                    <form id=\"newsletterForm\" class=\"space-y-3\">\n                        <input type=\"email\" id=\"newsletterEmail\" placeholder=\"\u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" class=\"w-full bg-white\/10 border border-white\/20 rounded-xl px-4 py-3 text-white placeholder-white\/40 focus:outline-none focus:border-gold text-sm transition-all\" required=\"\">\n                        <button type=\"submit\" class=\"w-full bg-gold hover:bg-gold-light text-primary font-bold px-4 py-3 rounded-xl text-sm transition-all duration-300\">\n                            \u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646\n                        <\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Bottom Bar -->\n        <div class=\"border-t border-white\/10\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6\">\n                <div class=\"flex flex-col sm:flex-row items-center justify-between gap-4\">\n                    <p class=\"text-white\/40 text-sm text-center sm:text-right\">\n                        \u00a9 2026 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.\n                    <\/p>\n                    <div class=\"flex gap-6\">\n                        <button onclick=\"openModal('privacyModal')\" class=\"text-white\/40 hover:text-gold text-sm transition-colors bg-transparent border-none cursor-pointer\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/button>\n                        <button onclick=\"openModal('termsModal')\" class=\"text-white\/40 hover:text-gold text-sm transition-colors bg-transparent border-none cursor-pointer\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- ==================== BACK TO TOP ==================== -->\n    <button id=\"backToTop\" class=\"fixed bottom-6 left-6 w-12 h-12 bg-primary hover:bg-accent text-white rounded-full shadow-xl flex items-center justify-center z-40 opacity-0 invisible transition-all duration-300 hover:-translate-y-1\" aria-label=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649\">\n        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\"><\/path><\/svg>\n    <\/button>\n\n    <!-- ==================== PRIVACY POLICY MODAL ==================== -->\n    <div id=\"privacyModal\" class=\"modal-overlay\" onclick=\"closeModalOnOverlay(event, 'privacyModal')\">\n        <div class=\"modal-container\" onclick=\"event.stopPropagation()\">\n            <div class=\"modal-header\">\n                <h2 class=\"modal-title\" data-i18n=\"privacy_title\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/h2>\n                <button class=\"modal-close\" onclick=\"closeModal('privacyModal')\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\">\u00d7<\/button>\n            <\/div>\n            <div class=\"modal-content\">\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"privacy_intro_title\">\u0645\u0642\u062f\u0645\u0629<\/h3>\n                    <p data-i18n=\"privacy_intro_text\">\u0646\u062d\u0646 \u0641\u064a \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 \u0646\u0644\u062a\u0632\u0645 \u0628\u062d\u0645\u0627\u064a\u0629 \u062e\u0635\u0648\u0635\u064a\u062a\u0643 \u0648\u0623\u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0627\u0644\u0634\u062e\u0635\u064a\u0629. \u062a\u064f\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u0633\u064a\u0627\u0633\u0629 \u062c\u0632\u0621\u0627\u064b \u0623\u0633\u0627\u0633\u064a\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0646\u0638\u0627\u0645 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u0635\u0627\u062f\u0631 \u0628\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 (\u0646\u0638\u0627\u0645 \u0645\u0643\u0627\u0641\u062d\u0629 \u062c\u0631\u0627\u0626\u0645 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a\u0629 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0631\u0639\u064a\u0629).<\/p>\n                <\/div>\n                \n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"privacy_data_title\">\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u062c\u0645\u0639\u0647\u0627<\/h3>\n                    <ul>\n                        <li data-i18n=\"privacy_data_1\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/li>\n                        <li data-i18n=\"privacy_data_2\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 (\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\u060c \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a)<\/li>\n                        <li data-i18n=\"privacy_data_3\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u062c\u0632 \u0648\u062a\u0641\u0636\u064a\u0644\u0627\u062a \u0627\u0644\u0625\u0642\u0627\u0645\u0629<\/li>\n                        <li data-i18n=\"privacy_data_4\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062f\u0641\u0639 \u0648\u0627\u0644\u0641\u0648\u062a\u0631\u0629<\/li>\n                        <li data-i18n=\"privacy_data_5\">\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0645\u062b\u0644 \u0639\u0646\u0648\u0627\u0646 IP \u0648\u0646\u0648\u0639 \u0627\u0644\u0645\u062a\u0635\u0641\u062d<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"privacy_usage_title\">\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/h3>\n                    <ul>\n                        <li data-i18n=\"privacy_usage_1\">\u062a\u0623\u0643\u064a\u062f \u0648\u062a\u0646\u0641\u064a\u0630 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062d\u062c\u0632<\/li>\n                        <li data-i18n=\"privacy_usage_2\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0628\u062e\u0635\u0648\u0635 \u0625\u0642\u0627\u0645\u062a\u0643<\/li>\n                        <li data-i18n=\"privacy_usage_3\">\u062a\u062d\u0633\u064a\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0646\u0632\u0644\u0627\u0621<\/li>\n                        <li data-i18n=\"privacy_usage_4\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0639\u0631\u0648\u0636 \u0648\u0627\u0644\u0623\u062e\u0628\u0627\u0631 (\u0628\u0645\u0648\u0627\u0641\u0642\u062a\u0643)<\/li>\n                        <li data-i18n=\"privacy_usage_5\">\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"privacy_rights_title\">\u062d\u0642\u0648\u0642\u0643<\/h3>\n                    <p data-i18n=\"privacy_rights_text\">\u0628\u0645\u0648\u062c\u0628 \u0646\u0638\u0627\u0645 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0644\u0643 \u0627\u0644\u062d\u0642 \u0641\u064a:<\/p>\n                    <ul>\n                        <li data-i18n=\"privacy_right_1\">\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/li>\n                        <li data-i18n=\"privacy_right_2\">\u062a\u0635\u062d\u064a\u062d \u0623\u0648 \u062a\u062d\u062f\u064a\u062b \u0628\u064a\u0627\u0646\u0627\u062a\u0643<\/li>\n                        <li data-i18n=\"privacy_right_3\">\u062d\u0630\u0641 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 (\u0627\u0644\u062d\u0642 \u0641\u064a \u0627\u0644\u0646\u0633\u064a\u0627\u0646)<\/li>\n                        <li data-i18n=\"privacy_right_4\">\u0627\u0644\u0627\u0639\u062a\u0631\u0627\u0636 \u0639\u0644\u0649 \u0645\u0639\u0627\u0644\u062c\u0629 \u0628\u064a\u0627\u0646\u0627\u062a\u0643<\/li>\n                        <li data-i18n=\"privacy_right_5\">\u0633\u062d\u0628 \u0645\u0648\u0627\u0641\u0642\u062a\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"privacy_security_title\">\u0623\u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/h3>\n                    <p data-i18n=\"privacy_security_text\">\u0646\u0633\u062a\u062e\u062f\u0645 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0623\u0645\u0646\u064a\u0629 \u062a\u0642\u0646\u064a\u0629 \u0648\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u062d\u0645\u0627\u064a\u0629 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0645\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0645\u0635\u0631\u062d \u0628\u0647 \u0623\u0648 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0623\u0648 \u0627\u0644\u0625\u0641\u0635\u0627\u062d \u0623\u0648 \u0627\u0644\u062a\u062f\u0645\u064a\u0631. \u062a\u0634\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0634\u0641\u064a\u0631\u060c \u0648\u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u062d\u0645\u0627\u064a\u0629\u060c \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u062d\u062f\u0648\u062f \u0644\u0644\u0645\u0648\u0638\u0641\u064a\u0646.<\/p>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"privacy_contact_title\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h3>\n                    <p data-i18n=\"privacy_contact_text\">\u0644\u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0623\u0648 \u0637\u0644\u0628\u0627\u062a \u0628\u062e\u0635\u0648\u0635 \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631:<\/p>\n                    <ul>\n                        <li data-i18n=\"privacy_contact_email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a: privacy@wardahalasil.com<\/li>\n                        <li data-i18n=\"privacy_contact_phone\">\u0627\u0644\u0647\u0627\u062a\u0641: +966 12 345 6789<\/li>\n                        <li data-i18n=\"privacy_contact_address\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646: \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <p class=\"modal-date\" data-i18n=\"privacy_last_updated\">\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b: \u0645\u0627\u064a\u0648 2026<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ==================== TERMS & CONDITIONS MODAL ==================== -->\n    <div id=\"termsModal\" class=\"modal-overlay\" onclick=\"closeModalOnOverlay(event, 'termsModal')\">\n        <div class=\"modal-container\" onclick=\"event.stopPropagation()\">\n            <div class=\"modal-header\">\n                <h2 class=\"modal-title\" data-i18n=\"terms_title\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/h2>\n                <button class=\"modal-close\" onclick=\"closeModal('termsModal')\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\">\u00d7<\/button>\n            <\/div>\n            <div class=\"modal-content\">\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"terms_acceptance_title\">\u0642\u0628\u0648\u0644 \u0627\u0644\u0634\u0631\u0648\u0637<\/h3>\n                    <p data-i18n=\"terms_acceptance_text\">\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0643 \u0644\u0645\u0648\u0642\u0639 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 \u0648\u062e\u062f\u0645\u0627\u062a\u0647\u060c \u0641\u0625\u0646\u0643 \u062a\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0647\u0630\u0647 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645. \u0625\u0630\u0627 \u0643\u0646\u062a \u0644\u0627 \u062a\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0623\u064a \u062c\u0632\u0621 \u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0634\u0631\u0648\u0637\u060c \u064a\u064f\u0631\u062c\u0649 \u0639\u062f\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0623\u0648 \u0627\u0644\u062e\u062f\u0645\u0627\u062a.<\/p>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"terms_booking_title\">\u0634\u0631\u0648\u0637 \u0627\u0644\u062d\u062c\u0632<\/h3>\n                    <ul>\n                        <li data-i18n=\"terms_booking_1\">\u062a\u0643\u0648\u0646 \u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0646\u0627\u0641\u0630\u0629 \u0641\u0648\u0631 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062f\u0641\u0639 \u0623\u0648 \u062a\u0642\u062f\u064a\u0645 \u0628\u0637\u0627\u0642\u0629 \u0627\u0626\u062a\u0645\u0627\u0646\u064a\u0629 \u0633\u0627\u0631\u064a\u0629<\/li>\n                        <li data-i18n=\"terms_booking_2\">\u0645\u0648\u0639\u062f \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0635\u0648\u0644 (Check-in) \u0645\u0646 3:00 \u0639\u0635\u0631\u0627\u064b\u060c \u0648\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u063a\u0627\u062f\u0631\u0629 (Check-out) \u062d\u062a\u0649 12:00 \u0638\u0647\u0631\u0627\u064b<\/li>\n                        <li data-i18n=\"terms_booking_3\">\u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u062a\u062d\u062a 12 \u0639\u0627\u0645\u0627\u064b \u064a\u064f\u0633\u0645\u062d \u0644\u0647\u0645 \u0628\u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0645\u062c\u0627\u0646\u0627\u064b \u0641\u064a \u0627\u0644\u063a\u0631\u0641\u0629 \u0639\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0633\u0631\u0651\u0629 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629<\/li>\n                        <li data-i18n=\"terms_booking_4\">\u064a\u064f\u0633\u0645\u062d \u0628\u0627\u0644\u062a\u062f\u062e\u064a\u0646 \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0641\u0642\u0637<\/li>\n                        <li data-i18n=\"terms_booking_5\">\u0644\u0627 \u064a\u064f\u0633\u0645\u062d \u0628\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0644\u064a\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0641\u0646\u062f\u0642<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"terms_cancellation_title\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0625\u0644\u063a\u0627\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u062f\u0627\u062f<\/h3>\n                    <ul>\n                        <li data-i18n=\"terms_cancel_1\">\u0627\u0644\u0625\u0644\u063a\u0627\u0621 \u0642\u0628\u0644 48 \u0633\u0627\u0639\u0629 \u0645\u0646 \u0645\u0648\u0639\u062f \u0627\u0644\u0648\u0635\u0648\u0644: \u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0628\u0644\u063a<\/li>\n                        <li data-i18n=\"terms_cancel_2\">\u0627\u0644\u0625\u0644\u063a\u0627\u0621 \u0642\u0628\u0644 24 \u0633\u0627\u0639\u0629: \u0627\u0633\u062a\u0631\u062f\u0627\u062f 50% \u0645\u0646 \u0627\u0644\u0645\u0628\u0644\u063a<\/li>\n                        <li data-i18n=\"terms_cancel_3\">\u0627\u0644\u0625\u0644\u063a\u0627\u0621 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u064a\u0648\u0645 \u0623\u0648 \u0639\u062f\u0645 \u0627\u0644\u062d\u0636\u0648\u0631: \u0644\u0627 \u064a\u0648\u062c\u062f \u0627\u0633\u062a\u0631\u062f\u0627\u062f<\/li>\n                        <li data-i18n=\"terms_cancel_4\">\u064a\u0645\u0643\u0646 \u062a\u0639\u062f\u064a\u0644 \u0645\u0648\u0639\u062f \u0627\u0644\u062d\u062c\u0632 \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u062f\u0648\u0646 \u0631\u0633\u0648\u0645 \u0625\u0636\u0627\u0641\u064a\u0629 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0641\u0631)<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"terms_payment_title\">\u0627\u0644\u062f\u0641\u0639 \u0648\u0627\u0644\u0641\u0648\u062a\u0631\u0629<\/h3>\n                    <ul>\n                        <li data-i18n=\"terms_payment_1\">\u0646\u0642\u0628\u0644 \u0627\u0644\u062f\u0641\u0639 \u0646\u0642\u062f\u0627\u064b\u060c \u0648\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0627\u0626\u062a\u0645\u0627\u0646 (Visa, MasterCard)\u060c \u0648\u0645\u062f\u0649\u060c \u0648Apple Pay<\/li>\n                        <li data-i18n=\"terms_payment_2\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u062a\u0634\u0645\u0644 \u0636\u0631\u064a\u0628\u0629 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0636\u0627\u0641\u0629 (15%) \u0645\u0627 \u0644\u0645 \u064a\u064f\u0630\u0643\u0631 \u062e\u0644\u0627\u0641 \u0630\u0644\u0643<\/li>\n                        <li data-i18n=\"terms_payment_3\">\u0642\u062f \u064a\u062a\u0645 \u0637\u0644\u0628 \u062a\u0623\u0645\u064a\u0646 \u0625\u0636\u0627\u0641\u064a \u0644\u0644\u062a\u0644\u0641\u064a\u0627\u062a \u0639\u0646\u062f \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0635\u0648\u0644<\/li>\n                        <li data-i18n=\"terms_payment_4\">\u0623\u064a \u0631\u0633\u0648\u0645 \u0625\u0636\u0627\u0641\u064a\u0629 (\u0645\u062b\u0644 \u062e\u062f\u0645\u0629 \u0627\u0644\u063a\u0631\u0641\u060c \u0627\u0644\u0645\u0637\u0639\u0645) \u062a\u064f\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0645\u063a\u0627\u062f\u0631\u0629<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"terms_liability_title\">\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0648\u064a\u0636<\/h3>\n                    <p data-i18n=\"terms_liability_text\">\u064a\u064f\u0639\u062f \u0627\u0644\u0641\u0646\u062f\u0642 \u063a\u064a\u0631 \u0645\u0633\u0624\u0648\u0644 \u0639\u0646:<\/p>\n                    <ul>\n                        <li data-i18n=\"terms_liability_1\">\u0627\u0644\u0623\u0636\u0631\u0627\u0631 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0643 \u063a\u064a\u0631 \u0627\u0644\u0633\u0644\u064a\u0645 \u0644\u0644\u0645\u0631\u0627\u0641\u0642<\/li>\n                        <li data-i18n=\"terms_liability_2\">\u0641\u0642\u062f\u0627\u0646 \u0623\u0648 \u0633\u0631\u0642\u0629 \u0627\u0644\u0645\u0645\u062a\u0644\u0643\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 (\u0646\u0648\u0635\u064a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0632\u0627\u0626\u0646 \u0627\u0644\u0623\u0645\u0627\u0646\u0627\u062a)<\/li>\n                        <li data-i18n=\"terms_liability_3\">\u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0627\u0644\u062a\u064a \u062a\u062e\u0631\u062c \u0639\u0646 \u0625\u0631\u0627\u062f\u062a\u0646\u0627 (\u0642\u0648\u0629 \u0642\u0627\u0647\u0631\u0629)<\/li>\n                        <li data-i18n=\"terms_liability_4\">\u0623\u064a \u0623\u0636\u0631\u0627\u0631 \u063a\u064a\u0631 \u0645\u0628\u0627\u0634\u0631\u0629 \u0623\u0648 \u062a\u0628\u0639\u064a\u0629<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"terms_conduct_title\">\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0633\u0644\u0648\u0643<\/h3>\n                    <ul>\n                        <li data-i18n=\"terms_conduct_1\">\u064a\u064f\u062a\u0648\u0642\u0639 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0646\u0632\u0644\u0627\u0621 \u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u0622\u062e\u0631\u064a\u0646 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0647\u062f\u0648\u0621<\/li>\n                        <li data-i18n=\"terms_conduct_2\">\u064a\u062d\u062a\u0641\u0638 \u0627\u0644\u0641\u0646\u062f\u0642 \u0628\u0627\u0644\u062d\u0642 \u0641\u064a \u0631\u0641\u0636 \u0627\u0644\u062e\u062f\u0645\u0629 \u0623\u0648 \u0637\u0644\u0628 \u0627\u0644\u0645\u063a\u0627\u062f\u0631\u0629 \u0644\u0645\u0646 \u064a\u062e\u0644 \u0628\u0627\u0644\u0646\u0638\u0627\u0645<\/li>\n                        <li data-i18n=\"terms_conduct_3\">\u064a\u064f\u062d\u0638\u0631 \u062a\u0645\u0627\u0645\u0627\u064b \u0623\u064a \u0633\u0644\u0648\u0643 \u063a\u064a\u0631 \u0642\u0627\u0646\u0648\u0646\u064a \u0623\u0648 \u0645\u062e\u0627\u0644\u0641 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/li>\n                        <li data-i18n=\"terms_conduct_4\">\u064a\u064f\u0645\u0646\u0639 \u0625\u0642\u0627\u0645\u0629 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0623\u0648 \u0627\u0644\u062a\u062c\u0645\u0639\u0627\u062a \u062f\u0648\u0646 \u0625\u0630\u0646 \u0645\u0633\u0628\u0642 \u0645\u0646 \u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"terms_governing_title\">\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0648\u0627\u062c\u0628 \u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/h3>\n                    <p data-i18n=\"terms_governing_text\">\u062a\u062e\u0636\u0639 \u0647\u0630\u0647 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0648\u0623\u064a \u0646\u0632\u0627\u0639 \u064a\u064f\u062d\u0644 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0627\u0644\u0645\u062e\u062a\u0635\u0629 \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629.<\/p>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <h3 data-i18n=\"terms_changes_title\">\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0634\u0631\u0648\u0637<\/h3>\n                    <p data-i18n=\"terms_changes_text\">\u064a\u062d\u062a\u0641\u0638 \u0627\u0644\u0641\u0646\u062f\u0642 \u0628\u0627\u0644\u062d\u0642 \u0641\u064a \u062a\u0639\u062f\u064a\u0644 \u0647\u0630\u0647 \u0627\u0644\u0634\u0631\u0648\u0637 \u0641\u064a \u0623\u064a \u0648\u0642\u062a. \u0633\u062a\u0643\u0648\u0646 \u0627\u0644\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0646\u0627\u0641\u0630\u0629 \u0641\u0648\u0631 \u0646\u0634\u0631\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639. \u064a\u064f\u0646\u0635\u062d \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0634\u0631\u0648\u0637 \u0628\u0634\u0643\u0644 \u062f\u0648\u0631\u064a.<\/p>\n                <\/div>\n\n                <div class=\"modal-section\">\n                    <p class=\"modal-date\" data-i18n=\"terms_last_updated\">\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b: \u0645\u0627\u064a\u0648 2026<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ==================== JAVASCRIPT ==================== -->\n    <script>\n        \/\/ ===== Modal Functions =====\n        function openModal(modalId) {\n            var modal = document.getElementById(modalId);\n            if (modal) {\n                modal.classList.add('active');\n                document.body.classList.add('modal-open');\n            }\n        }\n\n        function closeModal(modalId) {\n            var modal = document.getElementById(modalId);\n            if (modal) {\n                modal.classList.remove('active');\n                document.body.classList.remove('modal-open');\n            }\n        }\n\n        function closeModalOnOverlay(event, modalId) {\n            if (event.target === event.currentTarget) {\n                closeModal(modalId);\n            }\n        }\n\n        \/\/ Close modal on Escape key\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape') {\n                document.querySelectorAll('.modal-overlay.active').forEach(function(modal) {\n                    modal.classList.remove('active');\n                });\n                document.body.classList.remove('modal-open');\n            }\n        });\n\n        \/\/ ===== Image Loading Handler =====\n        document.querySelectorAll('img').forEach(function(img) {\n            if (img.complete) {\n                img.classList.add('loaded');\n            } else {\n                img.addEventListener('load', function() {\n                    this.classList.add('loaded');\n                });\n                img.addEventListener('error', function() {\n                    this.style.backgroundColor = '#F0EDE8';\n                    this.classList.add('loaded');\n                });\n            }\n        });\n\n        \/\/ ===== Navbar Scroll Effect =====\n        var navbar = document.getElementById('navbar');\n        var lastScroll = 0;\n\n        window.addEventListener('scroll', function() {\n            var currentScroll = window.pageYOffset;\n\n            if (currentScroll > 80) {\n                navbar.classList.add('navbar-scrolled');\n            } else {\n                navbar.classList.remove('navbar-scrolled');\n            }\n\n            lastScroll = currentScroll;\n        });\n\n        \/\/ ===== Mobile Menu =====\n        var menuToggle = document.getElementById('menuToggle');\n        var mobileMenu = document.getElementById('mobileMenu');\n        var mobileOverlay = document.getElementById('mobileOverlay');\n        var mobileMenuClose = document.getElementById('mobileMenuClose');\n        var menuIconOpen = document.getElementById('menuIconOpen');\n        var menuIconClose = document.getElementById('menuIconClose');\n\n        function openMobileMenu() {\n            mobileMenu.classList.add('open');\n            mobileOverlay.classList.remove('hidden');\n            document.body.style.overflow = 'hidden';\n            menuIconOpen.classList.add('hidden');\n            menuIconClose.classList.remove('hidden');\n            menuToggle.setAttribute('aria-expanded', 'true');\n        }\n\n        function closeMobileMenu() {\n            mobileMenu.classList.remove('open');\n            mobileOverlay.classList.add('hidden');\n            document.body.style.overflow = '';\n            menuIconOpen.classList.remove('hidden');\n            menuIconClose.classList.add('hidden');\n            menuToggle.setAttribute('aria-expanded', 'false');\n        }\n\n        menuToggle.addEventListener('click', function() {\n            if (mobileMenu.classList.contains('open')) {\n                closeMobileMenu();\n            } else {\n                openMobileMenu();\n            }\n        });\n\n        mobileMenuClose.addEventListener('click', closeMobileMenu);\n        mobileOverlay.addEventListener('click', closeMobileMenu);\n\n        \/\/ Close mobile menu on link click\n        document.querySelectorAll('.mobile-nav-link').forEach(function(link) {\n            link.addEventListener('click', function() {\n                closeMobileMenu();\n            });\n        });\n\n        \/\/ ===== Smooth Scroll for Navigation Links =====\n        document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n            anchor.addEventListener('click', function(e) {\n                var targetId = this.getAttribute('href');\n                if (targetId === '#') return;\n\n                var targetElement = document.querySelector(targetId);\n                if (targetElement) {\n                    e.preventDefault();\n                    var navHeight = navbar.offsetHeight;\n                    var targetPosition = targetElement.offsetTop - navHeight;\n\n                    window.scrollTo({\n                        top: targetPosition,\n                        behavior: 'smooth'\n                    });\n                }\n            });\n        });\n\n        \/\/ ===== Scroll Reveal Animation =====\n        var revealElements = document.querySelectorAll('.reveal');\n\n        function checkReveal() {\n            var windowHeight = window.innerHeight;\n            var revealPoint = 120;\n\n            revealElements.forEach(function(el) {\n                var elementTop = el.getBoundingClientRect().top;\n                if (elementTop < windowHeight - revealPoint) {\n                    el.classList.add('active');\n                }\n            });\n        }\n\n        window.addEventListener('scroll', checkReveal);\n        window.addEventListener('load', checkReveal);\n        checkReveal();\n\n        \/\/ ===== Counter Animation =====\n        var counters = document.querySelectorAll('.counter-value');\n        var countersAnimated = false;\n\n        function animateCounters() {\n            if (countersAnimated) return;\n\n            var firstCounter = counters[0];\n            if (!firstCounter) return;\n\n            var rect = firstCounter.getBoundingClientRect();\n            if (rect.top < window.innerHeight && rect.bottom > 0) {\n                countersAnimated = true;\n\n                counters.forEach(function(counter) {\n                    var target = parseInt(counter.getAttribute('data-target'));\n                    var duration = 2000;\n                    var start = 0;\n                    var startTime = null;\n\n                    function updateCounter(currentTime) {\n                        if (!startTime) startTime = currentTime;\n                        var progress = Math.min((currentTime - startTime) \/ duration, 1);\n                        var eased = 1 - Math.pow(1 - progress, 3);\n                        var currentValue = Math.floor(eased * target);\n\n                        if (target >= 1000) {\n                            counter.textContent = currentValue.toLocaleString('ar-SA');\n                        } else {\n                            counter.textContent = currentValue;\n                        }\n\n                        if (progress < 1) {\n                            requestAnimationFrame(updateCounter);\n                        } else {\n                            if (target >= 1000) {\n                                counter.textContent = target.toLocaleString('ar-SA') + '+';\n                            } else {\n                                counter.textContent = target + '+';\n                            }\n                        }\n                    }\n\n                    requestAnimationFrame(updateCounter);\n                });\n            }\n        }\n\n        window.addEventListener('scroll', animateCounters);\n        animateCounters();\n\n        \/\/ ===== Testimonial Slider =====\n        var testimonialTrack = document.getElementById('testimonialTrack');\n        var prevBtn = document.getElementById('prevTestimonial');\n        var nextBtn = document.getElementById('nextTestimonial');\n        var dotsContainer = document.getElementById('testimonialDots');\n        var currentSlide = 0;\n        var totalSlides = document.querySelectorAll('#testimonialTrack > div').length;\n        var autoSlideInterval;\n\n        function updateSlider() {\n            var slideWidth = testimonialTrack.querySelector('div').offsetWidth;\n            testimonialTrack.style.transform = 'translateX(' + (currentSlide * slideWidth) + 'px)';\n\n            \/\/ Update dots\n            var dots = dotsContainer.querySelectorAll('button');\n            dots.forEach(function(dot, index) {\n                if (index === currentSlide) {\n                    dot.classList.remove('bg-gray-300');\n                    dot.classList.add('bg-accent');\n                    dot.style.width = '24px';\n                } else {\n                    dot.classList.add('bg-gray-300');\n                    dot.classList.remove('bg-accent');\n                    dot.style.width = '12px';\n                }\n            });\n        }\n\n        function nextSlide() {\n            currentSlide = (currentSlide + 1) % totalSlides;\n            updateSlider();\n        }\n\n        function prevSlide() {\n            currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n            updateSlider();\n        }\n\n        nextBtn.addEventListener('click', function() {\n            nextSlide();\n            resetAutoSlide();\n        });\n\n        prevBtn.addEventListener('click', function() {\n            prevSlide();\n            resetAutoSlide();\n        });\n\n        \/\/ Dot navigation\n        dotsContainer.querySelectorAll('button').forEach(function(dot, index) {\n            dot.addEventListener('click', function() {\n                currentSlide = index;\n                updateSlider();\n                resetAutoSlide();\n            });\n        });\n\n        \/\/ Auto slide\n        function startAutoSlide() {\n            autoSlideInterval = setInterval(nextSlide, 5000);\n        }\n\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        startAutoSlide();\n\n        \/\/ Handle resize\n        window.addEventListener('resize', function() {\n            updateSlider();\n        });\n\n        \/\/ ===== Google Apps Script URL =====\n        \/\/ \u0627\u0633\u062a\u0628\u062f\u0644 \u0647\u0630\u0627 \u0627\u0644\u0631\u0627\u0628\u0637 \u0628\u0631\u0627\u0628\u0637 Google Apps Script \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0628\u0639\u062f \u0627\u0644\u0646\u0634\u0631\n        var GOOGLE_SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycby4tYef27plBU0YU484ode24A-nleFFZlz-a-_SsDVPGEDpVz-MBMDfG12ttYTtHHgkbA\/exec';\n\n        \/\/ ===== Booking Form =====\n        var bookingForm = document.getElementById('bookingForm');\n        var bookingSuccess = document.getElementById('bookingSuccess');\n        var bookingSubmitBtn = bookingForm.querySelector('button[type=\"submit\"]');\n        var bookingOriginalText = bookingSubmitBtn ? bookingSubmitBtn.textContent : '\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u062c\u0632';\n\n        bookingForm.addEventListener('submit', function(e) {\n            e.preventDefault();\n\n            \/\/ \u062a\u0639\u0637\u064a\u0644 \u0627\u0644\u0632\u0631 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\n            if (bookingSubmitBtn) {\n                bookingSubmitBtn.disabled = true;\n                bookingSubmitBtn.textContent = '\u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n            }\n\n            \/\/ \u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u0630\u062c\n            var formData = {\n                type: 'booking',\n                name: document.getElementById('bookName').value,\n                phone: document.getElementById('bookPhone').value,\n                checkin: document.getElementById('bookCheckin').value,\n                checkout: document.getElementById('bookCheckout').value,\n                room: document.getElementById('bookRoom').value,\n                guests: document.getElementById('bookGuests').value,\n                notes: document.getElementById('bookNotes').value,\n                timestamp: new Date().toISOString()\n            };\n\n            \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 Google Apps Script\n            fetch(GOOGLE_SCRIPT_URL, {\n                method: 'POST',\n                mode: 'no-cors',\n                headers: {\n                    'Content-Type': 'application\/x-www-form-urlencoded',\n                },\n                body: new URLSearchParams(formData).toString()\n            })\n            .then(function() {\n                \/\/ \u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0646\u062c\u0627\u062d\n                bookingForm.classList.add('hidden');\n                bookingSuccess.classList.remove('hidden');\n                bookingSuccess.classList.add('animate-scale-in');\n\n                \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0639\u062f 5 \u062b\u0648\u0627\u0646\u064a\n                setTimeout(function() {\n                    bookingForm.classList.remove('hidden');\n                    bookingSuccess.classList.add('hidden');\n                    bookingForm.reset();\n                    if (bookingSubmitBtn) {\n                        bookingSubmitBtn.disabled = false;\n                        bookingSubmitBtn.textContent = bookingOriginalText;\n                    }\n                }, 5000);\n            })\n            .catch(function(error) {\n                console.error('Error:', error);\n                \/\/ \u062d\u062a\u0649 \u0644\u0648 \u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u0634\u0628\u0643\u0629\u060c \u0642\u062f \u064a\u0643\u0648\u0646 \u0627\u0644\u0637\u0644\u0628 \u0642\u062f \u0648\u0635\u0644 \u0628\u0646\u062c\u0627\u062d \u0628\u0633\u0628\u0628 no-cors\n                \/\/ \u0646\u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u0645\u062d\u0627\u064a\u062f\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n                if (bookingSubmitBtn) {\n                    bookingSubmitBtn.textContent = '\u062a\u0645 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 - \u0634\u0643\u0631\u0627\u064b \u0644\u0643';\n                    bookingSubmitBtn.style.backgroundColor = '#10B981';\n                    bookingSubmitBtn.style.color = '#fff';\n                }\n                \/\/ \u0646\u0639\u064a\u062f \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0639\u062f \u0641\u062a\u0631\u0629 \u0642\u0635\u064a\u0631\u0629\n                setTimeout(function() {\n                    bookingForm.reset();\n                    if (bookingSubmitBtn) {\n                        bookingSubmitBtn.textContent = bookingOriginalText;\n                        bookingSubmitBtn.style.backgroundColor = '';\n                        bookingSubmitBtn.style.color = '';\n                        bookingSubmitBtn.disabled = false;\n                    }\n                }, 3000);\n            });\n        });\n\n        \/\/ ===== Contact Form =====\n        var contactForm = document.getElementById('contactForm');\n        var contactSubmitBtn = contactForm.querySelector('button[type=\"submit\"]');\n        var contactOriginalText = contactSubmitBtn ? contactSubmitBtn.textContent : '\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629';\n        var contactOriginalBg = contactSubmitBtn ? contactSubmitBtn.style.backgroundColor : '';\n\n        contactForm.addEventListener('submit', function(e) {\n            e.preventDefault();\n\n            \/\/ \u062a\u0639\u0637\u064a\u0644 \u0627\u0644\u0632\u0631 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\n            if (contactSubmitBtn) {\n                contactSubmitBtn.disabled = true;\n                contactSubmitBtn.textContent = '\u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n            }\n\n            \/\/ \u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u0630\u062c\n            var formData = {\n                type: 'contact',\n                name: document.getElementById('contactName').value,\n                email: document.getElementById('contactEmail').value,\n                phone: document.getElementById('contactPhone').value,\n                message: document.getElementById('contactMessage').value,\n                timestamp: new Date().toISOString()\n            };\n\n            \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 Google Apps Script\n            fetch(GOOGLE_SCRIPT_URL, {\n                method: 'POST',\n                mode: 'no-cors',\n                headers: {\n                    'Content-Type': 'application\/x-www-form-urlencoded',\n                },\n                body: new URLSearchParams(formData).toString()\n            })\n            .then(function() {\n                \/\/ \u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0646\u062c\u0627\u062d\n                if (contactSubmitBtn) {\n                    contactSubmitBtn.textContent = '\u062a\u0645 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0628\u0646\u062c\u0627\u062d \u2713';\n                    contactSubmitBtn.style.backgroundColor = '#10B981';\n                    contactSubmitBtn.style.color = '#fff';\n                }\n\n                \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0639\u062f 3 \u062b\u0648\u0627\u0646\u064a\n                setTimeout(function() {\n                    contactForm.reset();\n                    if (contactSubmitBtn) {\n                        contactSubmitBtn.textContent = contactOriginalText;\n                        contactSubmitBtn.style.backgroundColor = contactOriginalBg;\n                        contactSubmitBtn.style.color = '';\n                        contactSubmitBtn.disabled = false;\n                    }\n                }, 3000);\n            })\n            .catch(function(error) {\n                console.error('Error:', error);\n                \/\/ \u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0623 \u062f\u0627\u062e\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n                if (contactSubmitBtn) {\n                    contactSubmitBtn.textContent = '\u062e\u0637\u0623! \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649';\n                    contactSubmitBtn.style.backgroundColor = '#EF4444';\n                    contactSubmitBtn.style.color = '#fff';\n                }\n                setTimeout(function() {\n                    if (contactSubmitBtn) {\n                        contactSubmitBtn.textContent = contactOriginalText;\n                        contactSubmitBtn.style.backgroundColor = contactOriginalBg;\n                        contactSubmitBtn.style.color = '';\n                        contactSubmitBtn.disabled = false;\n                    }\n                }, 3000);\n            });\n        });\n\n        \/\/ ===== Newsletter Form =====\n        var newsletterForm = document.getElementById('newsletterForm');\n        var newsletterSubmitBtn = newsletterForm.querySelector('button[type=\"submit\"]');\n        var newsletterOriginalText = newsletterSubmitBtn ? newsletterSubmitBtn.textContent : '\u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646';\n        var newsletterOriginalBg = newsletterSubmitBtn ? newsletterSubmitBtn.style.backgroundColor : '';\n\n        newsletterForm.addEventListener('submit', function(e) {\n            e.preventDefault();\n\n            \/\/ \u062a\u0639\u0637\u064a\u0644 \u0627\u0644\u0632\u0631 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\n            if (newsletterSubmitBtn) {\n                newsletterSubmitBtn.disabled = true;\n                newsletterSubmitBtn.textContent = '\u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n            }\n\n            \/\/ \u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0646\u0645\u0648\u0630\u062c\n            var formData = {\n                type: 'newsletter',\n                email: document.getElementById('newsletterEmail').value,\n                timestamp: new Date().toISOString()\n            };\n\n            \/\/ \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 Google Apps Script\n            fetch(GOOGLE_SCRIPT_URL, {\n                method: 'POST',\n                mode: 'no-cors',\n                headers: {\n                    'Content-Type': 'application\/x-www-form-urlencoded',\n                },\n                body: new URLSearchParams(formData).toString()\n            })\n            .then(function() {\n                \/\/ \u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0646\u062c\u0627\u062d\n                if (newsletterSubmitBtn) {\n                    newsletterSubmitBtn.textContent = '\u062a\u0645 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643 \u2713';\n                    newsletterSubmitBtn.style.backgroundColor = '#10B981';\n                    newsletterSubmitBtn.style.color = '#fff';\n                }\n\n                \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0639\u062f 3 \u062b\u0648\u0627\u0646\u064a\n                setTimeout(function() {\n                    newsletterForm.reset();\n                    if (newsletterSubmitBtn) {\n                        newsletterSubmitBtn.textContent = newsletterOriginalText;\n                        newsletterSubmitBtn.style.backgroundColor = newsletterOriginalBg;\n                        newsletterSubmitBtn.style.color = '';\n                        newsletterSubmitBtn.disabled = false;\n                    }\n                }, 3000);\n            })\n            .catch(function(error) {\n                console.error('Error:', error);\n                \/\/ \u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0623 \u062f\u0627\u062e\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n                if (newsletterSubmitBtn) {\n                    newsletterSubmitBtn.textContent = '\u062e\u0637\u0623! \u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649';\n                    newsletterSubmitBtn.style.backgroundColor = '#EF4444';\n                    newsletterSubmitBtn.style.color = '#fff';\n                }\n                setTimeout(function() {\n                    if (newsletterSubmitBtn) {\n                        newsletterSubmitBtn.textContent = newsletterOriginalText;\n                        newsletterSubmitBtn.style.backgroundColor = newsletterOriginalBg;\n                        newsletterSubmitBtn.style.color = '';\n                        newsletterSubmitBtn.disabled = false;\n                    }\n                }, 3000);\n            });\n        });\n\n        \/\/ ===== Back to Top Button =====\n        var backToTop = document.getElementById('backToTop');\n\n        window.addEventListener('scroll', function() {\n            if (window.pageYOffset > 500) {\n                backToTop.style.opacity = '1';\n                backToTop.style.visibility = 'visible';\n            } else {\n                backToTop.style.opacity = '0';\n                backToTop.style.visibility = 'hidden';\n            }\n        });\n\n        backToTop.addEventListener('click', function() {\n            window.scrollTo({ top: 0, behavior: 'smooth' });\n        });\n\n        \/\/ ===== Active Navigation Highlight =====\n        var sections = document.querySelectorAll('section[id]');\n\n        function highlightNav() {\n            var scrollY = window.pageYOffset;\n\n            sections.forEach(function(section) {\n                var sectionHeight = section.offsetHeight;\n                var sectionTop = section.offsetTop - 200;\n                var sectionId = section.getAttribute('id');\n\n                if (scrollY > sectionTop && scrollY <= sectionTop + sectionHeight) {\n                    document.querySelectorAll('.nav-link').forEach(function(link) {\n                        link.classList.remove('text-gold', 'bg-white\/10');\n                        if (link.getAttribute('href') === '#' + sectionId) {\n                            link.classList.add('text-gold', 'bg-white\/10');\n                        }\n                    });\n                }\n            });\n        }\n\n        window.addEventListener('scroll', highlightNav);\n\n        \/\/ ===== Set minimum dates for booking =====\n        var today = new Date().toISOString().split('T')[0];\n        var checkinInput = document.getElementById('bookCheckin');\n        var checkoutInput = document.getElementById('bookCheckout');\n\n        if (checkinInput) checkinInput.setAttribute('min', today);\n        if (checkoutInput) checkoutInput.setAttribute('min', today);\n\n        \/\/ \u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0643\u0644\u0629 \u0639\u0643\u0633 \u0627\u0644\u0646\u0635 \u0641\u064a \u062d\u0642\u0648\u0644 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0641\u064a \u0627\u0644\u0648\u0636\u0639 RTL\n        function fixDateInputRTL(input) {\n            if (!input) return;\n            \/\/ \u0625\u0636\u0627\u0641\u0629 placeholder \u0635\u0631\u064a\u062d \u0644\u062a\u062c\u0646\u0628 \u0627\u0644\u0646\u0635 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0627\u0644\u0645\u0639\u0643\u0648\u0633\n            input.setAttribute('placeholder', 'YYYY-MM-DD');\n            \/\/ \u0641\u0631\u0636 \u0627\u062a\u062c\u0627\u0647 LTR \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631\n            input.style.direction = 'ltr';\n            input.style.textAlign = 'right';\n        }\n\n        fixDateInputRTL(checkinInput);\n        fixDateInputRTL(checkoutInput);\n\n        checkinInput.addEventListener('change', function() {\n            var checkinDate = this.value;\n            if (checkoutInput) {\n                checkoutInput.setAttribute('min', checkinDate);\n                if (checkoutInput.value && checkoutInput.value < checkinDate) {\n                    checkoutInput.value = checkinDate;\n                }\n            }\n        });\n\n        \/\/ ==================== LANGUAGE TRANSLATION SYSTEM ====================\n        var translations = {\n            ar: {\n                \/\/ Navigation\n                nav_home: \"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\n                nav_about: \"\u0639\u0646 \u0627\u0644\u0641\u0646\u062f\u0642\",\n                nav_rooms: \"\u0627\u0644\u063a\u0631\u0641\",\n                nav_services: \"\u0627\u0644\u062e\u062f\u0645\u0627\u062a\",\n                nav_testimonials: \"\u0622\u0631\u0627\u0621 \u0627\u0644\u0646\u0632\u0644\u0627\u0621\",\n                nav_contact: \"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\",\n                book_now: \"\u0627\u062d\u062c\u0632 \u0625\u0642\u0627\u0645\u062a\u0643\",\n                book_now_mobile: \"\u0627\u062d\u062c\u0632 \u0625\u0642\u0627\u0645\u062a\u0643 \u0627\u0644\u0622\u0646\",\n\n                \/\/ Hotel\n                hotel_name: \"\u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644\",\n                hotel_name_short: \"\u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644\",\n                hotel_name_highlight: \"\u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644\",\n\n                \/\/ Hero\n                hero_badge: \"\u2b50 \u0641\u0646\u062f\u0642 \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0646\u062c\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 \u0641\u064a \u0642\u0644\u0628 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\",\n                hero_welcome: \"\u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643 \u0641\u064a \u0641\u0646\u062f\u0642\",\n                hero_subtitle_1: \"\u0625\u0642\u0627\u0645\u062a\u0643 \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0639\u0644\u0649 \u0628\u064f\u0639\u062f 13 \u062f\u0642\u064a\u0642\u0629 \u0628\u0627\u0644\u0633\u064a\u0627\u0631\u0629 \u0645\u0646 \u0628\u064a\u062a \u0627\u0644\u0644\u0647 \u0627\u0644\u062d\u0631\u0627\u0645\",\n                hero_subtitle_2: \"\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0647\u062f\u0648\u0621 \u0641\u064a \u0623\u0642\u062f\u0633 \u0628\u0642\u0627\u0639 \u0627\u0644\u0623\u0631\u0636\",\n                hero_cta_book: \"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646\",\n                hero_cta_rooms: \"\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u063a\u0631\u0641\",\n                stat_minutes: \"\u062f\u0642\u064a\u0642\u0629 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645\",\n                stat_rooms: \"\u063a\u0631\u0641\u0629 \u0648\u062c\u0646\u0627\u062d\",\n                stat_guests: \"\u0646\u0632\u064a\u0644 \u0633\u0639\u064a\u062f\",\n\n                \/\/ About\n                about_title: \"\u0639\u0646 \u0627\u0644\u0641\u0646\u062f\u0642\",\n                about_headline_1: \"\u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a\",\n                about_headline_2: \"\u0627\u0644\u0631\u0627\u062d\u0629 \u0628\u0627\u0644\u0631\u0648\u062d\u0627\u0646\u064a\u0629\",\n                about_desc_1: \"\u064a\u0642\u0639 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 \u0641\u064a \u0645\u0648\u0642\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0645\u0645\u064a\u0632 \u0641\u064a \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0639\u0644\u0649 \u0628\u064f\u0639\u062f \u062f\u0642\u0627\u0626\u0642 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645 \u0627\u0644\u0645\u0643\u064a \u0627\u0644\u0634\u0631\u064a\u0641. \u0635\u064f\u0645\u0651\u0645 \u0627\u0644\u0641\u0646\u062f\u0642 \u0644\u064a\u0648\u0641\u0631 \u0644\u0636\u064a\u0648\u0641\u0647 \u0627\u0644\u0643\u0631\u0627\u0645 \u0645\u0646 \u0627\u0644\u0645\u0639\u062a\u0645\u0631\u064a\u0646 \u0648\u0627\u0644\u0632\u0648\u0627\u0631 \u0648\u0627\u0644\u062d\u062c\u0627\u062c \u0625\u0642\u0627\u0645\u0629 \u0641\u0627\u062e\u0631\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0623\u0635\u0627\u0644\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u0635\u0631\u064a\u0629.\",\n                about_desc_2: \"\u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u063a\u0631\u0641\u0627\u064b \u0645\u062c\u0647\u0632\u0629 \u0628\u0623\u062d\u062f\u062b \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0631\u0627\u062d\u0629\u060c \u0645\u0637\u0627\u0639\u0645 \u062a\u0642\u062f\u0645 \u0623\u0634\u0647\u0649 \u0627\u0644\u0645\u0623\u0643\u0648\u0644\u0627\u062a\u060c \u0648\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0645\u062d\u062a\u0631\u0641 \u064a\u0636\u0645\u0646 \u0644\u0643\u0645 \u0625\u0642\u0627\u0645\u0629 \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u0641\u064a \u0623\u062c\u0648\u0627\u0621 \u0645\u0646 \u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u0633\u0643\u064a\u0646\u0629.\",\n                feature_1: \"\u0645\u0648\u0642\u0639 \u0642\u0631\u064a\u0628 \u0645\u0646 \u0627\u0644\u062d\u0631\u0645\",\n                feature_2: \"\u0625\u0637\u0644\u0627\u0644\u0629 \u0639\u0644\u0649 \u0645\u0643\u0629\",\n                feature_3: \"\u0641\u0631\u064a\u0642 \u062e\u062f\u0645\u0629 \u0645\u062a\u0645\u064a\u0632\",\n                feature_4: \"\u0646\u0638\u0627\u0641\u0629 \u0648\u062a\u0639\u0642\u064a\u0645 \u0645\u0633\u062a\u0645\u0631\",\n                about_rooms_link: \"\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u063a\u0631\u0641\u0646\u0627\",\n\n                \/\/ Rooms\n                rooms_section_title: \"\u0627\u0644\u063a\u0631\u0641 \u0648\u0627\u0644\u0623\u062c\u0646\u062d\u0629\",\n                rooms_title: \"\u0627\u062e\u062a\u0631 \u0627\u0644\u0625\u0642\u0627\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u0627\u0633\u0628\u0643\",\n                rooms_subtitle: \"\u063a\u0631\u0641 \u0645\u0635\u0645\u0645\u0629 \u0628\u0639\u0646\u0627\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629\",\n                room_badge_popular: \"\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b\",\n                room_badge_recommended: \"\u2b50 \u0645\u0648\u0635\u0649 \u0628\u0647\u0627\",\n                room_badge_family: \"\u0639\u0627\u0626\u0644\u064a\",\n                room_quad: \"\u063a\u0631\u0641\u0629 \u0631\u0628\u0627\u0639\u064a\u0629\",\n                room_triple: \"\u063a\u0631\u0641\u0629 \u062b\u0644\u0627\u062b\u064a\u0629\",\n                room_quad_desc: \"\u063a\u0631\u0641\u0629 \u0645\u0631\u064a\u062d\u0629 \u0648\u0645\u062c\u0647\u0632\u0629 \u0628\u0643\u0627\u0641\u0629 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0625\u0642\u0627\u0645\u0629 \u0647\u0627\u062f\u0626\u0629 \u0648\u0645\u0631\u064a\u062d\u0629.\",\n                room_quad_deluxe_desc: \"\u063a\u0631\u0641\u0629 \u0641\u0627\u062e\u0631\u0629 \u0645\u0639 \u0625\u0637\u0644\u0627\u0644\u0629 \u0645\u0645\u064a\u0632\u0629 \u0648\u062a\u0635\u0645\u064a\u0645 \u0639\u0635\u0631\u064a \u0623\u0646\u064a\u0642 \u0644\u062a\u062c\u0631\u0628\u0629 \u0625\u0642\u0627\u0645\u0629 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0629.\",\n                room_triple_desc: \"\u062c\u0646\u0627\u062d \u0648\u0627\u0633\u0639 \u0645\u062b\u0627\u0644\u064a \u0644\u0644\u0639\u0627\u0626\u0644\u0627\u062a \u0645\u0639 \u063a\u0631\u0641 \u0645\u0646\u0641\u0635\u0644\u0629 \u0648\u0645\u0633\u0627\u062d\u0629 \u0645\u0639\u064a\u0634\u0629 \u0645\u0631\u064a\u062d\u0629.\",\n                amenity_wifi: \"\u0648\u0627\u064a \u0641\u0627\u064a\",\n                amenity_ac: \"\u062a\u0643\u064a\u064a\u0641\",\n                amenity_tv: \"\u062a\u0644\u0641\u0627\u0632\",\n                amenity_view: \"\u0625\u0637\u0644\u0627\u0644\u0629 \u0645\u0645\u064a\u0632\u0629\",\n                amenity_minibar: \"\u0645\u064a\u0646\u064a \u0628\u0627\u0631\",\n                amenity_room_service: \"\u062e\u062f\u0645\u0629 \u063a\u0631\u0641\",\n                book_now_btn: \"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646\",\n                view_all_rooms: \"\u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u063a\u0631\u0641\",\n\n                \/\/ Services\n                services_section_title: \"\u062e\u062f\u0645\u0627\u062a\u0646\u0627\",\n                services_title: \"\u062e\u062f\u0645\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0631\u0627\u062d\u062a\u0643\u0645\",\n                services_subtitle: \"\u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0625\u0642\u0627\u0645\u0629 \u0645\u0631\u064a\u062d\u0629 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627\",\n                service_wifi: \"Wi-Fi \u0645\u062c\u0627\u0646\u064a\",\n                service_wifi_desc: \"\u0625\u0646\u062a\u0631\u0646\u062a \u0639\u0627\u0644\u064a \u0627\u0644\u0633\u0631\u0639\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0641\u0646\u062f\u0642\",\n                service_reception: \"\u0627\u0633\u062a\u0642\u0628\u0627\u0644 24 \u0633\u0627\u0639\u0629\",\n                service_reception_desc: \"\u0641\u0631\u064a\u0642 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0645\u062a\u0627\u062d \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629\",\n                service_restaurant: \"\u0645\u0637\u0639\u0645 \u0648\u0643\u0627\u0641\u064a\u062a\u064a\u0631\u064a\u0627\",\n                service_restaurant_desc: \"\u0645\u0623\u0643\u0648\u0644\u0627\u062a \u0645\u062a\u0646\u0648\u0639\u0629 \u0648\u0634\u0647\u064a\u0629 \u0637\u0648\u0627\u0644 \u0627\u0644\u064a\u0648\u0645\",\n                service_room: \"\u062e\u062f\u0645\u0629 \u0627\u0644\u063a\u0631\u0641\",\n                service_room_desc: \"\u0648\u062c\u0628\u0627\u062a \u0648\u0645\u0634\u0631\u0648\u0628\u0627\u062a \u062a\u0635\u0644 \u0625\u0644\u0649 \u063a\u0631\u0641\u062a\u0643\",\n                service_parking: \"\u0645\u0648\u0627\u0642\u0641 \u0633\u064a\u0627\u0631\u0627\u062a\",\n                service_parking_desc: \"\u0645\u0648\u0627\u0642\u0641 \u0622\u0645\u0646\u0629 \u0648\u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u0646\u0632\u0644\u0627\u0621\",\n                service_transport: \"\u0646\u0642\u0644 \u0645\u0646\/\u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0645\",\n                service_transport_desc: \"\u062e\u062f\u0645\u0629 \u0646\u0642\u0644 \u0645\u0631\u064a\u062d\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u062c\u062f \u0627\u0644\u062d\u0631\u0627\u0645\",\n\n                \/\/ Testimonials\n                testimonials_section_title: \"\u0622\u0631\u0627\u0621 \u0627\u0644\u0646\u0632\u0644\u0627\u0621\",\n                testimonials_title: \"\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644 \u0636\u064a\u0648\u0641\u0646\u0627\",\n                testimonials_subtitle: \"\u0646\u0641\u062e\u0631 \u0628\u062b\u0642\u0629 \u0622\u0644\u0627\u0641 \u0627\u0644\u0646\u0632\u0644\u0627\u0621 \u0627\u0644\u0630\u064a\u0646 \u0627\u062e\u062a\u0627\u0631\u0648\u0627 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 \u0644\u0625\u0642\u0627\u0645\u062a\u0647\u0645\",\n\n                \/\/ Booking Form\n                booking_section_title: \"\u0627\u062d\u062c\u0632 \u0627\u0644\u0622\u0646\",\n                booking_title: \"\u0627\u062d\u062c\u0632 \u0625\u0642\u0627\u0645\u062a\u0643 \u0627\u0644\u0622\u0646\",\n                booking_subtitle: \"\u0627\u062d\u062c\u0632 \u063a\u0631\u0641\u062a\u0643 \u0648\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0625\u0642\u0627\u0645\u0629 \u0645\u0645\u064a\u0632\u0629 \u0641\u064a \u0642\u0644\u0628 \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\",\n                form_fullname: \"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\",\n                form_fullname_placeholder: \"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\",\n                form_phone: \"\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\",\n                form_checkin: \"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0648\u0635\u0648\u0644\",\n                form_checkout: \"\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u063a\u0627\u062f\u0631\u0629\",\n                form_room_type: \"\u0646\u0648\u0639 \u0627\u0644\u063a\u0631\u0641\u0629\",\n                form_select_room: \"\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u063a\u0631\u0641\u0629\",\n                room_option_standard: \"\u0627\u0644\u063a\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u062f\u0648\u062c\u0629\",\n                room_option_deluxe: \"\u063a\u0631\u0641\u0629 \u062b\u0644\u0627\u062b\u064a\u0629\",\n                room_option_suite: \"\u063a\u0631\u0641\u0629 \u0631\u0628\u0627\u0639\u064a\u0629\",\n                form_guests: \"\u0639\u062f\u062f \u0627\u0644\u0646\u0632\u0644\u0627\u0621\",\n                form_select_guests: \"\u0627\u062e\u062a\u0631\",\n                guest_1: \"1 \u0634\u062e\u0635\",\n                guest_2: \"2 \u0634\u062e\u0635\",\n                guest_3: \"3 \u0623\u0634\u062e\u0627\u0635\",\n                guest_4: \"4 \u0623\u0634\u062e\u0627\u0635\",\n                guest_5: \"5 \u0623\u0634\u062e\u0627\u0635 \u0623\u0648 \u0623\u0643\u062b\u0631\",\n                form_notes: \"\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\",\n                form_notes_placeholder: \"\u0623\u064a \u0637\u0644\u0628\u0627\u062a \u062e\u0627\u0635\u0629 \u0623\u0648 \u0645\u0644\u0627\u062d\u0638\u0627\u062a...\",\n                form_submit: \"\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u062c\u0632\",\n                form_success_title: \"\u062a\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d!\",\n                form_success_desc: \"\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u0642\u0631\u064a\u0628\u0627\u064b \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u062d\u062c\u0632. \u0634\u0643\u0631\u0627\u064b \u0644\u0627\u062e\u062a\u064a\u0627\u0631\u0643\u0645 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644.\",\n\n                \/\/ Contact\n                contact_section_title: \"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\",\n                contact_title: \"\u0646\u0633\u0639\u062f \u0628\u062a\u0648\u0627\u0635\u0644\u0643\u0645\",\n                contact_subtitle: \"\u0644\u0627 \u062a\u062a\u0631\u062f\u062f \u0641\u064a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0644\u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0623\u0648 \u062d\u062c\u0632\",\n                contact_form_title: \"\u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629\",\n                form_name: \"\u0627\u0644\u0627\u0633\u0645\",\n                form_name_placeholder: \"\u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0627\u0645\u0644\",\n                form_email: \"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\",\n                form_email_placeholder: \"example@email.com\",\n                form_message: \"\u0627\u0644\u0631\u0633\u0627\u0644\u0629\",\n                form_message_placeholder: \"\u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u062a\u0643 \u0647\u0646\u0627...\",\n                form_send: \"\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\",\n                contact_address: \"\u0627\u0644\u0639\u0646\u0648\u0627\u0646\",\n                contact_phone: \"\u0627\u0644\u0647\u0627\u062a\u0641\",\n                contact_email: \"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\",\n                contact_hours: \"\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\",\n                contact_hours_desc: \"\u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0645\u062a\u0627\u062d 24 \u0633\u0627\u0639\u0629 \/ 7 \u0623\u064a\u0627\u0645\"\n            },\n            en: {\n                \/\/ Navigation\n                nav_home: \"Home\",\n                nav_about: \"About\",\n                nav_rooms: \"Rooms\",\n                nav_services: \"Services\",\n                nav_testimonials: \"Reviews\",\n                nav_contact: \"Contact\",\n                book_now: \"Book Now\",\n                book_now_mobile: \"Book Your Stay\",\n\n                \/\/ Hotel\n                hotel_name: \"Wardah Al Asyl Hotel\",\n                hotel_name_short: \"Wardah Al Asyl\",\n                hotel_name_highlight: \"Wardah Al Asyl\",\n\n                \/\/ Hero\n                hero_badge: \"\u2b50 1-Star Economy Hotel in the Heart of Makkah\",\n                hero_welcome: \"Welcome to\",\n                hero_subtitle_1: \"Your luxury stay just 13 minutes by car from the Grand Mosque\",\n                hero_subtitle_2: \"Enjoy comfort and tranquility in the holiest place on Earth\",\n                hero_cta_book: \"Book Now\",\n                hero_cta_rooms: \"Explore Rooms\",\n                stat_minutes: \"Minutes to Haram\",\n                stat_rooms: \"Rooms & Suites\",\n                stat_guests: \"Happy Guests\",\n\n                \/\/ About\n                about_title: \"About Hotel\",\n                about_headline_1: \"Where Comfort\",\n                about_headline_2: \"Meets Spirituality\",\n                about_desc_1: \"Wardah Al Asyl Hotel is located in a strategic location in Makkah, just minutes from the Grand Mosque. The hotel is designed to provide guests, pilgrims, and visitors with a luxurious stay combining Arabian authenticity and modern comfort.\",\n                about_desc_2: \"We offer comprehensive services including rooms equipped with the latest amenities, restaurants serving delicious cuisine, and a professional team ensuring you an unforgettable stay in a serene atmosphere.\",\n                feature_1: \"Close to Haram\",\n                feature_2: \"Makkah View\",\n                feature_3: \"Premium Service Team\",\n                feature_4: \"Continuous Sanitization\",\n                about_rooms_link: \"Explore Our Rooms\",\n\n                \/\/ Rooms\n                rooms_section_title: \"Rooms & Suites\",\n                rooms_title: \"Choose Your Perfect Stay\",\n                rooms_subtitle: \"Carefully designed rooms to provide maximum comfort and privacy\",\n                room_badge_popular: \"Most Popular\",\n                room_badge_recommended: \"\u2b50 Recommended\",\n                room_badge_family: \"Family\",\n                room_quad: \"Quad Room\",\n                room_triple: \"Triple Room\",\n                room_quad_desc: \"A comfortable room equipped with all essential needs for a peaceful and comfortable stay.\",\n                room_quad_deluxe_desc: \"A luxurious room with a distinctive view and elegant modern design for an exceptional stay experience.\",\n                room_triple_desc: \"A spacious suite ideal for families with separate rooms and comfortable living space.\",\n                amenity_wifi: \"Wi-Fi\",\n                amenity_ac: \"A\/C\",\n                amenity_tv: \"TV\",\n                amenity_view: \"Great View\",\n                amenity_minibar: \"Minibar\",\n                amenity_room_service: \"Room Service\",\n                book_now_btn: \"Book Now\",\n                view_all_rooms: \"View All Rooms\",\n\n                \/\/ Services\n                services_section_title: \"Our Services\",\n                services_title: \"Complete Services for Your Comfort\",\n                services_subtitle: \"We offer a comprehensive range of services to ensure an unmatched comfortable stay\",\n                service_wifi: \"Free Wi-Fi\",\n                service_wifi_desc: \"High-speed internet throughout the hotel\",\n                service_reception: \"24h Reception\",\n                service_reception_desc: \"Reception team available around the clock\",\n                service_restaurant: \"Restaurant & Cafe\",\n                service_restaurant_desc: \"Delicious and varied meals all day long\",\n                service_room: \"Room Service\",\n                service_room_desc: \"Meals and beverages delivered to your room\",\n                service_parking: \"Parking\",\n                service_parking_desc: \"Safe and free parking for guests\",\n                service_transport: \"Haram Transfer\",\n                service_transport_desc: \"Comfortable transport to the Grand Mosque\",\n\n                \/\/ Testimonials\n                testimonials_section_title: \"Guest Reviews\",\n                testimonials_title: \"What Our Guests Say\",\n                testimonials_subtitle: \"We are proud of the trust of thousands of guests who chose Wardah Al Asyl Hotel\",\n\n                \/\/ Booking Form\n                booking_section_title: \"Book Now\",\n                booking_title: \"Book Your Stay Now\",\n                booking_subtitle: \"Book your room and enjoy a memorable stay in the heart of Makkah\",\n                form_fullname: \"Full Name\",\n                form_fullname_placeholder: \"Enter your full name\",\n                form_phone: \"Phone Number\",\n                form_checkin: \"Check-in Date\",\n                form_checkout: \"Check-out Date\",\n                form_room_type: \"Room Type\",\n                form_select_room: \"Select room type\",\n                room_option_standard: \"Standard Double Room\",\n                room_option_deluxe: \"Deluxe Room\",\n                room_option_suite: \"Family Suite\",\n                form_guests: \"Number of Guests\",\n                form_select_guests: \"Select\",\n                guest_1: \"1 Person\",\n                guest_2: \"2 People\",\n                guest_3: \"3 People\",\n                guest_4: \"4 People\",\n                guest_5: \"5+ People\",\n                form_notes: \"Additional Notes\",\n                form_notes_placeholder: \"Any special requests or notes...\",\n                form_submit: \"Confirm Booking\",\n                form_success_title: \"Request Received Successfully!\",\n                form_success_desc: \"Our team will contact you shortly to confirm your booking. Thank you for choosing Wardah Al Asyl Hotel.\",\n\n                \/\/ Contact\n                contact_section_title: \"Contact Us\",\n                contact_title: \"We'd Love to Hear From You\",\n                contact_subtitle: \"Don't hesitate to reach out for any inquiries or bookings\",\n                contact_form_title: \"Send Us a Message\",\n                form_name: \"Name\",\n                form_name_placeholder: \"Your full name\",\n                form_email: \"Email\",\n                form_email_placeholder: \"example@email.com\",\n                form_message: \"Message\",\n                form_message_placeholder: \"Write your message here...\",\n                form_send: \"Send Message\",\n                contact_address: \"Address\",\n                contact_phone: \"Phone\",\n                contact_email: \"Email\",\n                contact_hours: \"Working Hours\",\n                contact_hours_desc: \"24\/7 Reception Available\"\n            },\n            ur: {\n                \/\/ Navigation\n                nav_home: \"\u0635\u0641\u062d\u06c1 \u0627\u0648\u0644\",\n                nav_about: \"\u06c1\u0648\u0679\u0644 \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba\",\n                nav_rooms: \"\u06a9\u0645\u0631\u06d2\",\n                nav_services: \"\u062e\u062f\u0645\u0627\u062a\",\n                nav_testimonials: \"\u062a\u0627\u062b\u0631\u0627\u062a\",\n                nav_contact: \"\u0631\u0627\u0628\u0637\u06c1 \u06a9\u0631\u06cc\u06ba\",\n                book_now: \"\u0627\u0628\u06be\u06cc \u0628\u06a9 \u06a9\u0631\u06cc\u06ba\",\n                book_now_mobile: \"\u0627\u067e\u0646\u06d2 \u0642\u06cc\u0627\u0645 \u06a9\u06cc \u0628\u06a9\u0646\u06af \u06a9\u0631\u06cc\u06ba\",\n\n                \/\/ Hotel\n                hotel_name: \"\u0648\u0631\u062f\u0647 \u0627\u0644\u0627\u0635\u06cc\u0644 \u06c1\u0648\u0679\u0644\",\n                hotel_name_short: \"\u0648\u0631\u062f\u0647 \u0627\u0644\u0627\u0635\u06cc\u0644\",\n                hotel_name_highlight: \"\u0648\u0631\u062f\u0647 \u0627\u0644\u0627\u0635\u06cc\u0644\",\n\n                \/\/ Hero\n                hero_badge: \"\u2b50 \u0645\u06a9\u06c1 \u06a9\u06d2 \u062f\u0644 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0633\u062a\u0627\u0631\u06c1 \u0645\u0639\u06cc\u0634\u062a\u06cc \u06c1\u0648\u0679\u0644\",\n                hero_welcome: \"\u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f\",\n                hero_subtitle_1: \"\u0628\u06cc\u062a \u0627\u0644\u0644\u06c1 \u0633\u06d2 \u0635\u0631\u0641 13 \u0645\u0646\u0679 \u06a9\u06cc \u062f\u0648\u0631\u06cc \u067e\u0631 \u0622\u067e \u06a9\u0627 \u0639\u0627\u0644\u06cc \u0634\u0627\u0646 \u0642\u06cc\u0627\u0645\",\n                hero_subtitle_2: \"\u062f\u0646\u06cc\u0627 \u06a9\u06d2 \u0645\u0642\u062f\u0633 \u062a\u0631\u06cc\u0646 \u0645\u0642\u0627\u0645 \u067e\u0631 \u0633\u06a9\u0648\u0646 \u0627\u0648\u0631 \u0622\u0631\u0627\u0645 \u0633\u06d2 \u0644\u0637\u0641 \u0627\u0646\u062f\u0648\u0632 \u06c1\u0648\u06ba\",\n                hero_cta_book: \"\u0627\u0628\u06be\u06cc \u0628\u06a9 \u06a9\u0631\u06cc\u06ba\",\n                hero_cta_rooms: \"\u06a9\u0645\u0631\u06d2 \u062f\u06cc\u06a9\u06be\u06cc\u06ba\",\n                stat_minutes: \"\u062d\u0631\u0645 \u0633\u06d2 \u0645\u0646\u0679\",\n                stat_rooms: \"\u06a9\u0645\u0631\u06d2 \u0627\u0648\u0631 \u0633\u0648\u0626\u0679\",\n                stat_guests: \"\u0645\u06c1\u0645\u0627\u0646\u0627\u0646 \u0645\u06c1\u0645\u0627\u0646\",\n\n                \/\/ About\n                about_title: \"\u06c1\u0648\u0679\u0644 \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba\",\n                about_headline_1: \"\u062c\u06c1\u0627\u06ba \u0622\u0631\u0627\u0645\",\n                about_headline_2: \"\u0631\u0648\u062d\u0627\u0646\u06cc\u062a \u0633\u06d2 \u0645\u0644\u062a\u0627 \u06c1\u06d2\",\n                about_desc_1: \"\u0648\u0631\u062f\u0647 \u0627\u0644\u0627\u0635\u06cc\u0644 \u06c1\u0648\u0679\u0644 \u0645\u06a9\u06c1 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 strategic \u0645\u0642\u0627\u0645 \u067e\u0631 \u0648\u0627\u0642\u0639 \u06c1\u06d2\u060c \u062d\u0631\u0645 \u0645\u06a9\u06cc \u0633\u06d2 \u0635\u0631\u0641 \u0686\u0646\u062f \u0645\u0646\u0679 \u06a9\u06cc \u062f\u0648\u0631\u06cc \u067e\u0631\u06d4 \u06cc\u06c1 \u06c1\u0648\u0679\u0644 \u0645\u06c1\u0645\u0627\u0646\u0648\u06ba\u060c \u0632\u0627\u0626\u0631\u06cc\u0646 \u0627\u0648\u0631 \u062d\u062c\u0627\u062c \u06a9\u0631\u0627\u0645 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0639\u0631\u0628\u06cc \u0627\u0635\u0627\u0644\u062a \u0627\u0648\u0631 \u062c\u062f\u06cc\u062f \u0622\u0631\u0627\u0645 \u06a9\u0627 \u0627\u0645\u062a\u0632\u0627\u062c \u067e\u06cc\u0634 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4\",\n                about_desc_2: \"\u06c1\u0645 \u062c\u062f\u06cc\u062f \u0633\u06c1\u0648\u0644\u06cc\u0627\u062a \u0633\u06d2 \u0622\u0631\u0627\u0633\u062a\u06c1 \u06a9\u0645\u0631\u06d2\u060c \u0644\u0630\u06cc\u0630 \u06a9\u06be\u0627\u0646\u0627 \u067e\u06cc\u0634 \u06a9\u0631\u0646\u06d2 \u0648\u0627\u0644\u06d2 \u0631\u06cc\u0633\u062a\u0648\u0631\u0627\u0646\u0679\u060c \u0627\u0648\u0631 \u0627\u06cc\u06a9 \u067e\u06cc\u0634\u06c1 \u0648\u0631 \u0679\u06cc\u0645 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u062c\u0648 \u0622\u067e \u06a9\u0648 \u0627\u06cc\u06a9 \u067e\u0631\u0633\u06a9\u0648\u0646 \u0645\u0627\u062d\u0648\u0644 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u06cc\u0627\u062f\u06af\u0627\u0631 \u0642\u06cc\u0627\u0645 \u06cc\u0642\u06cc\u0646\u06cc \u0628\u0646\u0627\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4\",\n                feature_1: \"\u062d\u0631\u0645 \u06a9\u06d2 \u0642\u0631\u06cc\u0628\",\n                feature_2: \"\u0645\u06a9\u06c1 \u06a9\u0627 \u0645\u0646\u0638\u0631\",\n                feature_3: \"\u0627\u0639\u0644\u06cc \u062e\u062f\u0645\u0627\u062a\u06cc \u0679\u06cc\u0645\",\n                feature_4: \"\u0645\u0633\u0644\u043c\u0430\u043b \u0635\u0641\u0627\u0626\u06cc\",\n                about_rooms_link: \"\u06c1\u0645\u0627\u0631\u06d2 \u06a9\u0645\u0631\u06d2 \u062f\u06cc\u06a9\u06be\u06cc\u06ba\",\n\n                \/\/ Rooms\n                rooms_section_title: \"\u06a9\u0645\u0631\u06d2 \u0627\u0648\u0631 \u0633\u0648\u0626\u0679\",\n                rooms_title: \"\u0627\u067e\u0646\u06d2 \u0645\u0637\u0627\u0628\u0642 \u0642\u06cc\u0627\u0645 \u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u06cc\u06ba\",\n                rooms_subtitle: \"\u0632\u06cc\u0627\u062f\u06c1 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0622\u0631\u0627\u0645 \u0627\u0648\u0631 \u067e\u0631\u0627\u0626\u06cc\u0648\u0633\u06cc \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u062d\u062a\u06cc\u0627\u0637 \u0633\u06d2 \u0688\u06cc\u0632\u0627\u0626\u0646 \u06a9\u0631\u062f\u06c1 \u06a9\u0645\u0631\u06d2\",\n                room_badge_popular: \"\u0633\u0628 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0645\u0642\u0628\u0648\u0644\",\n                room_badge_recommended: \"\u2b50 \u062a\u062c\u0648\u06cc\u0632 \u06a9\u0631\u062f\u06c1\",\n                room_badge_family: \"\u062e\u0627\u0646\u062f\u0627\u0646\u06cc\",\n                room_quad: \"\u0686\u0627\u0631 \u0628\u0633\u062a\u0631\u0648\u06ba \u0648\u0627\u0644\u0627 \u06a9\u0645\u0631\u06c1\",\n                room_triple: \"\u062a\u06cc\u0646 \u0628\u0633\u062a\u0631\u0648\u06ba \u0648\u0627\u0644\u0627 \u06a9\u0645\u0631\u06c1\",\n                room_quad_desc: \"\u0627\u06cc\u06a9 \u0622\u0631\u0627\u0645 \u062f\u06c1 \u06a9\u0645\u0631\u06c1 \u062c\u0648 \u067e\u0631\u0633\u06a9\u0648\u0646 \u0627\u0648\u0631 \u0622\u0631\u0627\u0645 \u062f\u06c1 \u0642\u06cc\u0627\u0645 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062a\u0645\u0627\u0645 \u0636\u0631\u0648\u0631\u06cc\u0627\u062a \u0633\u06d2 \u0622\u0631\u0627\u0633\u062a\u06c1 \u06c1\u06d2\u06d4\",\n                room_quad_deluxe_desc: \"\u0627\u06cc\u06a9 \u0639\u0627\u0644\u06cc \u0634\u0627\u0646 \u06a9\u0645\u0631\u06c1 \u062c\u0633 \u0645\u06cc\u06ba \u0645\u0646\u0641\u0631\u062f \u0645\u0646\u0638\u0631 \u0627\u0648\u0631 \u0634\u0627\u0646\u062f\u0627\u0631 \u062c\u062f\u06cc\u062f \u0688\u06cc\u0632\u0627\u0626\u0646 \u06c1\u06d2\u06d4\",\n                room_triple_desc: \"\u062e\u0627\u0646\u062f\u0627\u0646\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u06cc\u06a9 \u0648\u0633\u06cc\u0639 \u0633\u0648\u0626\u0679 \u062c\u0633 \u0645\u06cc\u06ba \u0627\u0644\u06af \u06a9\u0645\u0631\u06d2 \u0627\u0648\u0631 \u0622\u0631\u0627\u0645 \u062f\u06c1 \u0631\u06c1\u0627\u0626\u0634\u06cc \u062c\u06af\u06c1 \u06c1\u06d2\u06d4\",\n                amenity_wifi: \"\u0648\u0627\u0626\u06cc \u0641\u0627\u0626\u06cc\",\n                amenity_ac: \"\u0627\u06cc\u0626\u0631 \u06a9\u0646\u0688\u06cc\u0634\u0646\",\n                amenity_tv: \"\u0679\u06cc \u0648\u06cc\",\n                amenity_view: \"\u062e\u0648\u0628\u0635\u0648\u0631\u062a \u0645\u0646\u0638\u0631\",\n                amenity_minibar: \"\u0645\u0646\u06cc \u0628\u0627\u0631\",\n                amenity_room_service: \"\u0631\u0648\u0645 \u0633\u0631\u0648\u0633\",\n                book_now_btn: \"\u0627\u0628\u06be\u06cc \u0628\u06a9 \u06a9\u0631\u06cc\u06ba\",\n                view_all_rooms: \"\u062a\u0645\u0627\u0645 \u06a9\u0645\u0631\u06d2 \u062f\u06cc\u06a9\u06be\u06cc\u06ba\",\n\n                \/\/ Services\n                services_section_title: \"\u06c1\u0645\u0627\u0631\u06cc \u062e\u062f\u0645\u0627\u062a\",\n                services_title: \"\u0622\u067e \u06a9\u06cc \u0622\u0631\u0627\u0645 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u06a9\u0645\u0644 \u062e\u062f\u0645\u0627\u062a\",\n                services_subtitle: \"\u06c1\u0645 \u0627\u06cc\u06a9 \u0628\u06d2 \u0645\u062b\u0644 \u0622\u0631\u0627\u0645 \u062f\u06c1 \u0642\u06cc\u0627\u0645 \u06a9\u0648 \u06cc\u0642\u06cc\u0646\u06cc \u0628\u0646\u0627\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0648\u0633\u06cc\u0639 \u062e\u062f\u0645\u0627\u062a \u067e\u06cc\u0634 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\",\n                service_wifi: \"\u0645\u0641\u062a \u0648\u0627\u0626\u06cc \u0641\u0627\u0626\u06cc\",\n                service_wifi_desc: \"\u067e\u0648\u0631\u06d2 \u06c1\u0648\u0679\u0644 \u0645\u06cc\u06ba \u062a\u06cc\u0632 \u0631\u0641\u062a\u0627\u0631 \u0627\u0646\u0679\u0631\u0646\u06cc\u0679\",\n                service_reception: \"24 \u06af\u06be\u0646\u0679\u06d2 \u0627\u0633\u062a\u0642\u0628\u0627\u0644\",\n                service_reception_desc: \"24 \u06af\u06be\u0646\u0679\u06d2 \u062f\u0633\u062a\u06cc\u0627\u0628 \u0627\u0633\u062a\u0642\u0628\u0627\u0644\u06cc \u0679\u06cc\u0645\",\n                service_restaurant: \"\u0631\u06cc\u0633\u062a\u0648\u0631\u0627\u0646\u0679 \u0627\u0648\u0631 \u06a9\u06cc\u0641\u06d2\",\n                service_restaurant_desc: \"\u062f\u0646 \u0628\u06be\u0631 \u0644\u0630\u06cc\u0630 \u0627\u0648\u0631 \u0645\u062a\u0646\u0648\u0639 \u06a9\u06be\u0627\u0646\u0627\",\n                service_room: \"\u0631\u0648\u0645 \u0633\u0631\u0648\u0633\",\n                service_room_desc: \"\u0622\u067e \u06a9\u06d2 \u06a9\u0645\u0631\u06d2 \u062a\u06a9 \u06a9\u06be\u0627\u0646\u0627 \u0627\u0648\u0631 \u0645\u0634\u0631\u0648\u0628\u0627\u062a\",\n                service_parking: \"\u067e\u0627\u0631\u06a9\u0646\u06af\",\n                service_parking_desc: \"\u0645\u06c1\u0645\u0627\u0646\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u062d\u0641\u0648\u0638 \u0627\u0648\u0631 \u0645\u0641\u062a \u067e\u0627\u0631\u06a9\u0646\u06af\",\n                service_transport: \"\u062d\u0631\u0645 \u06a9\u06cc \u0646\u0642\u0644 \u0648 \u062d\u0645\u0644\",\n                service_transport_desc: \"\u062d\u0631\u0645 \u0645\u06a9\u06cc \u06a9\u06d2 \u0644\u06cc\u06d2 \u0622\u0631\u0627\u0645 \u062f\u06c1 \u0646\u0642\u0644 \u0648 \u062d\u0645\u0644\",\n\n                \/\/ Testimonials\n                testimonials_section_title: \"\u0645\u06c1\u0645\u0627\u0646\u0648\u06ba \u06a9\u06d2 \u062a\u0627\u062b\u0631\u0627\u062a\",\n                testimonials_title: \"\u06c1\u0645\u0627\u0631\u06d2 \u0645\u06c1\u0645\u0627\u0646 \u06a9\u06cc\u0627 \u06a9\u06c1\u062a\u06d2 \u06c1\u06cc\u06ba\",\n                testimonials_subtitle: \"\u06c1\u0645 \u0627\u0646 \u06c1\u0632\u0627\u0631\u0648\u06ba \u0645\u06c1\u0645\u0627\u0646\u0648\u06ba \u06a9\u06d2 \u0627\u0639\u062a\u0645\u0627\u062f \u067e\u0631 \u0641\u062e\u0631 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u062c\u0646\u06c1\u0648\u06ba \u0646\u06d2 \u0648\u0631\u062f\u0647 \u0627\u0644\u0627\u0635\u06cc\u0644 \u06c1\u0648\u0679\u0644 \u06a9\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u06cc\u0627\",\n\n                \/\/ Booking Form\n                booking_section_title: \"\u0627\u0628\u06be\u06cc \u0628\u06a9 \u06a9\u0631\u06cc\u06ba\",\n                booking_title: \"\u0627\u0628\u06be\u06cc \u0627\u067e\u0646\u0627 \u0642\u06cc\u0627\u0645 \u0628\u06a9 \u06a9\u0631\u06cc\u06ba\",\n                booking_subtitle: \"\u0627\u067e\u0646\u0627 \u06a9\u0645\u0631\u06c1 \u0628\u06a9 \u06a9\u0631\u06cc\u06ba \u0627\u0648\u0631 \u0645\u06a9\u06c1 \u06a9\u06d2 \u062f\u0644 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u06cc\u0627\u062f\u06af\u0627\u0631 \u0642\u06cc\u0627\u0645 \u0633\u06d2 \u0644\u0637\u0641 \u0627\u0646\u062f\u0648\u0632 \u06c1\u0648\u06ba\",\n                form_fullname: \"\u067e\u0648\u0631\u0627 \u0646\u0627\u0645\",\n                form_fullname_placeholder: \"\u0627\u067e\u0646\u0627 \u067e\u0648\u0631\u0627 \u0646\u0627\u0645 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\",\n                form_phone: \"\u0641\u0648\u0646 \u0646\u0645\u0628\u0631\",\n                form_checkin: \"\u0622\u0646\u06d2 \u06a9\u06cc \u062a\u0627\u0631\u06cc\u062e\",\n                form_checkout: \"\u062c\u0627\u0646\u06d2 \u06a9\u06cc \u062a\u0627\u0631\u06cc\u062e\",\n                form_room_type: \"\u06a9\u0645\u0631\u06d2 \u06a9\u06cc \u0642\u0633\u0645\",\n                form_select_room: \"\u06a9\u0645\u0631\u06d2 \u06a9\u06cc \u0642\u0633\u0645 \u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u06cc\u06ba\",\n                room_option_standard: \"\u0645\u0639\u06cc\u0627\u0631\u06cc \u0688\u0628\u0644 \u06a9\u0645\u0631\u06c1\",\n                room_option_deluxe: \"\u0688\u06cc\u0644\u06a9\u0633 \u06a9\u0645\u0631\u06c1\",\n                room_option_suite: \"\u062e\u0627\u0646\u062f\u0627\u0646\u06cc \u0633\u0648\u0626\u0679\",\n                form_guests: \"\u0645\u06c1\u0645\u0627\u0646\u0648\u06ba \u06a9\u06cc \u062a\u0639\u062f\u0627\u062f\",\n                form_select_guests: \"\u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u06cc\u06ba\",\n                guest_1: \"1 \u0634\u062e\u0635\",\n                guest_2: \"2 \u0627\u0641\u0631\u0627\u062f\",\n                guest_3: \"3 \u0627\u0641\u0631\u0627\u062f\",\n                guest_4: \"4 \u0627\u0641\u0631\u0627\u062f\",\n                guest_5: \"5+ \u0627\u0641\u0631\u0627\u062f\",\n                form_notes: \"\u0627\u0636\u0627\u0641\u06cc \u0646\u0648\u0679\u0633\",\n                form_notes_placeholder: \"\u06a9\u0648\u0626\u06cc \u062e\u0635\u0648\u0635\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06cc\u0627 \u0646\u0648\u0679\u0633...\",\n                form_submit: \"\u0628\u06a9\u0646\u06af \u062a\u0635\u062f\u06cc\u0642 \u06a9\u0631\u06cc\u06ba\",\n                form_success_title: \"\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0627\u0645\u06cc\u0627\u0628\u06cc \u0633\u06d2 \u0645\u0648\u0635\u0648\u0644 \u06c1\u0648\u0626\u06cc!\",\n                form_success_desc: \"\u06c1\u0645\u0627\u0631\u06cc \u0679\u06cc\u0645 \u062c\u0644\u062f \u06c1\u06cc \u0622\u067e \u0633\u06d2 \u0631\u0627\u0628\u0637\u06c1 \u06a9\u0631\u06d2 \u06af\u06cc\u06d4 \u0648\u0631\u062f\u0647 \u0627\u0644\u0627\u0635\u06cc\u0644 \u06c1\u0648\u0679\u0644 \u06a9\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0634\u06a9\u0631\u06cc\u06c1\u06d4\",\n\n                \/\/ Contact\n                contact_section_title: \"\u0631\u0627\u0628\u0637\u06c1 \u06a9\u0631\u06cc\u06ba\",\n                contact_title: \"\u0622\u067e \u0633\u06d2 \u0633\u0646\u0646\u0627 \u067e\u0633\u0646\u062f \u06a9\u0631\u06cc\u06ba \u06af\u06d2\",\n                contact_subtitle: \"\u06a9\u0633\u06cc \u0628\u06be\u06cc \u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u06cc\u0627 \u0628\u06a9\u0646\u06af \u06a9\u06d2 \u0644\u06cc\u06d2 \u0631\u0627\u0628\u0637\u06c1 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u06c1\u0686\u06a9\u0686\u0627\u06c1\u0679 \u0646\u06c1 \u06a9\u0631\u06cc\u06ba\",\n                contact_form_title: \"\u06c1\u0645\u06cc\u06ba \u067e\u06cc\u063a\u0627\u0645 \u0628\u06be\u06cc\u062c\u06cc\u06ba\",\n                form_name: \"\u0646\u0627\u0645\",\n                form_name_placeholder: \"\u0622\u067e \u06a9\u0627 \u067e\u0648\u0631\u0627 \u0646\u0627\u0645\",\n                form_email: \"\u0627\u06cc \u0645\u06cc\u0644\",\n                form_email_placeholder: \"example@email.com\",\n                form_message: \"\u067e\u06cc\u063a\u0627\u0645\",\n                form_message_placeholder: \"\u0627\u067e\u0646\u0627 \u067e\u06cc\u063a\u0627\u0645 \u06cc\u06c1\u0627\u06ba \u0644\u06a9\u06be\u06cc\u06ba...\",\n                form_send: \"\u067e\u06cc\u063a\u0627\u0645 \u0628\u06be\u06cc\u062c\u06cc\u06ba\",\n                contact_address: \"\u067e\u062a\u06c1\",\n                contact_phone: \"\u0641\u0648\u0646\",\n                contact_email: \"\u0627\u06cc \u0645\u06cc\u0644\",\n                contact_hours: \"\u06a9\u0627\u0645 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0627\u0648\u0642\u0627\u062a\",\n                contact_hours_desc: \"24\/7 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u062f\u0633\u062a\u06cc\u0627\u0628\"\n            }\n        };\n\n        \/\/ Current language\n        var currentLanguage = localStorage.getItem('language') || 'ar';\n\n        \/\/ Language switcher elements\n        var langToggle = document.getElementById('langToggle');\n        var langDropdown = document.getElementById('langDropdown');\n        var currentLangFlag = document.getElementById('currentLangFlag');\n        var currentLangCode = document.getElementById('currentLangCode');\n\n        \/\/ Toggle dropdown\n        langToggle.addEventListener('click', function(e) {\n            e.stopPropagation();\n            langDropdown.classList.toggle('active');\n        });\n\n        \/\/ Close dropdown when clicking outside\n        document.addEventListener('click', function() {\n            langDropdown.classList.remove('active');\n        });\n\n        \/\/ Language change function\n        function changeLanguage(lang) {\n            currentLanguage = lang;\n            localStorage.setItem('language', lang);\n\n            \/\/ Update HTML attributes\n            document.documentElement.lang = lang;\n            document.documentElement.dir = lang === 'en' ? 'ltr' : 'rtl';\n\n            \/\/ Update flag and code\n            var flags = { ar: '\ud83c\uddf8\ud83c\udde6', en: '\ud83c\uddec\ud83c\udde7', ur: '\ud83c\uddf5\ud83c\uddf0' };\n            var codes = { ar: 'AR', en: 'EN', ur: 'UR' };\n            currentLangFlag.textContent = flags[lang];\n            currentLangCode.textContent = codes[lang];\n\n            \/\/ Update active state in dropdown\n            document.querySelectorAll('.lang-option').forEach(function(option) {\n                option.classList.remove('active');\n                if (option.dataset.lang === lang) {\n                    option.classList.add('active');\n                }\n            });\n\n            \/\/ Update mobile language buttons\n            document.querySelectorAll('.mobile-lang-btn').forEach(function(btn) {\n                btn.classList.remove('active');\n                if (btn.dataset.lang === lang) {\n                    btn.classList.add('active');\n                }\n            });\n\n            \/\/ Update all translations\n            updateTranslations();\n\n            \/\/ Update arrow directions based on language direction\n            updateArrowDirections(lang);\n        }\n\n        \/\/ Update arrow directions\n        function updateArrowDirections(lang) {\n            var isRTL = lang !== 'en';\n\n            \/\/ Hero arrows\n            var heroArrow1 = document.querySelector('.hero-arrow-icon');\n            var heroArrow2 = document.querySelector('.hero-arrow-icon-2');\n            if (heroArrow1) {\n                heroArrow1.style.transform = isRTL ? 'rotate(180deg)' : 'rotate(0deg)';\n            }\n            if (heroArrow2) {\n                heroArrow2.style.transform = isRTL ? 'rotate(180deg)' : 'rotate(90deg)';\n            }\n\n            \/\/ About arrow\n            var aboutArrow = document.querySelector('.about-arrow-icon');\n            if (aboutArrow) {\n                aboutArrow.style.transform = isRTL ? 'rotate(180deg)' : 'rotate(0deg)';\n            }\n\n            \/\/ Rooms arrow\n            var roomsArrow = document.querySelector('.rooms-arrow-icon');\n            if (roomsArrow) {\n                roomsArrow.style.transform = isRTL ? 'rotate(180deg)' : 'rotate(0deg)';\n            }\n        }\n\n        \/\/ Update all translated elements\n        function updateTranslations() {\n            var texts = translations[currentLanguage];\n            if (!texts) return;\n\n            \/\/ Update elements with data-i18n\n            document.querySelectorAll('[data-i18n]').forEach(function(element) {\n                var key = element.getAttribute('data-i18n');\n                if (texts[key]) {\n                    element.textContent = texts[key];\n                }\n            });\n\n            \/\/ Update placeholders\n            document.querySelectorAll('[data-i18n-placeholder]').forEach(function(element) {\n                var key = element.getAttribute('data-i18n-placeholder');\n                if (texts[key]) {\n                    element.placeholder = texts[key];\n                }\n            });\n        }\n\n        \/\/ Language option click handlers\n        document.querySelectorAll('.lang-option').forEach(function(option) {\n            option.addEventListener('click', function(e) {\n                e.stopPropagation();\n                var lang = this.dataset.lang;\n                changeLanguage(lang);\n                langDropdown.classList.remove('active');\n            });\n        });\n\n        \/\/ Initialize language on page load\n        changeLanguage(currentLanguage);\n    <\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 | Wardah Al Asyl Hotel - \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629 \u0641\u0646\u062f\u0642 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 WARDAL ALASYL HOTEL \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0639\u0646 \u0627\u0644\u0641\u0646\u062f\u0642 \u0627\u0644\u063a\u0631\u0641 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0622\u0631\u0627\u0621 \u0627\u0644\u0646\u0632\u0644\u0627\u0621 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \ud83c\uddf8\ud83c\udde6 AR \ud83c\uddf8\ud83c\udde6 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \ud83c\uddec\ud83c\udde7 English \ud83c\uddf5\ud83c\uddf0 \u0627\u0631\u062f\u0648 \u0627\u062d\u062c\u0632 \u0625\u0642\u0627\u0645\u062a\u0643 \u0648\u0631\u062f\u0629 \u0627\u0644\u0623\u0635\u064a\u0644 \ud83c\uddf8\ud83c\udde6 AR \ud83c\uddec\ud83c\udde7 EN \ud83c\uddf5\ud83c\uddf0 UR \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0639\u0646 \u0627\u0644\u0641\u0646\u062f\u0642 \u0627\u0644\u063a\u0631\u0641 \u0648\u0627\u0644\u0623\u062c\u0646\u062d\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0622\u0631\u0627\u0621 \u0627\u0644\u0646\u0632\u0644\u0627\u0621 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u062d\u062c\u0632 [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-6127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/namaalasriya.com\/index.php?rest_route=\/wp\/v2\/pages\/6127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namaalasriya.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/namaalasriya.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/namaalasriya.com\/index.php?rest_route=\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/namaalasriya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6127"}],"version-history":[{"count":9,"href":"https:\/\/namaalasriya.com\/index.php?rest_route=\/wp\/v2\/pages\/6127\/revisions"}],"predecessor-version":[{"id":6145,"href":"https:\/\/namaalasriya.com\/index.php?rest_route=\/wp\/v2\/pages\/6127\/revisions\/6145"}],"wp:attachment":[{"href":"https:\/\/namaalasriya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}